%clearfix {
    &:before, &:after {
        content: "";
        display: table;
    }
    &:after {
        clear: both;
    }
}

@mixin hoverActiveFocus() {
    &:hover, &:active, &:focus {
        @content;
    }
}

@mixin border-radius($radius) {
    background-clip: padding-box; /* stops bg color from leaking outside the border: */
    -webkit-border-radius: $radius;
    border-radius: $radius;
}

// Replace font-size rules with this mixin:

// @mixin font-size($sizeValue: 1.6) {
//     font-size: ($sizeValue * 10) + px;
//     font-size: $sizeValue + rem;
// }