Starter Variables

_variables.less

// Variables

// Fonts
@baseFont: 'PT Sans', 'Helvetica', Arial,sans-serif;
@fontHeading: 'Arvo', 'Georgia', 'Times New Roman', serif;
@fontSecondary: 'Ubuntu', 'Helvetica', Arial, sans-serif;
@fontTertiary: 'Courier', sans-serif;

@baseFontSize: 14px;
@baseFontLineHeight: 1.5em;

// Colors
@colorPrimary: #ba0007; // red
@colorSecondary: #000000; // black
@colorTertiary: #53627d;
@colorSubTertiary: #BBC9E1;
@colorBaseGray: #dfdfdf;
@colorGrayDark: #4a4a4a;
@colorGrayLight: #dfdfdf;
@colorBlack: #252525;
@colorWhite: #fff;

// Spacing

@baseSpacing: 30px;
@paddingBottom: @baseSpacing * 0.8;

// Media Queries
@x-large: ~"(min-width: 1200px)";
@large: ~"(min-width: 1024px)";
@large-medium: ~"(max-width: 900px)";
@medium: ~"(max-width: 768px)";
@medium-small: ~"(max-width: 600px)";
@small: ~"(max-width: 480px)";
@x-small: ~"(max-width: 300px)";