...
$inputfont : font-family | Set the font family for the input fields [Dev configuration only]
$datepickerfont : font-family | Set the the font family for the datepicker [Dev configuration only]
$pdpheaderfont : font-family | Set the font family to use for PDP headers [Dev configuration only]
$labelfont : font-family | Set the font family to use for animated.label elements [Dev configuration only]
$minicartfont: font-family | Set the font family to use for in the minicart [Dev configuration only]
$optiontitlecolor : font-family | Set the font family to use for option titles on the PDP [default: primary-font][Dev configuration only]
$h2color : font-family | Set the font family to use for h2's on the site [default: primary-font][Dev configuration only]
$h4color : font-family | Set the font family to use for h4's on the site [default: primary-font][Dev configuration only]
| Code Block |
|---|
@include font-settings(
$inputfont: #{map-deep-get($fonts, 'primary')},
$datepickerfont: #{map-deep-get($fonts, 'primary')},
$pdpheaderfont: #{map-deep-get($fonts, 'primary')},
$labelfont: #{map-deep-get($fonts, 'secondary')},
$minicartfont: #{map-deep-get($fonts, 'secondary')},
$optiontitlecolor: #{map-deep-get($theme-colors, 'secondary')},
$h2color: #{map-deep-get($theme-colors, 'secondary')},
$h4color: #{map-deep-get($theme-colors, 'secondary')}
); |
...
Hide/show the image slider on the PDP
$display : ‘true'true', 'false' | Hide or show the slider on the PDP pages [default: false'false’]
| Code Block |
|---|
@include image-slider($display: 'false'); |
...
$primary-btn-bg : hex | Primary button background color [default: primary-color]
$primary-btn-border : hex | Primary button border color [default: primary-color][Dev configuration only]
$primary-btn-text : hex | Primary button text color [default: #ffffff][Dev configuration only]
$secondarybtn : hex | Secondary button text color and outline as seen in checkout (SHOW GROUP) [Dev configuration only]
| Code Block |
|---|
@include buttons-config(
$primary-btn-bg: #{map-deep-get($theme-colors, 'primary')},
$primary-btn-border: #{map-deep-get($theme-colors, 'primary')},
$primary-btn-text: #ffffff,
$secondarybtn: #{map-deep-get($theme-colors, 'secondary')}
); |
...