mixins example

mixins example

// Typography ———————————————————————————————— •
$font-serif: 'Marriweather', Georgia, serif;
$font-sans: "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;

@mixin font-smoothing($attr) {
  -webkit-font-smoothing: $attr;
          font-smoothing: $attr;
}

// Colors ———————————————————————————————————— •
$color-body: #F6F5ED;
$color-background: #F6F5ED;
$color-link: #596A6A;
$color-link-hover: #CA0813;
$color-link-visited: #596A6A;
$color-white-text: #fff8ef;
$color-text: #4C4C4C;
$color-spot: #FF548F;
$color-red-text: #F12625;



// cf ————————————————————————————————————— •
@mixin clearfix {
  &:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  zoom: 1;
}