32 lines
929 B
CSS
32 lines
929 B
CSS
|
html {
|
||
|
|
scroll-behavior: smooth;
|
||
|
|
background-color: theme("colors.primary");
|
||
|
|
&.dark {
|
||
|
|
background-color: theme("colors.darkmode.800");
|
||
|
|
body {
|
||
|
|
color: theme("colors.slate.300");
|
||
|
|
*,
|
||
|
|
::before,
|
||
|
|
::after {
|
||
|
|
border-color: theme("colors.white" / 5%);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
body {
|
||
|
|
-webkit-font-smoothing: antialiased;
|
||
|
|
-moz-osx-font-smoothing: grayscale;
|
||
|
|
overflow-x: hidden;
|
||
|
|
padding-top: theme("spacing.3");
|
||
|
|
padding-left: theme("spacing.3");
|
||
|
|
padding-right: theme("spacing.3");
|
||
|
|
font-family: theme("fontFamily.roboto");
|
||
|
|
font-size: theme("fontSize.sm");
|
||
|
|
line-height: theme("lineHeight.5");
|
||
|
|
color: theme("colors.slate.800");
|
||
|
|
@media screen(sm) {
|
||
|
|
padding-left: theme("spacing.8");
|
||
|
|
padding-right: theme("spacing.8");
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|