diff --git a/src/_patterns/01-core/01-settings/settings-global/_settings.global.scss b/src/_patterns/01-core/01-settings/settings-global/_settings.global.scss index 2fe2bd54d2..4c35cb645d 100644 --- a/src/_patterns/01-core/01-settings/settings-global/_settings.global.scss +++ b/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); diff --git a/src/_patterns/02-components/bolt-action-blocks/src/action-block.twig b/src/_patterns/02-components/bolt-action-blocks/src/action-block.twig index c2665a4050..11fd5f7a2b 100644 --- a/src/_patterns/02-components/bolt-action-blocks/src/action-block.twig +++ b/src/_patterns/02-components/bolt-action-blocks/src/action-block.twig @@ -28,7 +28,7 @@ {% if icon %} -
+
{% set icon = icon | merge({ size: icon.size | default("xlarge") }) %} @@ -37,7 +37,7 @@ {% endif %} {% if text %} -
+
{{ text }}
{% endif %} diff --git a/src/_patterns/02-components/bolt-action-blocks/src/action-blocks.scss b/src/_patterns/02-components/bolt-action-blocks/src/action-blocks.scss index 3413051519..0a54b048da 100644 --- a/src/_patterns/02-components/bolt-action-blocks/src/action-blocks.scss +++ b/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); +} \ No newline at end of file diff --git a/src/_patterns/02-components/bolt-button/src/_button.scss b/src/_patterns/02-components/bolt-button/src/_button.scss index af2ae3cb2b..2ac9677420 100644 --- a/src/_patterns/02-components/bolt-button/src/_button.scss +++ b/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) { diff --git a/src/_patterns/02-components/bolt-page/_components.site.scss b/src/_patterns/02-components/bolt-site/_components.site.scss similarity index 92% rename from src/_patterns/02-components/bolt-page/_components.site.scss rename to src/_patterns/02-components/bolt-site/_components.site.scss index 22af3025eb..3fbe54c843 100644 --- a/src/_patterns/02-components/bolt-page/_components.site.scss +++ b/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; - // } } diff --git a/src/_patterns/02-components/bolt-page/package.json b/src/_patterns/02-components/bolt-site/package.json similarity index 100% rename from src/_patterns/02-components/bolt-page/package.json rename to src/_patterns/02-components/bolt-site/package.json