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;
|
||||
}
|
||||
|
||||
.buy-widget-container {
|
||||
.btn-buy {
|
||||
padding: $btn-padding-y $btn-padding-x;
|
||||
@include font-size($font-size-base);
|
||||
}
|
||||
}
|
||||
|
||||
.product-detail-name {
|
||||
color: $sw-color-brand-primary;
|
||||
font-size: 2.25rem;
|
||||
|
|
@ -80,25 +87,35 @@
|
|||
}
|
||||
|
||||
.product-detail-price-container {
|
||||
float: left;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 1.5rem;
|
||||
margin-bottom: 0.5rem;
|
||||
margin-right: 2rem;
|
||||
}
|
||||
|
||||
.product-detail-price {
|
||||
font-size: 40px;
|
||||
line-height: 1;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.product-detail-price-unit {
|
||||
padding-left: 1rem;
|
||||
}
|
||||
|
||||
.product-detail-tax {
|
||||
font-size: 0.75rem;
|
||||
margin-bottom: 0;
|
||||
.btn-link-inline {
|
||||
text-decoration: none;
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.product-detail-form-container {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.product-delivery-information {
|
||||
clear: both;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue