Shopify: LESS Variables for themes.

shopify-variables.less

// COLOURS

@brand-colour: ~"{{ settings.brand_colour }}";
@text-colour: ~"{{ settings.text_colour }}";

@logo-colour: ~"{{ settings.logo_colour }}";

@link-colour: ~"{{ settings.links_colour }}";
@active-colour: ~"{{ settings.active_colour }}";

@nav-colour: ~"{{ settings.nav_colour }}";
@nav-link-colour: ~"{{ settings.nav_text_colour }}";
@nav2-colour: ~"{{ settings.nav2_colour }}";
@nav2-link-colour: ~"{{ settings.nav2_text_colour }}";

@button-colour: @activeColor;
@button-text-colour: @nav-link-colour;

@body-bg: ~"{{ 'bg-tile.jpg' | asset_url }}";

// FONT SIZES

@logo-font-size: ~"{{ settings.logo_font_size }}";
@font-size: ~"{{ settings.font_size }}";
@nav-font-size: ~"{{ settings.nav_font_size }}";
@line-height: round(@font-size * 1.4);

@pagetitle: ~"{{ settings.page_title_size }}";

// FONTS

@header-font: ~"{{ settings.header_fonts }}";
@body-font: ~"{{ settings.body_fonts }}";