Clean up alignment on shop page (#2025)

This commit is contained in:
Raphael Michel
2021-04-15 22:09:04 +02:00
committed by GitHub
parent 7555bf422d
commit 0719213155
3 changed files with 45 additions and 15 deletions

View File

@@ -1,5 +1,4 @@
.product-row {
border-top: 1px solid $table-border-color;
.addons &:first-child {
border-top: 2px solid $table-border-color;
}
@@ -84,6 +83,43 @@
font-weight: bold;
text-decoration: none;
}
position: relative;
border-top: 1px solid transparent;
&::before {
position: absolute;
top: 0;
left: 15px;
width: calc(100% - 30px);
content: '';
border-top: 1px solid $table-border-color;
}
&.headline, &.simple {
border-top: 2px solid transparent;
&::before {
border-top: 2px solid $table-border-color;
}
}
}
article.item-with-variations {
margin: 0 -15px;
padding: 0 15px;
}
article.item-with-variations:last-child, .product-row:last-child {
position: relative;
border-bottom: 2px solid transparent;
&::after {
position: absolute;
bottom: 0;
left: 15px;
width: calc(100% - 30px);
content: '';
border-bottom: 2px solid $table-border-color;
}
}
.radio .variation-description {
@@ -101,12 +137,6 @@
#voucher-toggle {
display: none;
}
.item-with-variations .product-row.headline, .product-row.simple {
border-top: 2px solid $table-border-color;
}
.item-with-variations:last-child {
border-bottom: 2px solid $table-border-color;
}
.panel-body address:last-child {
margin-bottom: 0;