/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden] {
    display: none;
}

/**
 * Remove tap delay in IE 10+ (and proposed for other browsers).
 */

a,
input,
button {
    @include touch-action;
}


/* Clearfix
   ========================================================================== */

/**
 * Clearfix using the 'A new micro cleafix hack' method.
 *
 * More info: http://nicolasgallagher.com/micro-clearfix-hack/
 */

header,
footer,
[role="navigation"] ul,
[role="navigation"] ol,
.clearfix,
.container {
    &:after {
        content: "";
        display: table;
        clear: both;
    }
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden] {
    display: none;
}

/**
 * Remove tap delay in IE 10+ (and proposed for other browsers).
 */

a,
input,
button {
    @include touch-action;
}


/* Clearfix
   ========================================================================== */

/**
 * Clearfix using the 'A new micro cleafix hack' method.
 *
 * More info: http://nicolasgallagher.com/micro-clearfix-hack/
 */

header,
footer,
[role="navigation"] ul,
[role="navigation"] ol,
.clearfix,
.container {
    &:after {
        content: "";
        display: table;
        clear: both;
    }
}

Add `menu` element to HTML5 display definitions
Add `menu` element to HTML5 display definitions
