RikSolo/eleventy-riksolo-com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

some styling

Browse source
This commit is contained in:
Rik Berkelder 2025-01-28 03:35:11 +01:00
parent c2595ed3f2
commit d2888356b4
4 changed files with 57 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

68
content/style.scss
View file

@ -1,6 +1,6 @@
$grey-dark: #2e3440;
$grey-vdark: darken($grey-dark, 5);
$grey-medium: #3b4252;
$grey-vdark: rgb(17, 24, 39);
$grey-dark: lighten($grey-vdark, 5);
$grey-medium: lighten($grey-vdark, 15);
$grey-light: #4c566a;
$white-dark: #d8dee9;
$white-light: #eceff4;
@ -12,42 +12,56 @@ $text-default: $white-light;
$primary: $blue;
$secondary: $blue-med;
body {
color: $text-default;
background-color: $grey-vdark;
font-family: 'Inconsolata',
monospace;
line-height: 1.3rem;
.container {
max-width: 900px;
margin-left: auto;
margin-right: auto;
.blog-main {
max-width: 750px;
.blog {
max-width: 700px;
margin-left: auto;
margin-right: auto;
.blog-content {
border-top: 1px solid $grey-dark;
margin-top: 0.6em;
&-header {
&>* {
display: block;
}
a,
a:visited {
color: $primary;
}
small {
margin-top: 0.1em;
margin-bottom: 0.4em;
}
}
&-content {
border-top: 1px solid $grey-medium;
margin-top: 1em;
}
}
}
color: $text-default;
background-color: $grey-vdark;
font-family: 'Fira Code',
monospace;
@supports (font-variation-settings: normal) {
font-family: 'Fira Code VF', monospace;
}
.nav {
width: 100%;
padding-bottom: 0.6em;
margin-bottom: 0.6em;
border-bottom: 1px $grey-medium solid;
border-bottom: 1px $grey-dark solid;
a,
a:visited {
@ -67,8 +81,20 @@ body {
h2,
h3,
h4 {
margin-bottom: 0;
margin-top: 0.1em;
margin-bottom: 0rem;
margin-top: 1rem;
font-weight: 700;
}
p {
margin-top: 0.6rem;
margin-bottom: 1.2rem;
}
code,
pre {
background-color: $grey-dark;
padding: 0.1rem 0.4rem;
display: inline-block;
}
}