Commit 5a36d4ea authored by Alexander Dubovskoy's avatar Alexander Dubovskoy

Flex fixes

parent 7ebccea4
......@@ -7,8 +7,19 @@
flex-wrap: wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
.view-products-commerce > .view-content > div {
align-items: stretch;
-ms-flex-pack: distribute;
justify-content: space-around; }
.view-products-commerce > .view-content .views-row {
width: 25%;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.view-products-commerce > .view-content .views-row > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.view-products-commerce > .view-content .views-row .layout__region--content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
......@@ -16,53 +27,52 @@
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 2em;
text-align: center;
width: 25%; }
.view-products-commerce > .view-content > div:nth-child(4n+1) {
clear: left; } }
-webkit-box-pack: justify; }
.view-products-commerce > .view-content .views-row .field--name-variations {
justify-self: flex-end; } }
.products--grid > .view-content .views-row,
.view-categories > .view-content .views-row {
margin-bottom: 2em;
text-align: center; }
.commerce-product .image-style-product-in-card {
body.path-product .image-style-product-in-card {
border: 1px solid #e1e1e1;
-webkit-box-shadow: 1px 1px 3px #000000;
box-shadow: 1px 1px 3px #000000; }
.commerce-product .field--name-field-product-images {
body.path-product .field--name-field-product-images {
float: left;
margin: 0 20px 20px 0; }
.commerce-product .field--name-field-product-images .field__item {
body.path-product .field--name-field-product-images .field__item {
display: inline-block; }
.commerce-product .field--name-field-product-images .field__item:first-child {
body.path-product .field--name-field-product-images .field__item:first-child {
display: block; }
.commerce-product .field--name-field-product-images .field__item img {
body.path-product .field--name-field-product-images .field__item img {
border: 1px solid #e1e1e1;
-webkit-box-shadow: 1px 1px 3px #000000;
box-shadow: 1px 1px 3px #000000; }
.commerce-product .field--name-field-product-price {
body.path-product .field--name-field-product-price {
margin: 40px 0;
font-size: 1.8em; }
.commerce-product .field--name-price {
body.path-product .field--name-price {
font-size: 1.4em;
padding-top: 5px; }
.commerce-product .field--name-variations .form-actions {
body.path-product .field--name-variations .form-actions {
margin: 0;
font-size: 1.3em; }
.commerce-product .field--name-body {
body.path-product .field--name-body {
clear: right;
padding-top: 20px; }
......
......@@ -4,19 +4,25 @@
display: flex;
flex-wrap: wrap;
align-items: stretch;
> div {
//float: left;
display: flex;
flex-direction: column;
justify-content: space-between;
margin-bottom: 2em;
text-align: center;
justify-content: space-around;
.views-row {
width: 25%;
&:nth-child(4n+1) {
clear: left;
display: flex;
> div {
display: flex;
}
.layout__region--content {
display: flex;
flex-direction: column;
justify-content: space-between;
margin-bottom: 2em;
text-align: center;
-webkit-box-pack: justify;
}
.field--name-variations {
justify-self: flex-end;
}
}
}
}
}
}
\ No newline at end of file
......@@ -8,7 +8,7 @@
}
}
.commerce-product {
body.path-product {
.image-style-product-in-card {
border: 1px solid #e1e1e1;
box-shadow: 1px 1px 3px #000000;
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment