aboutsummaryrefslogtreecommitdiffstats
path: root/assets/css/input.css
diff options
context:
space:
mode:
Diffstat (limited to 'assets/css/input.css')
-rw-r--r--assets/css/input.css54
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;