You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

95 lines
1.3 KiB
SCSS

$fave: #aa71fa;
$off-dark: #1b181e;
$body-bg: #d5bbf9;
$code-bg: #baa6d8;
$code-block-bg: #2b303b;
$link: #551a8b;
$link-hover: #32594f;
$header-link-bg: #2a2333;
body {
background-color: $off-dark;
font-family: lato;
}
.block {
background-color: $body-bg;
width: 60%;
margin: auto;
border-radius: 1em;
color: $off-dark;
padding-left: 3em;
padding-right: 3em;
padding-top: 1em;
padding-bottom: 1em;
margin-top: 1em;
}
#footer {
text-align: center;
}
#header {
text-align: center;
& > a {
border-radius: 1em;
background-color: $header-link-bg;
padding-top: 0.3em;
padding-bottom: 0.3em;
padding-left: 0.4em;
padding-right: 0.4em;
color: $fave;
text-decoration: none;
font-weight: bold;
white-space: nowrap;
line-height: 2;
&:hover {
color: $link-hover;
}
}
}
.title {
margin-top: 0em;
}
.toki-pona {
font-family: lipamanka;
}
a {
color: $link;
transition: color 0.3s;
&:hover {
color: $link-hover;
}
&:active {
color: $fave;
}
}
pre {
border-radius: 0.5em;
padding: 0.5em;
code {
background: $code-block-bg;
}
}
code {
background: $code-bg;
border-radius: 0.25em;
}
@font-face {
font-family: lipamanka;
src: url(/linjamanka.woff);
}
@font-face {
font-family: lato;
src: url(/lato.woff2);
}