html5

5 files changed, 38 insertions, 19 deletions

diff --git a/assets/css/_page/_single.scss b/assets/css/_page/_single.scss
index 3b459bb..d0e34aa 100644
--- a/assets/css/_page/_single.scss
+++ b/assets/css/_page/_single.scss
@@ -100,8 +100,6 @@
   }
 
   b, strong {
-    font-weight: normal;
-
     [theme=dark] & {
       color: #ddd;
     }
diff --git a/assets/css/_partial/_header.scss b/assets/css/_partial/_header.scss
index 39d7a6c..01249bd 100644
--- a/assets/css/_partial/_header.scss
+++ b/assets/css/_partial/_header.scss
@@ -1,4 +1,4 @@
-header {
+.header {
   width: 100%;
   z-index: 150;
   background-color: $header-background-color;
diff --git a/assets/css/_partial/_icon.scss b/assets/css/_partial/_icon.scss
index 165d17d..81ddefe 100644
--- a/assets/css/_partial/_icon.scss
+++ b/assets/css/_partial/_icon.scss
@@ -72,7 +72,7 @@
   background-position: -173px 0;
 }
 .icon-clock {
-  width: 14px;
+  width: 12px;
   height: 12px;
   background-position: -190px 0;
 }
@@ -87,13 +87,13 @@
   background-position: -220px 0;
 }
 .icon-pencil {
-  width: 14px;
-  height: 12px;
+  width: 11px;
+  height: 11.5px;
   background-position: -235px 0;
 }
 .icon-stopwatch {
-  width: 14px;
-  height: 11px;
+  width: 11px;
+  height: 10.8px;
   background-position: -248px 0;
 }
 .icon-copyright {
diff --git a/assets/css/_ublogger.scss b/assets/css/_ublogger.scss
index b740289..4a0435a 100644
--- a/assets/css/_ublogger.scss
+++ b/assets/css/_ublogger.scss
@@ -13,14 +13,13 @@ body {
 .summary-content {
   color: #a9a9b3;
   display: block;
-  margin-top: 1rem;
 
   p {
     margin: 0;
   }
 }
 
-header {
+.header {
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
 }
 
@@ -645,6 +644,12 @@ a.post-tag-summary {
   }
 }
 
+.content-block-first {
+  p:first-child {
+    margin-top: 0;
+  }
+}
+
 .theme-mega-full.page-toc {
   .content-block-first {
     margin-top: 2rem;
@@ -860,6 +865,10 @@ figure {
     display: inline-block;
   }
 
+  span.svg-icon {
+    margin-right: 3px;
+  }
+
   [theme=dark] & {
     color: $global-font-secondary-color-dark;
   }
@@ -1071,8 +1080,6 @@ figure {
 }
 
 .rendered {
-  margin-top: 32px;
-  margin-bottom: 0;
   opacity: 0.7;
   font-weight: 400;
   font-size: 13px;
@@ -1080,6 +1087,7 @@ figure {
   letter-spacing: 0.08px;
   text-align: left;
   line-height: 24px;
+  margin: 32px 1.5rem 0;
 
   [theme=dark] & {
     color: $global-font-color-dark;
@@ -1097,12 +1105,8 @@ figure {
 }
 
 .hero-tags {
-  margin-top: 3rem;
   text-align: center;
-
-  span {
-    margin-right: 3rem;
-  }
+  margin-top: 3rem;
 
   [theme=dark] & {
     color: $global-font-color-dark;
@@ -1153,5 +1157,18 @@ figure {
   }
 }
 
+.display-hidden{
+  clip: rect(1px,1px,1px,1px);
+  height: 1px;
+  margin: 0;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+  z-index: -1000;
+  user-select: none;
+}
+
 @import "_partial/share-icon";
 @import "ublogger_media";
\ No newline at end of file
diff --git a/assets/css/_ublogger_media.scss b/assets/css/_ublogger_media.scss
index 1d55fd1..7939295 100644
--- a/assets/css/_ublogger_media.scss
+++ b/assets/css/_ublogger_media.scss
@@ -169,8 +169,6 @@
     }
   }
 
-
-
   .article-post {
     font-size: 16px;
 
@@ -329,6 +327,12 @@
     }
   }
 
+  .rendered {
+    margin-top: 15px;
+    margin-left: 5px;
+    margin-right: 5px;
+  }
+
   .post-meta {
     .post-meta-views, .post-meta-comments {
       display: none;