浏览代码

equalized qty input and button height. Made both bigger

Maggie Cabrera 4 年之前
父节点
当前提交
2a82128907
共有 4 个文件被更改,包括 34 次插入3 次删除
  1. 14 3
      spearhead/assets/sass/block-extends/_woocommerce.scss
  2. 10 0
      spearhead/style-rtl.css
  3. 10 0
      spearhead/style.css
  4. 0 0
      spearhead/style.css.map

+ 14 - 3
spearhead/assets/sass/block-extends/_woocommerce.scss

@@ -40,7 +40,6 @@ body[class*="woocommerce"] #page {
 	}
 	}
 }
 }
 
 
-
 #content .wc-block-grid{
 #content .wc-block-grid{
 	.wc-block-grid__product {
 	.wc-block-grid__product {
 		.wc-block-grid__product-onsale {
 		.wc-block-grid__product-onsale {
@@ -72,8 +71,20 @@ body[class*="woocommerce"] #page {
 .wc-block-components-review-list-item__published-date {
 .wc-block-components-review-list-item__published-date {
 	font-size: var(--global--font-size-xs);
 	font-size: var(--global--font-size-xs);
 }
 }
-.single-product #page #woocommerce-wrapper div.product div.summary p.price {
-	color: var(--global--color-foreground);
+
+.single-product #page #woocommerce-wrapper div.product {
+	div.summary p.price {
+		color: var(--global--color-foreground);
+	}
+
+	form.cart div.quantity input[type=number] {
+		line-height: var(--global--font-size-xl);
+		padding: calc(0.5 * var(--button--padding-vertical)) var(--form--spacing-unit);
+	}
+	form.cart button {
+		line-height: var(--global--font-size-xl);
+		padding: calc(0.5 * var(--button--padding-vertical) + 1px) var(--button--padding-horizontal);
+	}
 }
 }
 
 
 .product_meta {
 .product_meta {

+ 10 - 0
spearhead/style-rtl.css

@@ -769,6 +769,16 @@ body[class*="woocommerce"] #page .woocommerce-tabs .panel h2 {
 	color: var(--global--color-foreground);
 	color: var(--global--color-foreground);
 }
 }
 
 
+.single-product #page #woocommerce-wrapper div.product form.cart div.quantity input[type=number] {
+	line-height: var(--global--font-size-xl);
+	padding: calc(0.5 * var(--button--padding-vertical)) var(--form--spacing-unit);
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart button {
+	line-height: var(--global--font-size-xl);
+	padding: calc(0.5 * var(--button--padding-vertical) + 1px) var(--button--padding-horizontal);
+}
+
 .product_meta {
 .product_meta {
 	color: var(--global--color-foreground-low-contrast);
 	color: var(--global--color-foreground-low-contrast);
 }
 }

+ 10 - 0
spearhead/style.css

@@ -769,6 +769,16 @@ body[class*="woocommerce"] #page .woocommerce-tabs .panel h2 {
 	color: var(--global--color-foreground);
 	color: var(--global--color-foreground);
 }
 }
 
 
+.single-product #page #woocommerce-wrapper div.product form.cart div.quantity input[type=number] {
+	line-height: var(--global--font-size-xl);
+	padding: calc(0.5 * var(--button--padding-vertical)) var(--form--spacing-unit);
+}
+
+.single-product #page #woocommerce-wrapper div.product form.cart button {
+	line-height: var(--global--font-size-xl);
+	padding: calc(0.5 * var(--button--padding-vertical) + 1px) var(--button--padding-horizontal);
+}
+
 .product_meta {
 .product_meta {
 	color: var(--global--color-foreground-low-contrast);
 	color: var(--global--color-foreground-low-contrast);
 }
 }

文件差异内容过多而无法显示
+ 0 - 0
spearhead/style.css.map


部分文件因为文件数量过多而无法显示