diff options
Diffstat (limited to 'assets/css/input.css')
-rw-r--r-- | assets/css/input.css | 54 |
1 files changed, 26 insertions, 28 deletions
diff --git a/assets/css/input.css b/assets/css/input.css index cc5bee8..a8da489 100644 --- a/assets/css/input.css +++ b/assets/css/input.css @@ -1,26 +1,25 @@ -@tailwind base; -@tailwind components; -@tailwind utilities; - -.baskerville { - font-family: baskerville, serif; -} - -blockquote::before { - font-family: "Font Awesome 6 Free"; - color: #79c753; - content: "\f10d"; - font-weight: 900; - font-size: 2rem; - position: absolute; - left: 10px; - top: -15px; -} +@import "tailwindcss/base"; +@import "tailwindcss/components"; +@import "tailwindcss/utilities"; +@import "./academicons.css" layer(utilities); +@import "./fontawesome.css" layer(utilities); @layer base { blockquote { @apply border-l-4 p-4 m-8 relative border-lime-500 baskerville; } + + blockquote::before { + font-family: "Font Awesome 6 Free"; + color: #79c753; + content: "\f10d"; + font-weight: 900; + font-size: 2rem; + position: absolute; + left: 10px; + top: -15px; + } + blockquote p:last-of-type { @apply text-center uppercase mt-4 tracking-wide; } @@ -49,6 +48,9 @@ blockquote::before { } @layer components { + .baskerville { + font-family: baskerville, serif; + } .menu { transition: max-height 0.2s ease-out; overflow: hidden; @@ -108,12 +110,8 @@ blockquote::before { #hero { text-shadow: 2px 2px 3px black; } - .main-content { - p { - code { - @apply text-blue-500 px-1; - } - } + .main-content p code { + @apply text-blue-500 px-1; } .main-content a { @apply px-1 text-lime-500; @@ -257,11 +255,11 @@ blockquote::before { font-family: "BerkshireSwash-Regular"; font-display: optional; src: - url("/css/fonts/BerkshireSwash-Regular.ttf.woff") format("woff"), - url("/css/fonts/BerkshireSwash-Regular.ttf.svg#BerkshireSwash-Regular") + url("/fonts/BerkshireSwash-Regular.ttf.woff") format("woff"), + url("/fonts/BerkshireSwash-Regular.ttf.svg#BerkshireSwash-Regular") format("svg"), - url("/css/fonts/BerkshireSwash-Regular.ttf.eot"), - url("/css/fonts/BerkshireSwash-Regular.ttf.eot?#iefix") + url("/fonts/BerkshireSwash-Regular.ttf.eot"), + url("/fonts/BerkshireSwash-Regular.ttf.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; |