38 lines
862 B
SCSS
38 lines
862 B
SCSS
// Default
|
|
* {
|
|
box-sizing: border-box;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
body {
|
|
background-color: var(--bg-color);
|
|
color: var(--body-color);
|
|
transition: color .6s, background-color .6s;
|
|
font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
|
|
margin:0;
|
|
padding:0;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
a:not(.button) {
|
|
color: var(--link-color);
|
|
transition: color .6s;
|
|
&:hover {
|
|
opacity: .8;
|
|
}
|
|
}
|
|
|
|
h1,h2,h3,h4,h5,h6 {
|
|
transition: color .6s;
|
|
color: var(--title-color);
|
|
}
|
|
|
|
.bg-highlight {
|
|
background-color: var(--bg-highlight-color);
|
|
transition: background-color .6s;
|
|
padding: var(--space);
|
|
border-radius: 5px;
|
|
box-shadow: 1px 1px 5px 0 rgba(0,0,0,.02), 1px 1px 15px 0 rgba(0,0,0,.03);
|
|
transition: transform .3s, background-color .3s, box-shadow .6s;
|
|
}
|