59 lines
782 B
SCSS
59 lines
782 B
SCSS
|
$font: "JetBrains Mono";
|
||
|
|
$nord-blue: #2e3440;
|
||
|
|
$nord-frost: #5e81ac;
|
||
|
|
|
||
|
|
@font-face {
|
||
|
|
font-family: $font;
|
||
|
|
font-style: normal;
|
||
|
|
src: local(''),
|
||
|
|
url(../fonts/JetBrainsMono-Medium.woff2) format('woff2');
|
||
|
|
}
|
||
|
|
|
||
|
|
html {
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
font-family: $font, sans-serif;
|
||
|
|
color: $nord-blue;
|
||
|
|
}
|
||
|
|
|
||
|
|
body {
|
||
|
|
max-width: 1000px;
|
||
|
|
}
|
||
|
|
|
||
|
|
a {
|
||
|
|
color: $nord-frost;
|
||
|
|
}
|
||
|
|
|
||
|
|
footer {
|
||
|
|
display: flex;
|
||
|
|
margin-top: 50px;
|
||
|
|
flex-direction: column;
|
||
|
|
justify-content: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.article-header {
|
||
|
|
margin-bottom: 40px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.article-title {
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.articles-list {
|
||
|
|
margin-top: 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.articles-header {
|
||
|
|
display: flex;
|
||
|
|
margin-bottom: 20px;
|
||
|
|
align-items: baseline;
|
||
|
|
}
|
||
|
|
|
||
|
|
.articles-header h2 {
|
||
|
|
margin: 0 5px 0 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.articles-list time {
|
||
|
|
color: #88c0d0;
|
||
|
|
}
|