Skip to content

Instantly share code, notes, and snippets.

@badlydrawnrob
Last active December 12, 2015 01:08
Show Gist options
  • Save badlydrawnrob/4688367 to your computer and use it in GitHub Desktop.
Save badlydrawnrob/4688367 to your computer and use it in GitHub Desktop.
Less: simple variables
//
//
// Mixins
// ====================================================================
// Base
// --------------------------------------------------------------------
@font-size-base: 13px;
@font-size-large: @font-size-base * 1.25; // ~18px
@font-size-small: @font-size-base * 0.85; // ~12px
@font-size-mini: @font-size-base * 0.75; // ~11px
@line-height-base: 20px;
@font-family-base: Arial,Helvetica,sans-serif;
@headings-font-family: inherit; // empty to use BS default, @baseFontFamily
@headings-font-weight: bold; // instead of browser default, bold
@headings-color: @black; // empty to use BS default, @textColor
// Colors
// --------------------------------------------------------------------
@black: #000;
@gray-darker: #222;
@gray-dark: #333;
@gray: #555;
@gray-light: #999;
@gray-lighter: #ddd;
@white: #fff;
@link-color: #08c;
@link-color-hover: darken(@link-color, 15%);
// Urls
// --------------------------------------------------------------------
@icon-sprite-path: url('img/css/sprites.png');
@icon-white-sprite-path: url('img/css/sprites.png');
//
//
// Simple variables
// ====================================================================
// Base
// --------------------------------------------------------------------
@font-size-base: 13px;
@font-size-large: @font-size-base * 1.25; // ~18px
@font-size-small: @font-size-base * 0.85; // ~12px
@font-size-mini: @font-size-base * 0.75; // ~11px
@line-height-base: 20px;
@font-family-base: Arial,Helvetica,sans-serif;
@headings-font-family: inherit; // empty to use BS default, @baseFontFamily
@headings-font-weight: bold; // instead of browser default, bold
@headings-color: @black; // empty to use BS default, @textColor
// Colors
// --------------------------------------------------------------------
@black: #000;
@gray-darker: #222;
@gray-dark: #333;
@gray: #555;
@gray-light: #999;
@gray-lighter: #ddd;
@white: #fff;
@link-color: #08c;
@link-color-hover: darken(@link-color, 15%);
// Urls
// --------------------------------------------------------------------
@icon-sprite-path: url('img/css/sprites.png');
@icon-white-sprite-path: url('img/css/sprites.png');
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment