Hotfix/#503 default button colors (#504)

* allows defaults to work and editor styles selected display on Front End. * allow selected color to stay with button on hover * update block styles * compiles
WebDevStudios · Nov 4, 2019 · ccd9f4d · ccd9f4d
1 parent 8d9cfc1
commit ccd9f4d
Show file tree

Hide file tree

Showing 6 changed files with 138 additions and 24 deletions.
diff --git a/assets/sass/base/_links.scss b/assets/sass/base/_links.scss
@@ -2,7 +2,7 @@
 // Global Link Styles
 //--------------------------------------------------------------
 
-a:not(.button) {
+a:not(.button):not(.wp-block-button__link) {
 	color: $color-link;
 	opacity: 1;
 	transition: $transition-opacity;

diff --git a/assets/sass/modules/wp-blocks/default-blocks/_wp-block-button.scss b/assets/sass/modules/wp-blocks/default-blocks/_wp-block-button.scss
@@ -7,8 +7,6 @@
 
 	// The class on the <a>.
 	.wp-block-button__link {
-		background: $color-background-block-button;
-		border-radius: 0;
 
 		// The hover and focus states.
 		&:hover,

diff --git a/assets/sass/utilities/mixins/_color-classes.scss b/assets/sass/utilities/mixins/_color-classes.scss
@@ -45,6 +45,12 @@
 			color: $color;
 		}
 
+		// Adds colors for gutenberg buttons.
+		.wp-block-button__link.has-text-color.has-#{$name}-color {
+			color: $color;
+		}
+
+
 		// Create fill classes.
 		.fill-#{$name} {
 			fill: $color;

diff --git a/gutenberg-blocks-style.css b/gutenberg-blocks-style.css
diff --git a/style.css b/style.css
diff --git a/style.min.css b/style.min.css