/*
  ********************

    FONTS

  ********************
*/

$font-base: 'merriweatherlight', serif;
$font-size-base: 1.250rem;                        // 20px
$font-size-h1: $font-size-base * 2.6;             // 52px
$font-size-h2: $font-size-base * 2;               // 40px
$font-size-h3: $font-size-base * 1.6;             // 32px
$font-size-h4: $font-size-base * 1.4;             // 28px
$font-size-h5: $font-size-base * 1.2;             // 24px
$font-size-h6: $font-size-base;                   // 20px
$font-size-small: $font-size-base * .8;           // 16px
$line-height-base: 1.375;

/*
  ********************

     COLORS

  ********************
*/

$violet-dark: rgb(103, 83, 108);
$violet-light: rgb(238, 215, 244);
$violet-light-darker: darken($violet-light, 30);
$gray: rgb(0, 0, 0);
$gray-light: lighten($gray, 20);

/*
  ********************

      BREAKPOINTS

  ********************
*/

@mixin breakpoint($point) {
 @if $point == l {
   @media (min-width: 75em) { @content ; }
 }
 @if $point == m {
   @media (min-width: 47.5em) { @content ; }
 }
 @else if $point == s {
   @media (min-width: 25.625em) { @content ; }
 }
 @else if $point == xs {
   @media (max-width: 25.625em)  { @content ; }
 }
}

/*
  ********************

     OTHER MIXINS

  ********************
*/

@mixin nolist() {
  ul {
    padding-left: 0;
    list-style: none;
    li {
      display: inline-block;
    }
  }
}