Freshen up style
This commit is contained in:
parent
297c6dbf5d
commit
cc9377c08c
|
@ -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;
|
||||||
|
@ -150,3 +119,48 @@ 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;
|
||||||
|
}
|
Loading…
Reference in New Issue
Block a user