X-Git-Url: http://www.aleph1.co.uk/gitweb/?a=blobdiff_plain;ds=sidebyside;f=web%2Fcore%2Fthemes%2Fbartik%2Fcolor%2Fpreview.es6.js;fp=web%2Fcore%2Fthemes%2Fbartik%2Fcolor%2Fpreview.es6.js;h=a41f1f2c205add43e6f6f1cfbf596c50a4a80ab4;hb=af6d1fb995500ae68849458ee10d66abbdcfb252;hp=90d3b421cbe70fdd178a4f56a401e823bba8dbef;hpb=680c79a86e3ed402f263faeac92e89fb6d9edcc0;p=yaffs-website diff --git a/web/core/themes/bartik/color/preview.es6.js b/web/core/themes/bartik/color/preview.es6.js index 90d3b421c..a41f1f2c2 100644 --- a/web/core/themes/bartik/color/preview.es6.js +++ b/web/core/themes/bartik/color/preview.es6.js @@ -35,10 +35,10 @@ $colorPreview.find('.color-preview-footer-wrapper').css('background-color', $colorPalette.find('input[name="palette[footer]"]').val()); // CSS3 Gradients. - const gradient_start = $colorPalette.find('input[name="palette[top]"]').val(); - const gradient_end = $colorPalette.find('input[name="palette[bottom]"]').val(); + const gradientStart = $colorPalette.find('input[name="palette[top]"]').val(); + const gradientEnd = $colorPalette.find('input[name="palette[bottom]"]').val(); - $colorPreview.find('.color-preview-header').attr('style', `background-color: ${gradient_start}; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(${gradient_start}), to(${gradient_end})); background-image: -moz-linear-gradient(-90deg, ${gradient_start}, ${gradient_end});`); + $colorPreview.find('.color-preview-header').attr('style', `background-color: ${gradientStart}; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(${gradientStart}), to(${gradientEnd})); background-image: -moz-linear-gradient(-90deg, ${gradientStart}, ${gradientEnd});`); $colorPreview.find('.color-preview-site-name').css('color', $colorPalette.find('input[name="palette[titleslogan]"]').val()); },