cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

initial theming dev

Browse source
This commit is contained in:
Cory Dransfeldt 2023-03-11 17:12:34 -08:00
parent 5c673525d6
commit f1e52677ed
No known key found for this signature in database
47 changed files with 4008 additions and 9033 deletions
Download patch file Download diff file Expand all files Collapse all files

69
tailwind.config.js
View file

@ -1,7 +1,64 @@
const defaultTheme = require('tailwindcss/defaultTheme')
const colors = require('tailwindcss/colors')
const dracula = require('tailwind-dracula/colors')
module.exports = {
darkMode: 'class',
content: ['./src/**/*.md', './src/**/*.html', './src/_includes/**/*.liquid'],
plugins: [
require('@tailwindcss/typography')
],
}
darkMode: 'class',
theme: {
extend: {
spacing: {
'9/16': '56.25%',
},
lineHeight: {
11: '2.75rem',
12: '3rem',
13: '3.25rem',
14: '3.5rem',
},
fontFamily: {
sans: ['InterVariable', ...defaultTheme.fontFamily.sans],
},
colors: {
...dracula,
primary: dracula.purple,
gray: dracula.darker,
blue: dracula.blue,
cyan: dracula.cyan,
green: dracula.green,
orange: dracula.orange,
pink: dracula.pink,
purple: dracula.purple,
red: dracula.red,
yellow: dracula.yellow,
dark: dracula.dark,
darker: dracula.darker,
light: dracula.light,
},
backgroundImage: {
'cover-gradient':
'linear-gradient(180deg,transparent 0,rgba(0,0,0,.15) 70%,rgba(0,0,0,.5))',
},
typography: (theme) => ({
DEFAULT: {
css: {
a: {
color: theme('colors.primary.500'),
'&:hover': {
color: `${theme('colors.primary.400')} !important`,
},
code: { color: theme('colors.primary.400') },
},
pre: {
backgroundColor: theme('colors.gray.900'),
},
code: {
backgroundColor: theme('colors.gray.900'),
},
},
},
}),
},
},
plugins: [require('@tailwindcss/typography'), require('tailwind-dracula')('dracula')],
content: ['./src/**/*.md', './src/**/*.html', './src/_includes/**/*.liquid'],
}