55 lines
1.1 KiB
SCSS
55 lines
1.1 KiB
SCSS
// ── Self-hosted fonts ─────────────────────────────────────────────────────────
|
|
@font-face {
|
|
font-family: 'Open Sans Condensed';
|
|
font-style: normal;
|
|
font-weight: 300;
|
|
font-display: swap;
|
|
src: url('assets/fonts/open-sans-condensed-300.woff2') format('woff2');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Raleway';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-display: swap;
|
|
src: url('assets/fonts/raleway-400.woff2') format('woff2');
|
|
}
|
|
|
|
@import 'library/main';
|
|
|
|
$line-height: 2px;
|
|
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
|
|
&:active,
|
|
&:focus:not(:focus-visible) {
|
|
outline: 0;
|
|
}
|
|
|
|
&::selection {
|
|
background: $text-color;
|
|
color: $light-color;
|
|
}
|
|
|
|
&::placeholder {
|
|
user-select: none;
|
|
}
|
|
}
|
|
|
|
html {
|
|
height: 100%;
|
|
background-color: $text-color;
|
|
scrollbar-gutter: stable;
|
|
overflow-y: scroll; // fallback for Safari < 16
|
|
}
|
|
|
|
body {
|
|
height: 100%;
|
|
background: $background-gradient-opaque;
|
|
text-align: center;
|
|
padding: var(--large-padding);
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
}
|