2014-01-12 14:54:50 -05:00
|
|
|
canvas#tinting-display(width=200, height=200).img-rounded
|
|
|
|
|
|
2014-01-15 18:16:31 -05:00
|
|
|
#color-settings
|
2014-01-12 14:54:50 -05:00
|
|
|
for group in colorGroups
|
|
|
|
|
.color-group(data-name=group.name)
|
2014-01-15 18:16:31 -05:00
|
|
|
div.name-cell
|
2014-01-12 14:54:50 -05:00
|
|
|
input(type='checkbox', checked=group.exists).color-group-checkbox
|
2014-01-15 18:16:31 -05:00
|
|
|
span(data-i18n=group.dasherized)= group.humanized
|
|
|
|
|
div.sliders
|
|
|
|
|
div.slider-cell
|
|
|
|
|
label(for=group.humanized+"_hue", data-i18n="hue") Hue
|
2014-01-12 14:54:50 -05:00
|
|
|
.controls
|
|
|
|
|
.selector(id=group.humanized+"_hue", name=group.name+'.hue', data-key='hue')
|
2014-01-15 18:16:31 -05:00
|
|
|
div.slider-cell
|
|
|
|
|
label(for=group.humanized+"_saturation", data-i18n="saturation") Saturation
|
2014-01-12 14:54:50 -05:00
|
|
|
.controls
|
|
|
|
|
.selector(id=group.humanized+"_saturation", name=group.name+'.saturation', data-key='saturation')
|
2014-01-15 18:16:31 -05:00
|
|
|
div.slider-cell
|
|
|
|
|
label(for=group.humanized+"_lightness", data-i18n="lightness") Lightness
|
2014-01-12 14:54:50 -05:00
|
|
|
.controls
|
2014-01-15 18:16:31 -05:00
|
|
|
.selector(id=group.humanized+"_lightness", name=group.name+'.lightness', data-key='lightness')
|
2014-01-27 19:07:17 -05:00
|
|
|
div.clearfix
|
|
|
|
|
div.clearfix
|
