drfeely.com/website/app/globals.css

99 lines
1.6 KiB
CSS
Raw Normal View History

2023-08-25 19:06:28 +00:00
@import url(https://fonts.bunny.net/css?family=abel:400|cormorant:700);
2023-07-23 22:26:35 +00:00
2023-07-23 14:44:58 +00:00
@tailwind base;
@tailwind components;
@tailwind utilities;
2023-07-23 22:26:35 +00:00
@layer base {
html {
scroll-behavior: smooth;
}
body {
@apply bg-primary-100;
@apply text-primary-500;
@apply font-abel;
2023-07-23 14:44:58 +00:00
}
2023-07-25 03:14:18 +00:00
main {
@apply text-lg;
}
2023-08-30 22:56:17 +00:00
h1 {
@apply text-7xl;
@apply font-cormorant;
@apply my-10;
2023-08-30 22:56:17 +00:00
}
h2 {
@apply text-2xl;
@apply font-bold;
@apply my-3;
}
}
2023-08-29 04:50:52 +00:00
2023-08-30 22:56:17 +00:00
@layer components {
2023-08-29 04:50:52 +00:00
.ArticleContent h2 {
@apply text-xl;
@apply font-bold;
@apply mb-4 mt-3;
2023-08-29 04:50:52 +00:00
@apply scroll-mt-20;
}
.ArticleContent p {
@apply my-1;
@apply indent-3;
}
.ArticleContent hr {
@apply my-5;
}
.ArticleContent a {
@apply underline;
@apply hover:drop-shadow;
@apply transition-all;
@apply duration-300;
}
.ArticleContent ul {
@apply list-disc;
@apply list-inside;
2023-08-29 19:23:30 +00:00
@apply ml-8;
2023-08-29 04:50:52 +00:00
}
.ArticleContent h1 {
@apply text-4xl;
@apply font-bold;
@apply font-cormorant;
@apply m-5;
@apply ml-3;
}
.ArticleContent h6 {
@apply text-lg;
@apply italic;
@apply m-5;
@apply ml-3;
}
2023-08-29 19:23:30 +00:00
.ArticleContent img {
@apply max-w-full;
@apply md:max-w-md;
@apply my-3;
}
2023-07-23 14:44:58 +00:00
}
@layer utilities {
.behind-shadow {
position: relative !important;
}
.behind-shadow::before {
content: "" !important;
position: absolute !important;
top: 0 !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
z-index: -1 !important;
@apply drop-shadow-2xl !important;
}
}