[opt] css

source/css/_layout/md.styl

@@ -31,19 +31,20 @@ h1.article-title
     h1,h2,h3,h4,h5,h6
       text-align: center
     >h2:not([class])
-      align-self: center
-      border-bottom-style: dashed
-      border-bottom-color: $color-accent
+      border-bottom: none
   >:first-child:not(h1)
     margin-top: 0
   h1:not(:first-child)
     margin-top: 2em
   h2:first-child
     margin-top: 0
+  h2
+    margin-bottom: 1rem
+  h3,h4,h5,h6
+    margin-bottom: .5rem
   h2,h3,h4,h5,h6
     color: var(--text-p0)
     padding-top: 1rem
-    margin-bottom: .5rem
     line-height: 1.8
     &:hover
       a.headerlink:before

source/css/_layout/tag-plugins/quot.styl

@@ -9,13 +9,11 @@
     align-items: center
     border-bottom: none
     font-weight: 700
-    &:first-child
-      margin-top: 1.5rem
+    padding: 16px 24px
     a.headerlink:before
       content: ''
-    padding: 16px 24px 8px 24px
     @media screen and (max-width: $device-mobile)
-      padding: 16px 20px 8px
+      padding: 12px 20px
     line-height: 1.2
 
 .md-text .tag-plugin.quot .content
@@ -50,7 +48,7 @@
       border-left: 6px solid $color-accent
     &:after
       right: 0
-      bottom: 0
+      bottom: 8px
       border-right: 6px solid $color-accent
       border-bottom: 6px solid $color-accent
   h1.content[type=text]

source/css/_layout/widgets/search.styl

@@ -15,6 +15,7 @@
     padding: 0.5rem
     line-height: 1
     box-sizing: border-box
+    font-family: $ff-body
     border-radius: $border-block
     background-color: var(--card)
     color: var(--text-p0)