You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
151 lines
4.5 KiB
151 lines
4.5 KiB
/** |
|
* @file |
|
* Visual styles for Magazine+'s product content type. |
|
*/ |
|
@media (min-width: 992px) { |
|
.node--type-mt-product .col-md-4 + .col-md-8 .node__main-content { |
|
padding-left: 20px; |
|
} |
|
.node--type-mt-product .col-md-4 + .col-md-6 .node__main-content { |
|
padding-left: 15px; |
|
} |
|
} |
|
.node--type-mt-product .node__header { |
|
padding: 0; |
|
} |
|
.node--type-mt-product .node__header + .field:not(.field--name-field-mt-price) { |
|
padding-top: 15px; |
|
} |
|
.node--type-mt-product .node__title { |
|
font-size: 35px; |
|
font-weight: 300; |
|
margin-bottom: 5px; |
|
} |
|
|
|
/*image field*/ |
|
.node--type-mt-product .field--name-field-image { |
|
margin-bottom: 30px; |
|
} |
|
.node--type-mt-product.node--view-mode-teaser .images-container { |
|
margin-bottom: 15px; |
|
} |
|
|
|
/*price field*/ |
|
.node--type-mt-product .field--name-field-mt-price { |
|
font-size: 24px; |
|
line-height: 1.4; |
|
} |
|
.node--type-mt-product .field--name-field-mt-price + .field { |
|
padding-top: 25px; |
|
} |
|
|
|
/*buy link field*/ |
|
.node--type-mt-product .field--name-field-mt-buy-link a { |
|
font-size: 14px; |
|
padding: 15px 30px; |
|
color: #ffffff; |
|
display: inline-block; |
|
line-height: 1; |
|
-webkit-transition: all 0.2s ease-in-out; |
|
-moz-transition: all 0.2s ease-in-out; |
|
-ms-transition: all 0.2s ease-in-out; |
|
-o-transition: all 0.2s ease-in-out; |
|
transition: all 0.2s ease-in-out; |
|
margin: 20px 0; |
|
text-align: center; |
|
border-width: 1px; |
|
border-style: solid; |
|
} |
|
.headings-wide-spacing-enabled .node--type-mt-product .field--name-field-mt-buy-link a { |
|
letter-spacing: 0.25em; |
|
text-transform: uppercase; |
|
} |
|
.region--light-typography.region--colored-background .field--name-field-mt-buy-link a { |
|
background-color: transparent; |
|
} |
|
.node--type-mt-product .field--name-field-mt-buy-link a:hover { |
|
color: #ffffff; |
|
border-color: transparent; |
|
text-decoration: none; |
|
} |
|
.region--light-typography .field--name-field-mt-buy-link a { |
|
color: #ffffff; |
|
text-decoration: none; |
|
background-color: transparent; |
|
border-style: solid; |
|
border-width: 1px; |
|
border-color: #ffffff; |
|
} |
|
|
|
/*availabilty and product code fields*/ |
|
.node--type-mt-product .field--name-field-mt-product-code, |
|
.node--type-mt-product .field--name-field-mt-product-availability { |
|
margin: 10px 0; |
|
} |
|
.node--type-mt-product .field--name-field-mt-product-code .field__label, |
|
.node--type-mt-product .field--name-field-mt-product-availability .field__label { |
|
font-weight: 400; |
|
} |
|
.node--type-mt-product .field--name-field-mt-product-code .field__item, |
|
.node--type-mt-product .field--name-field-mt-product-availability .field__item { |
|
color: #9c9c9c; |
|
} |
|
.node--type-mt-product .field--name-field-mt-product-code .field__item:before { |
|
content: "#"; |
|
} |
|
|
|
/*taxonomy terms fields*/ |
|
.node--type-mt-product .field--entity-reference-target-type-taxonomy-term, |
|
.node--type-mt-product .field--entity-reference-target-type-taxonomy-term.field__item { |
|
margin: 10px 0; |
|
} |
|
.node--type-mt-product .field--entity-reference-target-type-taxonomy-term .field__label, |
|
.node--type-mt-product .field--entity-reference-target-type-taxonomy-term.field__item .field__label { |
|
font-weight: 400; |
|
} |
|
.node--type-mt-product .field--entity-reference-target-type-taxonomy-term .field__item { |
|
margin: 0; |
|
} |
|
.node--type-mt-product .field--entity-reference-target-type-taxonomy-term .field__item a, |
|
.node--type-mt-product .field--entity-reference-target-type-taxonomy-term.field__item a { |
|
display: block; |
|
text-decoration: none; |
|
padding: 0; |
|
border-radius: 0; |
|
font-size: 15px; |
|
background-color: transparent; |
|
} |
|
.node--type-mt-product .field--entity-reference-target-type-taxonomy-term .field__item a:after, |
|
.node--type-mt-product .field--entity-reference-target-type-taxonomy-term.field__item a:after { |
|
content: ","; |
|
} |
|
.node--type-mt-product .field--entity-reference-target-type-taxonomy-term .field__item:last-child a:after, |
|
.node--type-mt-product .field--entity-reference-target-type-taxonomy-term.field__item:last-child a:after { |
|
content: ""; |
|
} |
|
.node--type-mt-product .field--entity-reference-target-type-taxonomy-term .field__item a:hover, |
|
.node--type-mt-product .field--entity-reference-target-type-taxonomy-term.field__item a:hover { |
|
background-color: transparent; |
|
} |
|
|
|
/*highlighted text in products*/ |
|
.node--type-mt-product .highlighted { |
|
display: block; |
|
padding: 10px 16px; |
|
margin-bottom: 30px; |
|
font-size: 11px; |
|
text-align: center; |
|
font-weight: 600; |
|
text-transform: uppercase; |
|
} |
|
.node--type-mt-product .highlighted i { |
|
margin-right: 6px; |
|
} |
|
@media (max-width: 991px) { |
|
.node--type-mt-product .highlighted { |
|
display: inline-block; |
|
margin-right: 10px; |
|
margin-top: 10px; |
|
margin-bottom: 0; |
|
} |
|
}
|
|
|