// ———————————-\ // Tools > Mixins // ———————————-/

// Apply ‘attention’ styles in one go. // goo.gl/LFx8on // // Example use: // // @include attention() { // text-decoration: underline; // } @mixin attention() {

&:hover,
&:active,
&:focus {
  @content;
}

}

// Mixin to drop micro clearfix into a selector. // // // Example use: // // .class { // @include clearfix(); // } @mixin clearfix() {

&:after {
  content: '';
  display: table;
  clear: both;
}

}