From 57a4bfdb8293c2bc44650dd1769f883d94219f56 Mon Sep 17 00:00:00 2001
From: Cotes Chung <11371340+cotes2020@users.noreply.github.com>
Date: Tue, 27 Oct 2020 05:14:33 +0800
Subject: [PATCH] Replace heading elements of  panel with span.

Fix the heading levels audit.
---
 _includes/panel.html          | 15 ++++++---------
 assets/css/_addon/main.scss   | 11 +++--------
 assets/css/_addon/module.scss | 11 +++++++++++
 assets/css/post.scss          |  5 ++---
 4 files changed, 22 insertions(+), 20 deletions(-)

diff --git a/_includes/panel.html b/_includes/panel.html
index b70a9b277..35997c2a4 100644
--- a/_includes/panel.html
+++ b/_includes/panel.html
@@ -17,9 +17,7 @@
     {% if update_list.size > 0 %}
 
     <div id="access-lastmod" class="post">
-      <h3 data-toc-skip>
-        {{- site.data.label.panel.lastmod -}}
-      </h3>
+      <span>{{- site.data.label.panel.lastmod -}}</span>
       <ul class="post-content pl-0 pb-1 ml-1 mt-2">
 
       {% for item in update_list %}
@@ -44,15 +42,14 @@
 
   {% if trending_tags.size > 0 %}
     <div id="access-tags">
-      <h3 data-toc-skip>
-        {{- site.data.label.panel.trending_tags -}}
-      </h3>
+      <span>{{- site.data.label.panel.trending_tags -}}</span>
       <div class="d-flex flex-wrap mt-3 mb-1 mr-3">
-
+      
       {% for tag in trending_tags %}
         {% capture url %}/tags/{{ tag | downcase | url_encode }}/{% endcapture %}
         <a class="post-tag" href="{{ url | relative_url }}">{{ tag | replace: '-', ' ' }}</a>
       {% endfor %}
+
       </div>
     </div>
   {% endif %}
@@ -60,9 +57,9 @@
 
   {% if page.layout == 'post' and site.toc and page.toc %}
   <div id="toc-wrapper" class="pl-0 pr-4 mb-5">
-    <h3 data-toc-skip class="pl-3 pt-2 mb-2">
+    <span class="pl-3 pt-2 mb-2">
       {{- site.data.label.panel.toc -}}
-    </h3>
+    </span>
     <nav id="toc" data-toggle="toc"></nav>
   </div>
   {% endif %}
diff --git a/assets/css/_addon/main.scss b/assets/css/_addon/main.scss
index 6352dd078..91b97ac85 100644
--- a/assets/css/_addon/main.scss
+++ b/assets/css/_addon/main.scss
@@ -516,20 +516,15 @@ footer {
   &.topbar-down {
     top: 6rem;
   }
-  >div {
+  > div {
     padding-left: 1rem;
     border-left: 1px solid var(--main-border-color);
     &:not(:last-child) {
       margin-bottom: 4rem;
     }
   }
-  h3 {
-    padding-top: .5rem;
-    padding-bottom: .5rem;
-    margin-top: 0;
-    margin-bottom: 0;
-    letter-spacing: -0.02em;
-    @include label(inherit, 600);
+  span {
+    @include panel-label;
   }
   .post-content {
     font-size: .9rem;
diff --git a/assets/css/_addon/module.scss b/assets/css/_addon/module.scss
index 6335ebf1a..283fe56e4 100644
--- a/assets/css/_addon/module.scss
+++ b/assets/css/_addon/module.scss
@@ -99,6 +99,17 @@
   font-family: 'Roboto Condensed', 'Microsoft Yahei', sans-serif;
 }
 
+@mixin panel-label {
+  display: block;
+  line-height: 1.2;
+  padding-top: .5rem;
+  padding-bottom: .5rem;
+  margin-top: 0;
+  margin-bottom: 0;
+  letter-spacing: -0.02em;
+  @include label(inherit);
+}
+
 @mixin align-center {
   position: relative;
   left: 50%;
diff --git a/assets/css/post.scss b/assets/css/post.scss
index 825cd463d..8a57d8e25 100644
--- a/assets/css/post.scss
+++ b/assets/css/post.scss
@@ -132,7 +132,6 @@ $prompt-newer: "{{ site.data.label.post.button.next }}";
 }
 
 #toc-wrapper {
-  margin-top: 7rem;
   border-left: 1px solid rgba(158, 158, 158, 0.17);
   position: -webkit-sticky;
   position: sticky;
@@ -142,8 +141,8 @@ $prompt-newer: "{{ site.data.label.post.button.next }}";
   &.topbar-down {
     top: 6rem;
   }
-  >h3 {
-    @include label(inherit, 600);
+  > span {
+    @include panel-label;
   }
 }