Browse Source

equalized qty input and button height. Made both bigger

Maggie Cabrera 4 years ago
parent
commit
2a82128907

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

@@ -40,7 +40,6 @@ body[class*="woocommerce"] #page {
 	}
 }
 
-
 #content .wc-block-grid{
 	.wc-block-grid__product {
 		.wc-block-grid__product-onsale {
@@ -72,8 +71,20 @@ body[class*="woocommerce"] #page {
 .wc-block-components-review-list-item__published-date {
 	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 {

+ 10 - 0
spearhead/style-rtl.css

@@ -769,6 +769,16 @@ body[class*="woocommerce"] #page .woocommerce-tabs .panel h2 {
 	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 {
 	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);
 }
 
+.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 {
 	color: var(--global--color-foreground-low-contrast);
 }

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