css fix single

6 files changed, 45 insertions, 37 deletions

diff --git a/assets/css/_page/_single.scss b/assets/css/_page/_single.scss
index 43fdedd..e42fe1b 100644
--- a/assets/css/_page/_single.scss
+++ b/assets/css/_page/_single.scss
@@ -96,7 +96,7 @@
   }
 
   p {
-    margin: .5rem 0;
+    margin: $margin-article;
   }
 
   b, strong {
@@ -276,6 +276,26 @@
     height: 1.25em;
     vertical-align: text-bottom;
   }
+
+  blockquote {
+    blockquote {
+      padding: 0;
+      width: 100%;
+      line-height: 3.5rem;
+
+      blockquote {
+        width: 100%;
+        padding: 0;
+        line-height: 6rem;
+
+        blockquote {
+          width: 100%;
+          padding: 0;
+          line-height: 8rem;
+        }
+      }
+    }
+  }
 }
 
 .lg-toolbar .lg-icon::after {
diff --git a/assets/css/_partial/_share-icon.scss b/assets/css/_partial/_share-icon.scss
index 2a2495d..4a5adbb 100644
--- a/assets/css/_partial/_share-icon.scss
+++ b/assets/css/_partial/_share-icon.scss
@@ -8,20 +8,33 @@
   }
 
   a.share-icon:hover {
-    padding: 3px 8px;;
     background: white;
     color: #2c678d;
     border: solid 2px #2c678d;
-    @include transition(all 0.4s ease);
+    @include transition(background 0.2s ease);
   }
 }
 
+.share-link {
+  margin-top: 15px;
+  margin-right: 8px;
+  font-size: 20px;
+  display: inline-block;
+}
+
+.share-text {
+  font-size: 30px;
+  margin-bottom: 10px;
+}
+
 .share-icon {
   color: white;
-  padding: 3px 8px;
-  margin-right: 3px;
-  border-radius: 5px;
-  font-size: 16px;
+  border-radius: 6px;
+  padding: 6px 6px 8px;
+
+  .fa-fw {
+    width: 2.25em;
+  }
 }
 
 .share-telegram {
diff --git a/assets/css/_partial/_single/_admonition.scss b/assets/css/_partial/_single/_admonition.scss
index 07f66ae..53f621b 100644
--- a/assets/css/_partial/_single/_admonition.scss
+++ b/assets/css/_partial/_single/_admonition.scss
@@ -1,7 +1,7 @@
 .admonition {
   border-radius: 6px;
   position: relative;
-  margin: 1rem 0;
+  margin: $margin-article;
   padding: 0 .75rem;
   background-color: map-get($admonition-background-color-map, 'note');
   border-left: .25rem solid map-get($admonition-color-map, 'note');
diff --git a/assets/css/_partial/_single/_code.scss b/assets/css/_partial/_single/_code.scss
index 27c8d18..30c6b40 100644
--- a/assets/css/_partial/_single/_code.scss
+++ b/assets/css/_partial/_single/_code.scss
@@ -57,7 +57,7 @@ code, pre, .highlight table, .highlight tr, .highlight td {
 
 .highlight {
   line-height: 1.4em;
-  margin: .5rem 0;
+  margin: $margin-article;
 
   > .chroma {
     position: relative;
diff --git a/assets/css/_ublogger.scss b/assets/css/_ublogger.scss
index 56720f7..9c1399a 100644
--- a/assets/css/_ublogger.scss
+++ b/assets/css/_ublogger.scss
@@ -7,33 +7,6 @@ body {
   line-height: 1.9rem;
 }
 
-.single {
-
-  p {
-    margin: 1.2rem 0;
-  }
-
-  blockquote {
-    blockquote {
-      padding: 0;
-      width: 100%;
-      line-height: 3.5rem;
-
-      blockquote {
-        width: 100%;
-        padding: 0;
-        line-height: 6rem;
-
-        blockquote {
-          width: 100%;
-          padding: 0;
-          line-height: 8rem;
-        }
-      }
-    }
-  }
-}
-
 .summary-title {
   margin: 0;
 }
@@ -341,7 +314,7 @@ a.post-tag-summary {
 
   h2 {
     font-size: 2rem;
-    margin-top: 5rem;
+    margin-top: 7rem;
 
     code {
       font-size: 90%;
diff --git a/assets/css/_variables.scss b/assets/css/_variables.scss
index bd0df31..e868e49 100644
--- a/assets/css/_variables.scss
+++ b/assets/css/_variables.scss
@@ -137,6 +137,8 @@ $code-font-size: .875rem !default;
 // Font family of the code
 $code-font-family: Source Code Pro, Menlo, Consolas, Monaco, monospace, $global-font-family !default;
 
+$margin-article: 1.5rem 0;
+
 // Code type map
 $code-type-map: (
   // Custom code type