ybbond

My site. The main domain
Log | Files | Refs | README | LICENSE | CC-LICENSE

commit 1021d61504ef7f11930989b03f6d32892b33e4a3
parent f13216464eb93942eeabe683f646664b66d7c90f
Author: Yohanes Bandung <bandungpenting@gmail.com>
Date:   Sat,  9 May 2020 02:28:14 +0700

styles: refactor anchor tag hover and more tweaks

Diffstat:
Massets/content.scss | 6+++++-
Massets/styles.scss | 17++++++++++++++---

2 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/assets/content.scss b/assets/content.scss
@@ -130,6 +130,8 @@
 }
 
 .notes {
+  margin-bottom: 2em;
+
   & > div, & > p {
     margin: 0;
     margin-top: 0.7em;
@@ -138,15 +140,17 @@
       margin-top: 0.7em;
     }
   }
+
   &__title {
     margin: 0;
   }
+
   @media (min-width: 600px) {
     .listing > & {
       padding: 0 0.7em;
     }
   }
-  margin-bottom: 2em;
+
   @media (max-width: 599px) {
     &__title {
       margin: 10px 0 0;
diff --git a/assets/styles.scss b/assets/styles.scss
@@ -33,7 +33,7 @@ hr {
     font-size: 15px;
   }
   body {
-    padding: 0 10px;
+    padding: 0 1em;
     margin: 0;
   }
 }
@@ -57,6 +57,16 @@ h1 {
 
 a {
   text-decoration: none;
+  &:not(.button h2) {
+    &:hover {
+      outline-style: solid;
+      outline-width: 0.3em;
+      @include themify($themes) {
+        outline-color: themed('color-background-hover');
+        background-color: themed('color-background-hover');
+      }
+    }
+  }
   @include themify($themes) {
     color: themed('color-blue');
     &:hover {
@@ -72,12 +82,13 @@ a {
     }
   }
   &.button {
-    display: inline-block;     
+    display: inline-block;
     padding: 0.3em 0.7em;
   }
   &.full-width {
     margin: 0;
     align-self: center;
+    width: 100%;
     @media (min-width: 600px) {
       width: calc(100% - 1.4em);
     }
@@ -127,7 +138,7 @@ time {
 
 .header {
   margin-top: 1em;
-  @media (min-width: 599px) {
+  @media (min-width: 600px) {
     &__title:not(h1) {
       margin-top: 1.4em;
     }