fix: minor updates to address overflow scrollbars in Chrome on Window…

…s; update to Action Block headline link color; minor tuning of button shadow colors

src/_patterns/01-core/01-settings/settings-global/_settings.global.scss

@@ -19,7 +19,7 @@ $bolt-fonts--loaded-class: 'js-fonts-loaded' !default;
 
 // Shadows
 $bolt-shadow-color: bolt-color(black);
-$bolt-shadow--small: 0 2px 0.15rem rgba($bolt-shadow-color, 0.5);
+$bolt-shadow--small: 0 2px 0.15rem rgba($bolt-shadow-color, 0.3);
 $bolt-shadow--medium: 0 0.15rem 0.3rem rgba($bolt-shadow-color, 0.35);
 $bolt-shadow--large: 0 0.35rem 0.6rem rgba($bolt-shadow-color, 0.18);
 

src/_patterns/02-components/bolt-action-blocks/src/action-block.twig

@@ -28,7 +28,7 @@
 <bolt-{{ componentName }} bolt-component>
   <a href="{{ url }}" {{ attributes.addClass(classes | raw) }}>
     {% if icon %}
-      <div class="{{ "#{baseClass}__item" }}">
+      <div class="{{ "#{baseClass}__item #{baseClass}__icon" }}">
         {% set icon = icon | merge({
           size: icon.size | default("xlarge")
         }) %}
@@ -37,7 +37,7 @@
     {% endif %}
 
     {% if text %}
-      <div class="{{ "#{baseClass}__item" }}">
+      <div class="{{ "#{baseClass}__item #{baseClass}__text" }}">
         {{ text }}
       </div>
     {% endif %}

src/_patterns/02-components/bolt-action-blocks/src/action-blocks.scss

@@ -91,7 +91,7 @@ bolt-action-blocks {
 .c-bolt-action-blocks {
   @include bolt-margin(0 -1px -1px 0);
   @include bolt-padding(0);
-
+  transform: translate3d(0, 0, 0); //Force hardware accelerated rendering to cleanly remove extra border from showing up sometimes
   display: flex;
   flex-wrap: wrap;
   list-style: none;
@@ -157,3 +157,9 @@ bolt-action-blocks {
     flex-basis: calc(100% / #{$number} - #{$bolt-action-blocks-border-width});
   }
 }
+
+
+.c-bolt-action-block__text {
+  color: currentColor;
+  color: var(--bolt-theme-heading-link-default, --bolt-theme-text);
+}

src/_patterns/02-components/bolt-button/src/_button.scss

@@ -210,7 +210,8 @@ $bolt-button-translate--active: translate3d(0, 1px, 0);
   border-style: $bolt-button-border-style;
   border-width: $bolt-button-border-width;
   border-radius: $bolt-button-border-radius;
-  box-shadow: $bolt-button-shadow;
+  // box-shadow: 0 1px 0.15rem rgba(21,22,25,0.2);
+  box-shadow: 0  1px  3px rgba(bolt-color(black), 0.12), 0 1px  2px  rgba(bolt-color(black), 0.24);
   transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
   transform: translate3d(0, 0, 0);
 
@@ -225,8 +226,9 @@ $bolt-button-translate--active: translate3d(0, 1px, 0);
     content: '';
     pointer-events: none;
     border-radius: $bolt-button-border-radius;
-    box-shadow: $bolt-button-shadow--hover;
+    box-shadow: 0 1px 0.15rem rgba($bolt-shadow-color, 0.1), $bolt-button-shadow--hover;
     transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
+    opacity: .2;
   }
 
   &:not([disabled]):not(.c-bolt-button--text) {

src/_patterns/02-components/bolt-page/_components.site.scss → src/_patterns/02-components/bolt-site/_components.site.scss

@@ -20,8 +20,7 @@
 
 .c-bolt-site {
   display: grid;
-  // display: flex;
-  // flex-direction: column;
+  overflow-x: hidden; //Helps prevent horizontal scrolling in Chrome on Windows machines. Seems to be working fine w/ native position sticky at first glance.
   min-height: 100vh;
   grid-template-areas: 'header' 'content' 'footer';
   // grid-template-areas: "header header header" "navigation main ads" "footer footer footer";
@@ -32,10 +31,6 @@
     height: 100%; /* 1, 3 -- Required for IE11 sticky footer */
     overflow-x: hidden; // Prevent content from spilling over
   }
-
-  // > * {
-  //   flex-grow: 0;
-  // }
 }