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

    FONTS

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

$font-base: 'merriweatherlight', serif;
$font-size-base: 1.250rem;
$font-size-small: $font-size-base * .9;
$font-size-smaller: $font-size-base * .7;
$line-height-base: 1.5em;

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

     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 == desktop {
   @media (min-width: 70em) { @content ; }
 }
 @else if $point == tablet {
   @media (min-width: 50em) and (max-width: 70em) { @content ; }
 }
 @else if $point == mobile {
   @media (max-width: 37.5em)  { @content ; }

 }
}

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

     OTHER MIXINS

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

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