forked from rDrama/rDrama
fix
parent
95205131a9
commit
be2d23cd87
|
@ -2,6 +2,10 @@
|
||||||
@tailwind components;
|
@tailwind components;
|
||||||
@tailwind utilities;
|
@tailwind utilities;
|
||||||
|
|
||||||
|
:root {
|
||||||
|
--color-primary: 220, 38, 38;
|
||||||
|
}
|
||||||
|
|
||||||
@import url('https://fonts.googleapis.com/css2?family=Delius+Swash+Caps&display=swap');
|
@import url('https://fonts.googleapis.com/css2?family=Delius+Swash+Caps&display=swap');
|
||||||
|
|
||||||
@responsive {
|
@responsive {
|
||||||
|
|
|
@ -9,6 +9,15 @@ module.exports = {
|
||||||
darkMode: 'class', // or 'media' or 'class'
|
darkMode: 'class', // or 'media' or 'class'
|
||||||
theme: {
|
theme: {
|
||||||
colors: {
|
colors: {
|
||||||
|
primary: ({ opacityVariable, opacityValue }) => {
|
||||||
|
if (opacityValue !== undefined) {
|
||||||
|
return `rgba(var(--color-primary), ${opacityValue})`
|
||||||
|
}
|
||||||
|
if (opacityVariable !== undefined) {
|
||||||
|
return `rgba(var(--color-primary), var(${opacityVariable}, 1))`
|
||||||
|
}
|
||||||
|
return `rgb(var(--color-primary))`
|
||||||
|
},
|
||||||
transparent: 'transparent',
|
transparent: 'transparent',
|
||||||
current: 'currentColor',
|
current: 'currentColor',
|
||||||
black: colors.black,
|
black: colors.black,
|
||||||
|
@ -20,7 +29,8 @@ module.exports = {
|
||||||
blue: colors.sky
|
blue: colors.sky
|
||||||
},
|
},
|
||||||
fontFamily: {
|
fontFamily: {
|
||||||
'heading': ['Delius Swash Caps']
|
'heading': ['Delius Swash Caps'],
|
||||||
|
'serif': ['Georgia']
|
||||||
},
|
},
|
||||||
extend: {
|
extend: {
|
||||||
boxShadow: {
|
boxShadow: {
|
||||||
|
|
Loading…
Reference in New Issue