Parcourir la source

changed margin to button instead of input

Maggie Cabrera il y a 4 ans
Parent
commit
ffbe09ecf3

+ 1 - 1
blank-canvas-blocks/assets/ponyfill.css

@@ -366,7 +366,6 @@ p.has-drop-cap:not(:focus):first-letter {
 	background: var(--wp--custom--form--color--background);
 	font-size: var(--wp--custom--form--font-size);
 	line-height: var(--wp--custom--typography--line-height);
-	margin: var(--wp--custom--search--input--margin);
 }
 
 .wp-block-search .wp-block-search__button {
@@ -377,6 +376,7 @@ p.has-drop-cap:not(:focus):first-letter {
 	line-height: var(--wp--custom--button--border--line-height);
 	text-decoration: none;
 	padding: var(--wp--custom--search--button--padding);
+	margin: var(--wp--custom--search--button--margin);
 	line-height: var(--wp--custom--search--button--line-height);
 }
 

+ 2 - 4
blank-canvas-blocks/experimental-theme.json

@@ -173,10 +173,8 @@
 				"search": {
 					"button": {
 						"lineHeight": "27px",
-						"padding": "calc( .9 * var(--wp--custom--padding--horizontal) )"
-					},
-					"input": {
-						"margin": "0 calc( .66 * var(--wp--custom--padding--horizontal)) 0 0"
+						"padding": "calc( .9 * var(--wp--custom--padding--horizontal) )",
+						"margin": "0 0 0 calc( 1.4 * var(--wp--custom--padding--horizontal))"
 					}
 				},
 				"video": {

+ 1 - 1
blank-canvas-blocks/sass/blocks/_search.scss

@@ -20,13 +20,13 @@
 		background: var(--wp--custom--form--color--background);	
 		font-size: var(--wp--custom--form--font-size);
 		line-height: var(--wp--custom--typography--line-height);
-		margin: var(--wp--custom--search--input--margin);
 	}
 
 	.wp-block-search__button {
 		@include button-main-styles;
 		@include button-hover-styles;
 		padding: var(--wp--custom--search--button--padding);
+		margin: var(--wp--custom--search--button--margin);
 		line-height: var(--wp--custom--search--button--line-height);
 	}
 }