// —————————————————————————– // 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; }
}