// Name:            Base
// Description:     基础
// Author:          sensen(rainforest92@126.com)
// ========================================================================



// Base:
// ========================================================================

html {
    // - Prevents iOS text size adjust after orientation change, without disabling user zoom
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    font: 14px/1.6 $font-family-sans-serif;
    background: #3f5573;
    color: #333;
}



// A:
// ========================================================================

a {
    text-decoration: none;
    cursor: pointer;
    // - Remove the gray background color from active links in IE 10.
    background: transparent;
}

a:hover {
    text-decoration: underline;
}

// - Improves readability when focused and also mouse hovered in all browsers.
a:hover,
a:focus {
    outline: 0;
}



// Headings:
// ========================================================================

h1, h2, h3, h4, h5, h6 {}

$hx-extend_size = ($number, $font-size, $line-height_ = null) {
    h#{$number} {
        font-size: $font-size;
        @if($line-height_) {line-height: $line-height_;}
    }
}



// P:
// ========================================================================

p {}



// Hr:
// ========================================================================

hr {
    border: none;
}



// Text:
// ========================================================================

em {
    font-style: normal;
}

strong {}

ins {
    text-decoration: none;
}

del {}

mark {}

small {}

pre, code, kbd, samp {
    // - Consolas has a better baseline in running text compared to `Courier`
    font-family: 'YaHei Consolas Hybrid', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
}

code {}

kbd {}

// - Addresses styling not present in Chrome, Safari, Opera and IE 8/9/10.
abbr[title] {
    cursor: help;
}

dfn {
    font-style: normal;
    font-weight: bold;
}

sup, sub {}

q {
    &:before {
        content: '“';
    }

    &:after {
        content: '”';
    }

    q {
        &:before {
            content: '‘';
        }

        &:after {
            content: '’';
        }
    }
}



// Blockquote:
// ========================================================================

blockquote,
figure { margin: 0; }

blockquote {
    footer {
        text-align: right;

        &:before {
          content: '—— ';
        }
    }
}



// Pre:
// ========================================================================

pre {
    $tab-size: 4;
    // - Contain overflow in all browsers.
    overflow: auto;
    // word-break: break-all;
    // word-wrap: break-word;

    code {
        background: none;
        border: none;
        padding: 0;
        margin: 0;
        font-size: inherit;
        color: inherit;
        // white-space: pre-wrap;
    }
}



// List:
// ========================================================================

ul > li > ul,
ul > li > ol,
ol > li > ol,
ol > li > ul {
    margin: 0;
}



// Description List:
// ========================================================================

dt {
    font-weight: bold;
}

dd {
    margin-left: 0;
}


// Address:
// ========================================================================

address { font-style: normal; }



// Image:
// ========================================================================

img {
    // -Responsiveness: Sets a maximum width relative to the parent and auto scales the height.
    max-width: 100%;
    height: auto;
    $box-sizing: border-box;
    // - Remove border when inside `a` element in IE 8/9/10.
    border: none;
    // - Remove the gap between images and the bottom of their containers.
    vertical-align: middle;
}

// - Correct overflow not hidden in IE 9/10/11.
svg:not(:root) {
    overflow: hidden;
}



// HTML5 elements:
// ========================================================================

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

iframe {
    border: none;
}

// - Prevent displaying `audio` without controls in Chrome, Safari and Opera
audio:not([controls]) {
    display: none;
}

// - Addresses inconsistent vertical alignment of `progress` in Chrome, Firefox and Opera.
progress {
    vertical-align: baseline;
}

select{
	border: 1px solid #ddd;
}