.accent-color-background {
background-color: {{ able.colorUtils.normalizeHex(able.data.accentColor) }} !important;
}
.main-color-shadow {
box-shadow: 6px 6px 0px 0px
{{ able.colorUtils.shadeColor(able.colorUtils.normalizeHex(able.data.mainColor), .6) }} !important;
}
.main-color-background {
background-color: {{ able.colorUtils.normalizeHex(able.data.mainColor) }} !important;
}
.accent-color-text {
color: {{ able.colorUtils.normalizeHex(able.data.accentColor) }} !important;
}
.accent-color-fill {
fill: {{ able.colorUtils.normalizeHex(able.data.accentColor) }} !important;
}
.dynamic-font {
{{ able.getDynamicFontCSS() }}
}
.main-contrast-color {
color: {{ able.colorUtils.checkYiq(able.data.mainColor) <= 128 ?
'#FFF' : '#000' }} !important;
}
.accent-contrast-color {
color: {{ able.colorUtils.checkYiq(able.data.accentColor) >= 128 ?
'#000' : '#FFF' }} !important;
}
.accent-contrast-border {
border-color: {{ able.colorUtils.checkYiq(able.data.accentColor) >= 128 ?
able.colorUtils.hexToRgba('#000', .5) :
able.colorUtils.hexToRgba('#FFF', .5) }} !important;
}
-
{{ item.name }}
{{ item.description }}
{{ item.subTitle }}