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

Bump styling to a higher level

Browse Source
This commit is contained in:
Ariejan de Vroom 2023-03-03 15:56:24 +01:00
parent bc85ec1a03
commit 4ab55e9fa4
Signed by: ariejan
GPG Key ID: AD739154F713697B
2 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
content/projects/volkswagen-golf-iii-cabrio-1994/index.md
View File

@ -65,8 +65,7 @@ Items marked with 🔧 are required to (safely) operate the vehicle.
- [x] Replace distributor cap and rotor - [x] Replace distributor cap and rotor
- [x] Replace ignition cables - [x] Replace ignition cables
- [x] Replace air intake filter - [x] Replace air intake filter
- [ ] Timing belt and water pump (well, I replaced almost everything already, let's do it right then) - [ ] Belts
### Suspension and brakes ### Suspension and brakes
{{< begin-task-list >}} {{< begin-task-list >}}

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

@ -1,12 +1,14 @@
// @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; @import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,700;1,400;1,700&display=swap');
$h2_font_size: 2rem;
$h1_font_size: 2.0rem;
$h2_font_size: 1.7rem;
$header_size: 1.2rem; $header_size: 1.2rem;
$font_size: 17px; $font_size: 1.1rem;
$code_font_size: 15px; $code_font_size: 1rem;
$code_line_height: 1.4rem; $code_line_height: 1.4rem;
$line-height: 1.6rem; $line-height: 1.6rem;
$word-spacing: 0.1em; $word-spacing: 0.1em;
@ -26,7 +28,7 @@ $code: #ff9327;
html, body { html, body {
background-color: $backdrop; background-color: $backdrop;
color: $text; color: $text;
font-family: Georgia, "Bitstream Charter", "Times New Roman", serif; font-family: Lora, 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; word-spacing: $word-spacing;
@ -53,7 +55,7 @@ code, pre {
background-color: $background; background-color: $background;
padding: 1rem 1.5rem; padding: 1rem 1.5rem;
margin: 1rem auto; margin: 1rem auto;
max-width: 900px; max-width: 40rem;
} }
a, a:hover { a, a:hover {
@ -66,11 +68,10 @@ nav a {
} }
h1, h2, h3, h4, h5 { h1, h2, h3, h4, h5 {
// font-family: 'Rubik', sans-serif; font-family: Lora, Georgia, "Bitstream Charter", "Times New Roman", serif;
font-family: Georgia, "Bitstream Charter", "Times New Roman", serif;
font-size: $header_size; font-size: $header_size;
font-weight: bold; font-weight: bold;
font-variant: small-caps; // font-variant: small-caps;
line-height: $header_size * 1.7; line-height: $header_size * 1.7;
color: $header; color: $header;
margin: 0.67rem 0; margin: 0.67rem 0;