瀏覽代碼

Add styles to Rockfield for the search block

Ben Dwyer 4 年之前
父節點
當前提交
5b4b5c3cc0
共有 3 個文件被更改,包括 34 次插入0 次删除
  1. 12 0
      rockfield/sass/_extra-child-theme.scss
  2. 11 0
      rockfield/style-rtl.css
  3. 11 0
      rockfield/style.css

+ 12 - 0
rockfield/sass/_extra-child-theme.scss

@@ -793,3 +793,15 @@ html[amp] {
 		}
 	}
 }
+
+/**
+ * Search block
+ */
+ .wp-block-search {
+	.wp-block-search__input {
+		margin-right: calc( .1 * #{map-deep-get($config-button, "padding", "horizontal")} );
+	}
+	.wp-block-search__button {
+		margin-left: calc( .1 * #{map-deep-get($config-button, "padding", "horizontal")} );
+	}
+}

+ 11 - 0
rockfield/style-rtl.css

@@ -4878,3 +4878,14 @@ input[type="submit"] {
 		top: 46px;
 	}
 }
+
+/**
+ * Search block
+ */
+.wp-block-search .wp-block-search__input {
+	margin-left: calc( .1 * 20px);
+}
+
+.wp-block-search .wp-block-search__button {
+	margin-right: calc( .1 * 20px);
+}

+ 11 - 0
rockfield/style.css

@@ -4907,3 +4907,14 @@ input[type="submit"] {
 		top: 46px;
 	}
 }
+
+/**
+ * Search block
+ */
+.wp-block-search .wp-block-search__input {
+	margin-right: calc( .1 * 20px);
+}
+
+.wp-block-search .wp-block-search__button {
+	margin-left: calc( .1 * 20px);
+}