ariejan/devroom.io
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Freshen up style

Browse Source
This commit is contained in:
Ariejan de Vroom 2020-03-25 11:22:16 +01:00
parent 297c6dbf5d
commit cc9377c08c
1 changed files with 49 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

84
themes/devroom-2020/assets/scss/devroom.scss
View File

@ -4,11 +4,11 @@ $font_size: 1.05rem;
$backdrop: #080808; $backdrop: #080808;
$background: #242424; $background: #242424;
$text: #f7f7f7; $text: #ffffff;
$links: #6C939F; $links: #8AD7EE;
$footer: darken($text, 40%); $footer: darken($text, 40%);
$meta: #AA4A39; $meta: #FF5739;
$header: #9AC361; $header: #ADF742;
html, body { html, body {
background-color: $backdrop; background-color: $backdrop;
@ -17,37 +17,6 @@ html, body {
font-size: $font_size; font-size: $font_size;
} }
pre, code {
font-family: 'IBM Plex Mono', monospace;
font-size: $font_size;
color: $footer;
}
pre > code {
overflow-wrap: normal;
white-space: pre;
color: $text;
}
pre {
background-color: $background !important;
margin-left: 2.5rem;
overflow-x: auto;
overflow-y: hidden;
line-height: 1.25rem;
}
pre::before {
display: block;
content: "```";
color: $footer;
}
pre::after {
display: block;
content: "```";
color: $footer;
}
.container { .container {
background-color: $background; background-color: $background;
padding: 1rem 1.5rem; padding: 1rem 1.5rem;
@ -149,4 +118,49 @@ small {
hr { hr {
border: none; border: none;
border-top: 2px dashed $footer; border-top: 2px dashed $footer;
}
code {
color: #ecba42;
}
code::before,
code::after {
content: "`";
}
pre > code::before,
pre > code::after {
content: "";
}
pre, code {
font-family: 'IBM Plex Mono', monospace;
font-size: $font_size;
}
pre > code {
overflow-wrap: normal;
white-space: pre;
color: $text;
background-color: $background !important;
}
pre {
background-color: $background !important;
margin-left: 2.5rem;
overflow-x: auto;
overflow-y: hidden;
line-height: 1.25rem;
}
pre::before {
display: block;
content: "```";
color: $footer;
}
pre::after {
display: block;
content: "```";
color: $footer;
} }