bug fixes

kingdom-one · Jul 29, 2024 · 4ff1572 · 4ff1572
1 parent 5d69752
commit 4ff1572
Show file tree

Hide file tree

Showing 4 changed files with 35 additions and 13 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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": {