43 lines
688 B
SCSS
43 lines
688 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
|
|
}
|
|
|
|
.menu {
|
|
@apply col-span-8 flex justify-between
|
|
}
|
|
|
|
a[href^="/#"] {
|
|
@apply underline decoration-dotted underline-offset-4 decoration-neutral-500
|
|
}
|
|
|
|
.block {
|
|
@apply py-10;
|
|
&-content {
|
|
@apply col-span-6
|
|
}
|
|
&-title {
|
|
@apply text-5xl text-black
|
|
}
|
|
&-image {
|
|
@apply col-span-6 bg-slate-400;
|
|
min-height: 50vh;
|
|
}
|
|
} |