// DEFAULTS NOT COVERED BY NORMALIZE
// --------------------------------------------------------------------
// These selection declarations have to be separate.
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

// Chrome frame prompt
.chromeframe {
    margin: 0;
    background: $silver;
    color: $off-black;
    @include x-rem(padding, 0.25);
    text-align: center;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0;
}

table {
    @include x-rem(margin, 1);
    width: 100%;

    caption {
        text-align: center;
    }
}

caption,
th {
    text-align: left;
}

// Nested lists
li {
    ul,
    ol {
        margin: 0;
    }
}

// Nested code
pre code {
    font-size: 1em;
}

// A better looking default horizontal rule
hr {
    border: 0;
    border-top: 1px solid $silver;
    display: block;
    height: 1px;
    @include x-rem(margin, 1.5 0);
    padding: 0;
}

// Remove the gap between images and the bottom of their containers
img {
    vertical-align: middle;
}

// DEFAULTS NOT COVERED BY NORMALIZE
// --------------------------------------------------------------------
// These selection declarations have to be separate.
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

// Chrome frame prompt
.chromeframe {
    margin: 0;
    background: $silver;
    color: $off-black;
    @include x-rem(padding, 0.25);
    text-align: center;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0;
}

table {
    @include x-rem(margin, 1);
    width: 100%;

    caption {
        text-align: center;
    }
}

caption,
th {
    text-align: left;
}

// Nested lists
li {
    ul,
    ol {
        margin: 0;
    }
}

// Nested code
pre code {
    font-size: 1em;
}

// A better looking default horizontal rule
hr {
    border: 0;
    border-top: 1px solid $silver;
    display: block;
    height: 1px;
    @include x-rem(margin, 1.5 0);
    padding: 0;
}

// Remove the gap between images and the bottom of their containers
img {
    vertical-align: middle;
}


// EXTENDS/INCLUDES
// --------------------------------------------------------------------
.js #enable-js {
    @extend %hidden;
}

video,
img {
    @include responsive-media;
}

Move these to defaults to keep common empty.
Move these to defaults to keep common empty.
