// —————————————————————————– // This file contains all application-wide Sass mixins. // —————————————————————————–

/// Event wrapper /// @author Harry Roberts /// @param {Bool} $self [false] - Whether or not to include current selector /// @link twitter.com/csswizardry/status/478938530342006784 Original tweet from Harry Roberts @mixin on-event($self: false) {

@if $self {
  &,
  &:hover,
  &:active,
  &:focus {
    @content;
  }
} @else {
  &:hover,
  &:active,
  &:focus {
    @content;
  }
}

}

/// Make a context based selector a little more friendly /// @author Hugo Giraudel /// @param {String} $context @mixin when-inside($context) {

#{$context} & {
  @content;
}

}

// Use media queries like this: // @include media-query($on-palm) { // .wrapper { // padding-right: $spacing-unit / 2; // padding-left: $spacing-unit / 2; // } // } @mixin media-query($device) {

@media screen and (min-width: $device) {
    @content;
}

}