f.weber/jekyll-theme-chirpy
Template
1
0
Fork 0
mirror of https://github.com/cotes2020/jekyll-theme-chirpy.git synced 2025-06-07 16:17:50 +00:00
Code Issues Packages Releases Activity

refactor: improve heading layout

Browse Source
This commit is contained in:
Cotes Chung 2024-08-25 00:12:00 +08:00
parent 80bd7928a0
commit 707a209424
No known key found for this signature in database
GPG Key ID: 0D9E54843167A808
2 changed files with 15 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
_sass/addon/commons.scss
View File

@ -42,20 +42,29 @@ body {
@extend %heading;
@if $i > 1 {
@extend %section;
@extend %anchor;
}
@if $i < 5 {
$factor: 0.18rem;
$size-factor: 0.25rem;
@if $i == 1 {
$factor: 0.23rem;
@if $i > 1 {
$size-factor: 0.18rem;
main & {
@if $i == 2 {
margin: 2.5rem 0 1.25rem;
} @else {
margin: 2rem 0 1rem;
}
}
}
font-size: 1rem + (5 - $i) * $factor;
& {
font-size: 1rem + (5 - $i) * $size-factor;
}
} @else {
font-size: 1rem;
font-size: 1.05rem;
}
}
}

11
_sass/addon/module.scss
View File

@ -10,17 +10,6 @@
font-family: $font-family-heading;
}
%section {
main & {
margin-top: 2.5rem;
margin-bottom: 1.25rem;
&:focus {
outline: none; /* avoid outline in Safari */
}
}
}
%anchor {
.anchor {
font-size: 80%;