rob-kistner
10/19/2016 - 2:34 AM

variables - less

variables - less

// fonts
@import 'https://fonts.googleapis.com/css?family=Libre+Franklin:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i';
@import 'https://fonts.googleapis.com/css?family=Merriweather:300,300i,400,400i,700,700i,900,900i';

// base font families
//
@sans:  'Libre Franklin', 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, sans-serif;
@serif: 'Merriweather', Georgia, Times, serif;

// vomela brand colors
//
@blue:   #004b98;
@gray:   #415464;
@cyan:   #00aeef;
@purple: #592c82;
@sb-cc:  #96785e;
@sb-pp:  #d39100;
@sb-sd:  #c20430;
@sb-ee:  #648c1c;
@sb-ft:  #c14e00;
@sb-rv:  #035d67;

// base font size for site
@base: 15px;

// measurements
//
@lg: 2em;
@md: 1em;
@sm: 0.5em;

// breakpoints
//
@sm-max: 400px;
@sm-min: 768px;
@md-min: 992px;
@lg-min: 1200px;