42 lines
975 B
CSS
42 lines
975 B
CSS
|
@import "tailwindcss/base";
|
||
|
|
@import "tailwindcss/components";
|
||
|
|
@import "tailwindcss/utilities";
|
||
|
|
|
||
|
|
html {
|
||
|
|
--base-font-size: 16.666667;
|
||
|
|
--base-line-height: 1.32;
|
||
|
|
--font-size: calc(var(--base-font-size) * 1px);
|
||
|
|
--line-height: calc(var(--base-line-height) * 1rem);
|
||
|
|
--base-vspace: calc(var(--base-line-height) * var(--base-font-size));
|
||
|
|
--vspace: calc(var(--base-vspace) * 1px);
|
||
|
|
font-size: var(--font-size);
|
||
|
|
line-height: var(--line-height);
|
||
|
|
}
|
||
|
|
|
||
|
|
.container {
|
||
|
|
max-width: 80ch;
|
||
|
|
}
|
||
|
|
|
||
|
|
.box {
|
||
|
|
--tw-border-opacity: 1;
|
||
|
|
border-color: rgb(181 190 255 / var(--tw-border-opacity));
|
||
|
|
margin: 10.5px 4.5px;
|
||
|
|
padding: 10.5px 14.5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
p {
|
||
|
|
margin-bottom: var(--vspace);
|
||
|
|
}
|
||
|
|
|
||
|
|
@font-face {
|
||
|
|
font-family: "JetBrainsMono";
|
||
|
|
src: url("/fonts/JetBrainsMono-VariableFont_wght.ttf");
|
||
|
|
font-style: normal;
|
||
|
|
}
|
||
|
|
|
||
|
|
@font-face {
|
||
|
|
font-family: "JetBrainsMono";
|
||
|
|
src: url("/fonts/JetBrainsMono-Italic-VariableFont_wght.ttf");
|
||
|
|
font-style: italic;
|
||
|
|
}
|