h1をページごとにつける

vivliostyle · Mar 16, 2020 · d77987c · d77987c
1 parent d8a12a3
commit d77987c
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 3 deletions.
diff --git a/_includes/global-header.html b/_includes/global-header.html
@@ -4,9 +4,7 @@
 <header class="global-header">
   <div class="global-header__brand">
     <a href="{{ lang.url | relative_url }}">
-      <h1>
-        <img class="global-header__logo" src="{{ site.logo | relative_url }}" alt="{{ site.title | append: ' logo' }}"/>
-      </h1>
+      <img class="global-header__logo" src="{{ site.logo | relative_url }}" alt="{{ site.title | append: ' logo' }}"/>
     </a>
 
     {% include site-search.html %}

diff --git a/_sass/_heading.scss b/_sass/_heading.scss
@@ -25,6 +25,18 @@
     }
   }
 
+  h1 {
+    @include heading;
+
+    font-size: $h1_font_size;
+    font-weight: $bold_font_weight;
+    margin: 64px 0 30px;
+
+    .heading__link {
+      left: -60px;
+    }
+  }
+
   h2 {
     @include heading;
 

diff --git a/_sass/_mixins.scss b/_sass/_mixins.scss
@@ -25,6 +25,7 @@
 // ----------
 
 @mixin headings {
+  h1,
   h2,
   h3,
   h4,

diff --git a/_sass/_variables.scss b/_sass/_variables.scss
@@ -55,6 +55,7 @@ $monospace_font:   "Roboto Mono";
 $vivliostyle_font: "Optima", "Marcellus";
 $icon_font:        "Material Design Icons";
 
+$h1_font_size:        44px;
 $h2_font_size:        44px;
 $h3_font_size:        34px;
 $h4_font_size:        28px;