refactor: improve heading layout

cotes2020 · Aug 24, 2024 · 707a209 · 707a209
1 parent 80bd792
commit 707a209
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 17 deletions.
diff --git a/_sass/addon/commons.scss b/_sass/addon/commons.scss
@@ -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;
  }
  }
 }

diff --git a/_sass/addon/module.scss b/_sass/addon/module.scss
@@ -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%;