style buy form on product detail page
This commit is contained in:
parent
49c0a92110
commit
b06f9937fc
1 changed files with 22 additions and 5 deletions
|
|
@ -35,6 +35,13 @@
|
||||||
margin-right: -20px;
|
margin-right: -20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.buy-widget-container {
|
||||||
|
.btn-buy {
|
||||||
|
padding: $btn-padding-y $btn-padding-x;
|
||||||
|
@include font-size($font-size-base);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.product-detail-name {
|
.product-detail-name {
|
||||||
color: $sw-color-brand-primary;
|
color: $sw-color-brand-primary;
|
||||||
font-size: 2.25rem;
|
font-size: 2.25rem;
|
||||||
|
|
@ -80,25 +87,35 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.product-detail-price-container {
|
.product-detail-price-container {
|
||||||
|
float: left;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin-bottom: 1.5rem;
|
margin-bottom: 0.5rem;
|
||||||
|
margin-right: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.product-detail-price {
|
.product-detail-price {
|
||||||
font-size: 40px;
|
font-size: 40px;
|
||||||
|
line-height: 1;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
}
|
}
|
||||||
|
|
||||||
.product-detail-price-unit {
|
|
||||||
padding-left: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-detail-tax {
|
.product-detail-tax {
|
||||||
font-size: 0.75rem;
|
font-size: 0.75rem;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
|
.btn-link-inline {
|
||||||
|
text-decoration: none;
|
||||||
|
&:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.product-detail-form-container {
|
||||||
|
margin-bottom: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.product-delivery-information {
|
.product-delivery-information {
|
||||||
|
clear: both;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue