Browse Source

Adding the missing 'button' styles

Jason Crist 4 years ago
parent
commit
4c195a42ba
2 changed files with 37 additions and 1 deletions
  1. 1 1
      .gitignore
  2. 36 0
      blank-canvas-blocks/sass/blocks/button/_style.scss

+ 1 - 1
.gitignore

@@ -62,7 +62,7 @@ brand-new-day/
 bueno/
 bushwick/
 business/
-button/
+/button/
 canape/
 capoverso/
 celsius/

+ 36 - 0
blank-canvas-blocks/sass/blocks/button/_style.scss

@@ -0,0 +1,36 @@
+/**
+ * Button
+ */
+
+@mixin button-main-styles {
+	font-weight: var(--wp--custom--button--font-weight);
+	font-family: var(--wp--custom--button--font-family);
+	font-size: var(--wp--custom--button--font-size);
+	line-height: var(--wp--custom--button--line-height);
+	border-radius: var(--wp--custom--button--border-radius);
+}
+
+@mixin button-hover-styles {
+	&:hover,
+	&:focus,
+	&.has-focus {
+		color: var(--wp--custom--button--color--hover-text);
+		background-color: var(--wp--custom--button--color--hover-background);
+		border-color: var(--wp--custom--button--color--hover-background);
+	}
+}
+
+/**
+ * Block Options
+ */
+.wp-block-button {
+
+	&.wp-block-button__link,
+	.wp-block-button__link {
+		@include button-main-styles;
+		@include button-hover-styles;
+	}
+
+}
+
+