промежуточный вариант

2 files changed, 94 insertions, 13 deletions

diff --git a/assets/css/_buttom.scss b/assets/css/_buttom.scss
new file mode 100644
index 0000000..e8e36de
--- /dev/null
+++ b/assets/css/_buttom.scss
@@ -0,0 +1,80 @@
+.button {
+  display: inline-block;
+  padding: 10px 20px;
+  max-width: 90%;
+  box-sizing: border-box;
+  text-decoration: none;
+  border-radius: 10px;
+  background-color: #333;
+  border: solid 2px #333;
+  color: #FFF;
+  text-align: center;
+
+  [theme=dark] & {
+    color: #FFF;
+  }
+}
+
+.button:hover {
+  color: #333;
+  background-color: #FFF;
+}
+
+.button-big {
+  padding: 15px 30px;
+  font-size: 160%;
+  font-weight: bold;
+}
+
+.button-white {
+  background-color: #FFF;
+  color: #333;
+  border-color: #333;
+}
+
+.button-white:hover {
+  background-color: #000;
+  color: #FFF;
+}
+
+.button-black {
+  background-color: #000;
+  color: #FFF;
+  border-color: #FFF;
+}
+
+.button-black:hover {
+  background-color: #FFF;
+  color: #333;
+}
+
+.button-red {
+  background-color: #fb0021;
+  border: solid 2px #fb0021;
+}
+
+.button-red:hover {
+  background-color: #FFF;
+  color: #fb0021;
+}
+
+.big-grey-button {
+  display: inline-block;
+  max-width: 90%;
+  box-sizing: border-box;
+  padding: 15px 30px;
+  background-color: #666;
+  border: solid 2px #555;
+  color: #FFF;
+  text-align: center;
+  text-decoration: none;
+  font-size: 160%;
+  font-weight: bold;
+  border-radius: 20px;
+  margin: 50px auto 0;
+}
+
+.big-grey-button:hover {
+  background-color: #FFF;
+  color: #666;
+}
\ No newline at end of file
diff --git a/assets/css/_ublogger.scss b/assets/css/_ublogger.scss
index 9909644..25f045b 100644
--- a/assets/css/_ublogger.scss
+++ b/assets/css/_ublogger.scss
@@ -33,24 +33,23 @@ header {
 
 article {
 
-  .post {
-    a:visited {
-      color: #70a0b0;
+  a:visited {
+    color: #70a0b0;
 
-      [theme=dark] & {
-        color: #70a0b0;
-      }
+    [theme=dark] & {
+      color: #70a0b0;
     }
+  }
 
-    a {
-      border-bottom: dashed 1px;
-    }
+  a {
+    border-bottom: dashed 1px;
+  }
 
-    a[class="header-mark"], .post-footer a {
-      border-bottom: none;
-    }
+  a[class="header-mark"], .post-footer a {
+    border-bottom: none;
   }
 
+
   .content-block {
     border-radius: $article-border-radius;
     box-shadow: (0 0 1.5rem 0 rgba(0, 0, 0, .1));
@@ -114,6 +113,8 @@ article {
     border-top-left-radius: $article-border-radius;
     border-top-right-radius: $article-border-radius;
   }
+
+  @import "_buttom";
 }
 
 .article-mini {
@@ -373,7 +374,7 @@ a.post-tag-summary {
   border-bottom: none;
 
   [theme=dark] & {
-    background-color: white;
+    background-color: $global-background-secondary-color;
   }
 }