diff --git a/README.md b/README.md index 5ab96cc..a411097 100644 --- a/README.md +++ b/README.md @@ -33,6 +33,10 @@ A Template repo to help spin up custom child themes for clients quickly. # Changelog +## 0.2.1 + +- bug fixes + ## 0.2.0 - Added reduced Bootstrap Utility classes (opt-in) CSS file diff --git a/src/styles/_typography.scss b/src/styles/_typography.scss index de85549..c290af9 100644 --- a/src/styles/_typography.scss +++ b/src/styles/_typography.scss @@ -31,11 +31,13 @@ $utilities: ( & :is(h1, h2, h3, h4, h5, h6) { font-size: var($size) !important; line-height: var(--wp--custom--line-height); + text-wrap: pretty; } } } %base-text { + text-wrap: pretty; font-size: var(--wp--preset--font-size--base); line-height: var(--wp--custom--line-height); } @@ -51,27 +53,26 @@ li { #{$heading} { font-size: var($size); line-height: var(--wp--custom--line-height); + text-wrap: pretty; } } } - .x-content { + :where(.x-content) { @extend %base-text; } - .x-text-content-text { - .x-text-content-text-primary { - &:where(:not(h1, h2, h3, h4, h5, h6)) { - @extend %base-text; - } - } - } - .x-anchor { - &:not(.x-anchor-button) { + :where(.x-text-content-text) { + :where(.x-text-content-text-primary:not(h1, h2, h3, h4, h5, h6)) { @extend %base-text; } } - .x-anchor-content { + + :where(.x-anchor:not(.x-anchor-button)) { + @extend %base-text; + } + + :where(.x-anchor-content) { .x-anchor-text-primary { @extend %base-text; } diff --git a/src/styles/utilities/bootstrap-utilities.scss b/src/styles/utilities/bootstrap-utilities.scss index 35c4672..0ad94d8 100644 --- a/src/styles/utilities/bootstrap-utilities.scss +++ b/src/styles/utilities/bootstrap-utilities.scss @@ -1,8 +1,22 @@ // Custom.scss @import "bootstrap/scss/functions"; + +$grid-breakpoints: ( + xs: 0, + sm: 480px, + md: 767px, + lg: 979px, + xl: 1200px, +); + +// Options: +$enable-dark-mode: false; +$enable-deprecation-messages: false; +$enable-validation-icons: false; + @import "bootstrap/scss/variables"; -@import "bootstrap/scss/variables-dark"; +// @import "bootstrap/scss/variables-dark"; @import "bootstrap/scss/maps"; @import "bootstrap/scss/mixins"; @import "bootstrap/scss/utilities"; diff --git a/theme.json b/theme.json index d27d664..7f2a88c 100644 --- a/theme.json +++ b/theme.json @@ -75,7 +75,10 @@ ] }, "custom": { - "lineHeight": "calc(2px + 2ex + 2px)" + "lineHeight": "calc(2px + 2ex + 2px)", + "transitionTiming": ".15s", + "transitionEasing": "ease-in-out", + "transition": "var(--wp--custom--transition-timing) var(--wp--custom--transition-easing)" } }, "styles": {