cooked/templates/styles.css
2024-10-30 16:59:15 +01:00

61 lines
1.4 KiB
CSS

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');
@tailwind base;
@tailwind components;
@tailwind utilities;
.section-separator {
@apply border-0 border-b-2;
}
.text-desktop-small-bold {
@apply text-xs not-italic font-medium;
}
.text-desktop-small {
@apply text-xs not-italic font-normal;
}
.text-desktop-heading-xl {
@apply text-4xl not-italic font-medium;
}
.text-desktop-heading-l {
@apply text-3xl not-italic font-medium;
font-size: 32px;
}
.text-desktop-heading-m {
@apply text-2xl not-italic font-medium;
}
.text-mobile-small-strong {
@apply text-sm not-italic font-medium;
}
.text-mobile-heading-l {
@apply text-2xl not-italic font-medium;
}
.text-mobile-heading-xxl {
@apply text-5xl not-italic font-medium;
}
blockquote {
@apply p-4 my-4 border-s-4 border-gray-300 bg-gray-200 text-xl italic font-medium leading-relaxed text-gray-900 border-0 rounded-lg flex flex-col gap-4;
}
code {
@apply bg-gray-400 text-white py-1 px-2 border-0 rounded-full;
}
.content ul {
@apply list-inside list-decimal;
}
.textarea-with-view {
@apply min-h-40 input border border-solid border-gray-200 rounded-lg w-1/2;
}
.textarea-without-view {
@apply min-h-40 input border border-solid border-gray-200 rounded-lg w-full;
}