This commit is contained in:
kek7198 2021-12-01 12:11:15 -06:00
parent 05eafe4c11
commit 5afae627d4
3 changed files with 25 additions and 4 deletions

View file

@ -24,7 +24,7 @@ p:last-of-type {
.sub-header-shadow { .sub-header-shadow {
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.10) inset, -1px -1px 0.5px rgba(17, 40, 19, 0.1) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.10) inset, -1px -1px 0.5px rgba(17, 40, 19, 0.1) inset;
} }
.shadow-inset-b-white-07 { /*.shadow-inset-b-white-07 {
box-shadow: -1px -1px 1px rgba(255, 255, 255, 0.07) inset; box-shadow: -1px -1px 1px rgba(255, 255, 255, 0.07) inset;
} }
.shadow-inset-t-white-05 { .shadow-inset-t-white-05 {
@ -35,9 +35,9 @@ p:last-of-type {
} }
.shadow-inset-r-white-05 { .shadow-inset-r-white-05 {
box-shadow: 1px 0 0 rgba(255, 255, 255, 0.05) inset; box-shadow: 1px 0 0 rgba(255, 255, 255, 0.05) inset;
} }*/
.text-shadow { /*.text-shadow {
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.12) text-shadow: 0 1px 0 rgba(0, 0, 0, 0.12)
} }
.text-shadow-t { .text-shadow-t {
@ -48,7 +48,7 @@ p:last-of-type {
} }
.text-shadow-light-t { .text-shadow-light-t {
text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1) text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1)
} }*/
.triangle:after { .triangle:after {
content:''; content:'';

View file

@ -4,6 +4,21 @@
@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 {
.text-shadow {
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.12)
}
.text-shadow-t {
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12)
}
.text-shadow-light {
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1)
}
.text-shadow-light-t {
text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1)
}
}
.test { .test {
@apply text-red-700 font-bold text-3xl; @apply text-red-700 font-bold text-3xl;
} }

View file

@ -23,6 +23,12 @@ module.exports = {
'heading': ['Delius Swash Caps'] 'heading': ['Delius Swash Caps']
}, },
extend: { extend: {
boxShadow: {
'inset-b-white-07': '-1px -1px 1px rgba(255, 255, 255, 0.07) inset',
'inset-t-white-05': '0 1px 0 rgba(255, 255, 255, 0.05) inset',
'inset-t-white-10': '0 1px 0 rgba(255, 255, 255, 0.10) inset',
'inset-r-white-05': '1px 0 0 rgba(255, 255, 255, 0.05) inset'
},
colors: { colors: {
gray: { gray: {
'100': '#f4f6f4', '100': '#f4f6f4',