Bump styling to a higher level
This commit is contained in:
parent
bc85ec1a03
commit
4ab55e9fa4
|
@ -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 >}}
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in New Issue
Block a user