Browse Source

tweaked size of button

Maggie Cabrera 4 years ago
parent
commit
bd21c2ff23

+ 4 - 2
spearhead/assets/sass/block-extends/_search.scss

@@ -55,10 +55,12 @@
 		border: none;
 		box-shadow: none;
 		&.has-icon {
+			transform: scaleX(-1);	
+			padding: 0;		
+			min-width: calc(2* var(--button--padding-vertical) + 16px);
 			min-height: calc(2* var(--button--padding-vertical) + 16px);
-			padding: var(--button--padding-vertical);
-			transform: scaleX(-1);
 			svg {
+				fill: currentColor;
 				width: 29px;
 				height: 29px;
 			}

+ 4 - 2
spearhead/style-rtl.css

@@ -449,12 +449,14 @@ ul.wp-block-categories,
 }
 
 .wp-block-search .wp-block-search__button.has-icon {
-	min-height: calc(2* var(--button--padding-vertical) + 16px);
-	padding: var(--button--padding-vertical);
 	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* var(--button--padding-vertical) + 16px);
+	min-height: calc(2* var(--button--padding-vertical) + 16px);
 }
 
 .wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
 	width: 29px;
 	height: 29px;
 }

+ 4 - 2
spearhead/style.css

@@ -449,12 +449,14 @@ ul.wp-block-categories,
 }
 
 .wp-block-search .wp-block-search__button.has-icon {
-	min-height: calc(2* var(--button--padding-vertical) + 16px);
-	padding: var(--button--padding-vertical);
 	transform: scaleX(-1);
+	padding: 0;
+	min-width: calc(2* var(--button--padding-vertical) + 16px);
+	min-height: calc(2* var(--button--padding-vertical) + 16px);
 }
 
 .wp-block-search .wp-block-search__button.has-icon svg {
+	fill: currentColor;
 	width: 29px;
 	height: 29px;
 }

File diff suppressed because it is too large
+ 0 - 0
spearhead/style.css.map


Some files were not shown because too many files changed in this diff