54 lines
985 B
SCSS
54 lines
985 B
SCSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
@layer components {}
|
|
|
|
body {
|
|
@apply bg-primary-500;
|
|
}
|
|
|
|
.container {
|
|
@apply max-w-7xl mx-auto grid grid-cols-12 items-center;
|
|
}
|
|
|
|
.header {
|
|
@apply p-2 bg-slate-200;
|
|
}
|
|
|
|
.logo {
|
|
@apply text-orange-400 font-bold w-20 text-xl leading-4 col-span-2 py-4;
|
|
}
|
|
|
|
.menu {
|
|
@apply col-span-8 flex justify-between;
|
|
}
|
|
|
|
a[href^="/#"]:not([class*="btn"]) {
|
|
@apply underline decoration-dotted underline-offset-4 decoration-neutral-500;
|
|
}
|
|
|
|
.block {
|
|
@apply py-10;
|
|
|
|
&-content {
|
|
@apply col-span-6 h-full flex flex-col justify-between prose;
|
|
}
|
|
|
|
&-text {
|
|
@apply whitespace-break-spaces;
|
|
}
|
|
|
|
&-title {
|
|
@apply text-3xl prose-h1:font-black
|
|
}
|
|
|
|
&-image {
|
|
@apply col-span-6 bg-slate-400;
|
|
min-height: 50vh;
|
|
}
|
|
|
|
&-btn {
|
|
@apply rounded-full bg-primary hover:bg-primary-400 transition-colors px-10 py-3 inline-block text-lg font-bold shadow-lg;
|
|
}
|
|
} |