//
// Screen reader only
//

@mixin sr-only {
    width: 1px;
    height: 1px;
    position: absolute;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    border: 0;
    clip: rect(0,0,0,0);
}

@mixin sr-only-focusable {
    &:active,
    &:focus {
        width: auto;
        height: auto;
        position: static;
        overflow: visible;
        white-space: normal;
        clip: auto;
    }
}