68 lines
No EOL
1 KiB
SCSS
68 lines
No EOL
1 KiB
SCSS
@import '../public/stylesheets/partials/_variables';
|
|
@import '../public/stylesheets/partials/_mixins';
|
|
|
|
html * {
|
|
margin: 0;
|
|
font-size: 14px;
|
|
|
|
@media #{map-get($break-points, "500")} {
|
|
// font-size: 14px;
|
|
}
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
font-family: 'Oswald', sans-serif;
|
|
font-weight: 800;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
box-sizing: border-box;
|
|
height: 100vh;
|
|
width: 100vw;
|
|
|
|
div#root {
|
|
@include fullspan;
|
|
}
|
|
|
|
div.App {
|
|
@include fullspan;
|
|
// ! dev settings
|
|
background-color: map-get($dev-colors, "f");
|
|
}
|
|
|
|
// ! dev settings
|
|
aside {
|
|
background-color: map-get($colors, "sidebar");
|
|
}
|
|
|
|
main {
|
|
background-color: map-get($colors, "main");
|
|
font-weight: 100;
|
|
}
|
|
}
|
|
|
|
code {
|
|
font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
|
|
monospace;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 140%;
|
|
font-weight: 600;
|
|
}
|
|
|
|
h4 {
|
|
font-size: 110%;
|
|
}
|
|
|
|
a:hover, a:active, {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.--link {
|
|
cursor: pointer;
|
|
|
|
&:hover {
|
|
text-decoration: underline;
|
|
}
|
|
} |