Browse Source

same design for blocks with grid of products

Maggie Cabrera 4 năm trước cách đây
mục cha
commit
4b09cec441

+ 1 - 0
spearhead/assets/sass/_block-extends.scss

@@ -6,3 +6,4 @@
 @import "block-extends/related-posts";
 @import "block-extends/related-posts";
 @import "block-extends/blog-posts";
 @import "block-extends/blog-posts";
 @import "block-extends/search";
 @import "block-extends/search";
+@import "block-extends/woocommerce";

+ 16 - 0
spearhead/assets/sass/block-extends/_woocommerce.scss

@@ -0,0 +1,16 @@
+#content .wc-block-grid{
+	.wc-block-grid__product {
+		.wc-block-grid__product-onsale {
+			top: -0.5em;
+			right: -0.5em;
+		}
+	}
+
+	.wc-block-grid__product-title{
+		font-family: var(--global--font-secondary);
+	}
+
+	.wc-block-grid__product-price {
+		color: var(--global--color-foreground);
+	}
+}

+ 13 - 0
spearhead/style-rtl.css

@@ -665,6 +665,19 @@ ul.wp-block-categories,
 	border-bottom: var(--form--border-width) solid var(--form--border-color);
 	border-bottom: var(--form--border-width) solid var(--form--border-color);
 }
 }
 
 
+#content .wc-block-grid .wc-block-grid__product .wc-block-grid__product-onsale {
+	top: -0.5em;
+	left: -0.5em;
+}
+
+#content .wc-block-grid .wc-block-grid__product-title {
+	font-family: var(--global--font-secondary);
+}
+
+#content .wc-block-grid .wc-block-grid__product-price {
+	color: var(--global--color-foreground);
+}
+
 .screen-reader-text, .search-form input[type="submit"] {
 .screen-reader-text, .search-form input[type="submit"] {
 	/* Text meant only for screen readers. */
 	/* Text meant only for screen readers. */
 	border: 0;
 	border: 0;

+ 13 - 0
spearhead/style.css

@@ -665,6 +665,19 @@ ul.wp-block-categories,
 	border-bottom: var(--form--border-width) solid var(--form--border-color);
 	border-bottom: var(--form--border-width) solid var(--form--border-color);
 }
 }
 
 
+#content .wc-block-grid .wc-block-grid__product .wc-block-grid__product-onsale {
+	top: -0.5em;
+	right: -0.5em;
+}
+
+#content .wc-block-grid .wc-block-grid__product-title {
+	font-family: var(--global--font-secondary);
+}
+
+#content .wc-block-grid .wc-block-grid__product-price {
+	color: var(--global--color-foreground);
+}
+
 .screen-reader-text, .search-form input[type="submit"] {
 .screen-reader-text, .search-form input[type="submit"] {
 	/* Text meant only for screen readers. */
 	/* Text meant only for screen readers. */
 	border: 0;
 	border: 0;

Những thai đổi đã bị hủy bỏ vì nó quá lớn
+ 1 - 0
spearhead/style.css.map


Một số tệp đã không được hiển thị bởi vì quá nhiều tập tin thay đổi trong này khác