Rewrite about page with Vue

2018-06-22 22:49:59 +03:00
parent f0c83831db
commit 9227d18970
9 changed files with 86 additions and 122 deletions
--- a/source/_assets/components/button.scss
+++ b/source/_assets/components/button.scss
@ -1,12 +1,20 @@
@import '../vars';

+$button-border-radius: 0.5em;
+$button-background-color: #405480;
+
 %button {
    display: inline-block;
    color: #fff;
-    background-color: #405480;
+    background-color: $button-background-color;
    padding: 0.6em 1.2em;
    border: none;
    font-size: 100%;
    font-family: inherit;
    border-radius: $button-border-radius;
+    cursor: pointer;
+
+    &:hover {
+        background-color: darken($button-background-color, 10%);
+    }
 }