Files
explainegy-nextjs/styles/globals.scss
2022-12-23 14:53:36 +01:00

56 lines
890 B
SCSS

@import "colorVariables.scss";
@import "variables.scss";
* {
box-sizing: border-box;
padding: 0;
margin: 0;
}
*,
:after,
:before {
box-sizing: border-box;
}
html,
body {
max-width: 100vw;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
"Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-color: var(--color-background-body);
color: var(--color-font);
min-height: 100vh;
display: flex;
flex-direction: column;
main {
width: 100%;
flex: 1;
}
}
p,
a {
letter-spacing: 1px;
&:visited {
color: var(--color-font);
}
}
a {
font-weight: bold;
text-decoration: none;
color: var(--color-font-link);
&:hover {
text-decoration: underline;
}
&:visited {
text-decoration: none;
color: var(--color-font-link);
}
}