This commit is contained in:
2025-10-27 15:55:35 +01:00
parent 59ba1876c9
commit 618cb754de
3 changed files with 167 additions and 90 deletions

View File

@@ -218,16 +218,123 @@ body {
}
.form-prices-box {
margin-top: 30px;
margin-bottom: 25px;
&:not(.form-prices-box-custom) {
margin-top: 30px;
margin-bottom: 25px;
> p {
color: #1a3158;
font-weight: 400;
font-size: 13px;
line-height: 1;
margin-bottom: 10px;
> p {
color: #1a3158;
font-weight: 400;
font-size: 13px;
line-height: 1;
margin-bottom: 10px;
}
.form-price-box {
display: flex;
flex-direction: row;
align-items: flex-end;
column-gap: 10px;
> .price {
.price__container {
display: flex;
flex-wrap: wrap;
.main-price {
order: -2;
}
.price-name {
order: -1;
}
}
.main-price,
.price-name {
color: #ba2c2c;
font-weight: 700;
font-size: 20px;
line-height: 1;
letter-spacing: 0;
}
.price__regular,
.js__omnibus-price-container {
font-weight: 400;
}
.price__inactive,
.js__omnibus-price-gross {
font-weight: 700;
}
.price__regular,
.price__inactive,
.js__omnibus-price-container,
.js__omnibus-price-gross {
color: rgba(26, 49, 88, 0.6);
font-size: 13px;
line-height: 1;
letter-spacing: 0;
}
}
> .price-netto {
.price-netto__container {
display: flex;
flex-wrap: wrap;
.underscore_1 {
order: -4;
}
.underscore_2 {
order: -1;
}
.main-price {
order: -3;
}
.price-name {
order: -2;
}
}
.main-price,
.price-name,
.underscore_1,
.underscore_2 {
color: rgb(26, 49, 88, 0.6);
font-weight: 400;
font-size: 13px;
line-height: 1;
letter-spacing: 0;
}
.price-name {
margin: 0;
}
.price__regular,
.js__omnibus-price-container {
font-weight: 400;
}
.price__inactive,
.js__omnibus-price-gross {
font-weight: 700;
}
.price__regular,
.price__inactive,
.js__omnibus-price-container,
.js__omnibus-price-gross {
color: rgba(26, 49, 88, 0.6);
font-size: 13px;
line-height: 1;
letter-spacing: 0;
}
}
}
}
}
.form-prices-box.form-prices-box-custom {
margin-top: 25px;
margin-bottom: 15px;
.form-price-box {
display: flex;
@@ -235,96 +342,66 @@ body {
align-items: flex-end;
column-gap: 10px;
> .price {
.only-product-price,
.price {
width: 50%;
.price__container {
display: flex;
flex-wrap: wrap;
flex-direction: column;
.main-price {
order: -2;
.price-title {
color: #1a3158;
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-size: 13px;
line-height: 1.2;
margin-bottom: 10px;
}
.price-name {
order: -1;
.product-price-gross-box {
margin-bottom: 15px;
.main-price,
.price-name {
color: #1a3158;
font-weight: 700;
font-size: 20px;
line-height: 1;
letter-spacing: 0;
}
}
}
.product-price-info {
p {
color: #1a3158;
font-family: 'Open Sans';
font-weight: 400;
font-size: 13px;
line-height: 1.5;
opacity: 0.6;
margin: 0;
.main-price,
.price-name {
color: #ba2c2c;
font-weight: 700;
font-size: 20px;
line-height: 1;
letter-spacing: 0;
}
.price__regular,
.js__omnibus-price-container {
font-weight: 400;
}
.price__inactive,
.js__omnibus-price-gross {
font-weight: 700;
}
.price__regular,
.price__inactive,
.js__omnibus-price-container,
.js__omnibus-price-gross {
color: rgba(26, 49, 88, 0.6);
font-size: 13px;
line-height: 1;
letter-spacing: 0;
* {
color: inherit;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
text-decoration: none;
}
}
}
}
}
> .price-netto {
.price-netto__container {
display: flex;
flex-wrap: wrap;
.underscore_1 {
order: -4;
.price {
.price__container {
.product-price-gross-box {
.main-price,
.price-name {
color: #ba2c2c;
}
}
.underscore_2 {
order: -1;
}
.main-price {
order: -3;
}
.price-name {
order: -2;
}
}
.main-price,
.price-name,
.underscore_1,
.underscore_2 {
color: rgb(26, 49, 88, 0.6);
font-weight: 400;
font-size: 13px;
line-height: 1;
letter-spacing: 0;
}
.price-name {
margin: 0;
}
.price__regular,
.js__omnibus-price-container {
font-weight: 400;
}
.price__inactive,
.js__omnibus-price-gross {
font-weight: 700;
}
.price__regular,
.price__inactive,
.js__omnibus-price-container,
.js__omnibus-price-gross {
color: rgba(26, 49, 88, 0.6);
font-size: 13px;
line-height: 1;
letter-spacing: 0;
}
}
}