whatjackhasmade

/*/////////////////////////////////////////
/// ACTIVE STATES
*/////////////////////////////////////////

@mixin active-states() {
    &:hover,
    &:focus,
    &:active { @content }
}

whatjackhasmade

/*/////////////////////////////////////////
/// NOT
*/////////////////////////////////////////

 @mixin not($ignorList...) {
    //if only a single value given
    @if (length($ignorList) == 1){
        //it is probably a list variable so set ignore list to the variable
        $ignorList: nth($ignorList,1);
    }

whatjackhasmade

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

whatjackhasmade

<meta property="og:image" content="" />
<meta property="og:description" content="" />
<meta property="og:title" content="" />
<meta property="og:locale" content="en_GB" />
<meta property="og:site_name" content="" />

whatjackhasmade

.visually-hidden { /*https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html*/
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    padding:0 !important;
    border:0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
}