UIKit customization for layout

Signed-off-by: moxiegirl <mary@blockstack.com>

_sass/theme/uikit.scss

@@ -29,7 +29,7 @@
 // @import "../uikit/components/spinner.scss"; // After: Icon
 @import "../uikit/components/totop.scss"; // After: Icon
 // @import "../uikit/components/marker.scss"; // After: Icon
-// @import "../uikit/components/alert.scss"; // After: Close
+@import "../uikit/components/alert.scss"; // After: Close
 // @import "../uikit/components/badge.scss";
 @import "../uikit/components/label.scss";
 @import "../uikit/components/overlay.scss"; // After: Icon

_sass/theme/variables.scss

@@ -18,7 +18,7 @@ $global-border: #c4c7ca;
 
 // Global
 $global-font-family: system-ui;
-$global-link-color: $global-muted-color;
+$global-link-color: #0666b1;
 $global-link-hover-color: $color-hover;
 
 $global-xxlarge-font-size: 1.875rem;;

_sass/uikit/components/base.scss

@@ -193,7 +193,7 @@ strong { font-weight: $base-strong-font-weight; }
  * Emphasize
  */
 
-em { color: $base-em-color; }
+em { color: $global-secondary-background }
 
 /*
  * Insert

_sass/uikit/components/variables.scss

@@ -50,7 +50,7 @@ $global-color:                                   #666 !default;
 $global-emphasis-color:                          #333 !default;
 $global-muted-color:                             #999 !default;
 
-$global-link-color:                              #1e87f0 !default;
+$global-link-color:                              #0666b1 !default;
 $global-link-hover-color:                        #0f6ecd !default;
 
 $global-inverse-color:                           #fff !default;
@@ -114,4 +114,4 @@ $global-control-large-height:                    55px !default;
 // Z-index
 //
 
-$global-z-index:                                 1000 !default;
+$global-z-index:                                 1000 !default;

_sass/uikit/mixins-theme.scss

@@ -203,7 +203,7 @@
     // Emphasize
     //
 
-    em { color: $inverse-base-em-color; }
+    em { color: $global-secondary-background }
 
     //
     // Headings
@@ -2030,4 +2030,4 @@
 @mixin hook-inverse-logo(){}
 @mixin hook-inverse-logo-hover(){}
 @mixin hook-visibility-misc(){}
-@mixin hook-width-misc(){}
+@mixin hook-width-misc(){}

_sass/uikit/mixins.scss

@@ -142,7 +142,7 @@
     // Emphasize
     //
 
-    em { color: $inverse-base-em-color; }
+    em { color: $global-secondary-background }
 
     //
     // Headings
@@ -1641,4 +1641,4 @@
 @mixin hook-inverse-logo(){}
 @mixin hook-inverse-logo-hover(){}
 @mixin hook-visibility-misc(){}
-@mixin hook-width-misc(){}
+@mixin hook-width-misc(){}

_sass/uikit/variables-theme.scss

@@ -84,7 +84,7 @@ $base-body-font-size: $global-font-size !default;
 $global-line-height: 1.5 !default;
 $base-body-line-height: $global-line-height !default;
 $base-body-color: $global-color !default;
-$global-link-color: #1e87f0 !default;
+$global-link-color: #0666b1 !default;
 $base-link-color: $global-link-color !default;
 $base-link-text-decoration: none !default;
 $global-link-hover-color: #0f6ecd !default;
@@ -1090,4 +1090,4 @@ $text-meta-link-color: $text-meta-color !default;
 $text-meta-link-hover-color: $global-color !default;
 $thumbnav-item-background: rgba($global-background, 0.4) !default;
 $thumbnav-item-hover-background: transparent !default;
-$thumbnav-item-active-background: transparent !default;
+$thumbnav-item-active-background: transparent !default;

_sass/uikit/variables.scss

@@ -983,4 +983,4 @@ $width-small-width: 150px !default;
 $width-medium-width: 300px !default;
 $width-large-width: 450px !default;
 $width-xlarge-width: 600px !default;
-$width-xxlarge-width: 750px !default;
+$width-xxlarge-width: 750px !default;