Refresh theme
This commit is contained in:
parent
6da095e5df
commit
724ec2dc55
|
@ -1,37 +1,39 @@
|
||||||
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;700&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Rubik:wght@400;700&display=swap');
|
// @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;700&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Rubik:wght@400;700&display=swap');
|
||||||
@import url('https://cdn-uicons.flaticon.com/uicons-regular-straight/css/uicons-regular-straight.css');
|
// @import url('https://cdn-uicons.flaticon.com/uicons-regular-straight/css/uicons-regular-straight.css');
|
||||||
|
|
||||||
$h1_font_size: 2.4rem;
|
$h1_font_size: 2.4rem;
|
||||||
$h2_font_size: 2rem;
|
$h2_font_size: 2rem;
|
||||||
$header_size: 1.4rem;
|
$header_size: 1.2rem;
|
||||||
|
|
||||||
$font_size: 1.1rem;
|
$font_size: 17px;
|
||||||
$code_font_size: 0.96rem;
|
$code_font_size: 15px;
|
||||||
$code_line_height: 1.4rem;
|
$code_line_height: 1.4rem;
|
||||||
$line-height: 1.6rem;
|
$line-height: 1.6rem;
|
||||||
|
$word-spacing: 0.1em;
|
||||||
|
|
||||||
$background: #14002e;
|
$background: #ffffff;
|
||||||
$backdrop: $background;
|
$backdrop: $background;
|
||||||
$text: #f7eefd;
|
$text: #301800;
|
||||||
$links: #f92672;
|
$links: #1585e0;
|
||||||
$footer: $text;
|
$footer: $text;
|
||||||
$meta: $text;
|
$meta: $text;
|
||||||
$header: $text;
|
$header: $text;
|
||||||
$highlight: $links;
|
$highlight: $links;
|
||||||
$code_background: $background;
|
$code_background: $background;
|
||||||
$code_border_color: lighten($background, 15%);
|
$code_border_color: $background;
|
||||||
$code: #ae81ff;
|
$code: #ff9327;
|
||||||
|
|
||||||
html, body {
|
html, body {
|
||||||
background-color: $backdrop;
|
background-color: $backdrop;
|
||||||
color: $text;
|
color: $text;
|
||||||
font-family: 'PT Serif', serif;
|
font-family: Georgia, "Bitstream Charter", "Times New Roman", serif;
|
||||||
font-size: $font_size;
|
font-size: $font_size;
|
||||||
line-height: $line-height;
|
line-height: $line-height;
|
||||||
|
word-spacing: $word-spacing;
|
||||||
}
|
}
|
||||||
|
|
||||||
code, pre {
|
code, pre {
|
||||||
font-family: 'IBM Plex Mono', monospace;
|
font-family: monospace;
|
||||||
}
|
}
|
||||||
|
|
||||||
.important {
|
.important {
|
||||||
|
@ -64,10 +66,12 @@ nav a {
|
||||||
}
|
}
|
||||||
|
|
||||||
h1, h2, h3, h4, h5 {
|
h1, h2, h3, h4, h5 {
|
||||||
font-family: 'Rubik', sans-serif;
|
// font-family: 'Rubik', sans-serif;
|
||||||
|
font-family: Georgia, "Bitstream Charter", "Times New Roman", serif;
|
||||||
font-size: $header_size;
|
font-size: $header_size;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
line-height: $header_size * 1.8;
|
font-variant: small-caps;
|
||||||
|
line-height: $header_size * 1.1;
|
||||||
color: $header;
|
color: $header;
|
||||||
margin: 0.67rem 0;
|
margin: 0.67rem 0;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue
Block a user