<div class="price ">
<span class="price__value ">
$
159.95
</span>
</div>
<div class="price {{ class }}" {{{ attributes }}}>
<span class="price__value {{ regularPriceClass }}">
{{#if prefix.tag}}
<{{tag}}>
{{/if}}
{{prefix.text}}
{{#if prefix.tag}}
</{{tag}}>
{{/if}}
{{regularPrice}}
{{#if suffix.tag}}
<{{suffix.tag}}>
{{/if}}
{{suffix.text}}
{{#if suffix.tag}}
</{{suffix.tag}}>
{{/if}}
</span>
</div>
{
"regularPrice": "159.95",
"specialPrice": "",
"prefix": {
"tag": "",
"text": "$"
},
"suffix": {
"tag": "",
"text": ""
}
}
$price__spacing : $spacer--small !default;
$price__font-size : $font-size-large !default;
$price__font-size\@medium : $font-size-large !default;
$price__font-weight : $font-weight-bold !default;
$price__color--old : $color-secondary !default;
$price__font-size--old : $font-size-small !default;
$price__font-size--old\@medium : $font-size-base !default;
$price__font-weight--old : $font-weight-normal !default;
$price__color--special : $color-error !default;
$price__font-weight--special : $font-weight-bold !default;
$price__text-color : $color-secondary !default;
$price__text-min-width--between: 50px !default;
$price__text-font-size--between: $font-size-base !default;
$price__line-height--between : 1.2 !default;
@import 'price-variables';
.price {
&__value {
font-size: $price__font-size;
font-weight: $price__font-weight;
@include mq($screen-m) {
font-size: $price__font-size\@medium;
}
&--old {
margin-right: $price__spacing;
color: $price__color--old;
font-size: $price__font-size--old;
font-weight: $price__font-weight--old;
text-decoration: line-through;
@include mq($screen-m) {
font-size: $price__font-size--old\@medium;
}
}
&--special {
color: $price__color--special;
font-weight: $price__font-weight--special;
& > ins {
text-decoration: none;
}
}
&--between {
display: flex;
line-height: $price__line-height--between;
.price__text {
display: inline-flex;
align-items: center;
min-width: $price__text-min-width--between;
font-size: $price__text-font-size--between;
}
.price__value--old {
display: flex;
flex-flow: column nowrap;
justify-content: center;
}
}
}
&__text {
color: $price__text-color;
font-weight: $price__font-weight--old;
}
}
There are no notes for this item.