_sass/addon/mixins.scss in redeyed-jekyll-theme-0.1.0 vs _sass/addon/mixins.scss in redeyed-jekyll-theme-0.1.1

@@ -1,35 +1,34 @@
 /*
-    SCSS Modules
-*/
+ * SCSS MODULES & MIXINS
+ */
 
 %heading {
-    color: var(--heading-color);
-    font-weight: 400;
     font-family: 'Cormorant Unicase', serif;
+    font-weight: 600;
 }
 
 %section {
     #core-wrapper & {
         margin-top: 2.5rem;
         margin-bottom: 1.25rem;
 
         &:focus {
-            outline: none;
+            outline: none; /* avoid outline in Safari */
         }
     }
 }
 
 %anchor {
     .anchor {
-        font-size: 80%;
+        font-size: 0.8rem;
     }
 
     @media (hover: hover) {
         .anchor {
             visibility: hidden;
-            opacity: 1;
+            opacity: 0;
             transition: opacity 0.25s ease-in, visibility 0s ease-in 0.25s;
         }
 
         &:hover {
             .anchor {
@@ -40,29 +39,30 @@
         }
     }
 }
 
 %tag-hover {
-    background: var(--tag-hover);
-    transition: background 0.35s ease-in-out;
+    background: var(--tag-hover-bg);
+    border-color: var(--tag-hover-border);
+    transition: border-color 0.35s ease-in-out, background 0.35s ease-in-out;
 }
 
 %table-cell {
     padding: 0.4rem 1rem;
-    font-size: 95%;
+    font-size: 0.95rem;
     white-space: nowrap;
 }
 
 %link-hover {
-    color: var(--link-hover);
-    border-bottom: 1px solid var(--link-hover-underline);
+    color: var(--link-hover) !important;
+    border-bottom: 1px solid var(--link-hover);
     text-decoration: none;
 }
 
 %link-color { color: var(--link-color); }
 
-%link-underline { border-bottom: 1px solid var(--link-underline-color); }
+%link-underline { border-bottom: 1px solid var(--link-color); }
 
 %clickable-transition { transition: color 0.35s ease-in-out; }
 
 %no-cursor { user-select: none; }
 
@@ -70,40 +70,43 @@
 
 %cursor-pointer { cursor: pointer; }
 
 %normal-font-style { font-style: normal; }
 
-%text-color { color: var(--text-color); }
-
 %img-caption {
     + em {
         display: block;
         text-align: center;
         font-style: normal;
-        font-size: 80%;
+        font-size: 0.8rem;
         padding: 0;
-        color: #6d6c6c;
+        color: var(--text-color);
     }
 }
 
 %sidebar-links {
-    color: var(--sidebar-link-color);
+    color: var(--sidebar-link);
     user-select: none;
 }
 
-/* ---------- SCSS MIXIN ---------- */
+%alert {
+    display: flex;
+    border-left: 0;
+    border-radius: 6px;
+    padding: 0.75rem 1.2rem;
+}
 
 @mixin no-text-decoration { text-decoration: none; }
 
 @mixin ml-mr($value) {
     margin-left: $value;
     margin-right: $value;
 }
 
-@mixin pl-pr($val) {
-    padding-left: $val;
-    padding-right: $val;
+@mixin pl-pr($value) {
+    padding-left: $value;
+    padding-right: $value;
 }
 
 @mixin input-placeholder { opacity: 0.6; }
 
 @mixin label($font-size: 1rem, $font-weight: 600, $color: var(--label-color)) {
@@ -118,27 +121,17 @@
     -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     transform: translateX(-50%);
 }
 
-@mixin prompt($type, $fw-icon, $icon-weight: 900) {
-    &.prompt-#{$type} {
-        background-color: var(--prompt-#{$type}-bg);
-
+@mixin alert($type, $fw-icon, $icon-weight: 900) {
+    &.alert-#{$type} {
+        background-color: var(--alert-#{$type}-bg);
+        border: 1px solid var(--alert-#{$type}-border);
+        box-shadow: 3px 3px var(--blockquote-shadow);
         &::before {
             content: $fw-icon;
-            color: var(--prompt-#{$type}-icon-color);
+            color: var(--alert-#{$type}-text);
             font-weight: $icon-weight;
         }
-    }
-}
-
-@mixin slide($append: null) {
-    $basic: transform 0.4s ease;
-    @if $append {
-        -webkit-transition: $basic, $append;
-        transition: $basic, $append;
-    } @else {
-        -webkit-transition: $basic;
-        transition: $basic;
     }
 }