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

@import "../../core/base/base.mcss";

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

body {
	background: #3f5573;
}



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

h1, h2, h3, h4, h5, h6 {
    margin: 25px 0 15px;

    small {
        color: $gray-base;
    }
}

$hx-extend_size(1, 36px, 42px);
$hx-extend_size(2, 24px, 30px);
$hx-extend_size(3, 18px, 24px);
$hx-extend_size(4, 16px, 22px);
$hx-extend_size(5, 14px, 20px);
$hx-extend_size(6, 12px, 18px);



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

a {
    color: $brand-primary;
}



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

p {}



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

hr {
    border-top: 1px solid $brand-default;
}



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

em {
    color: #d05;
}

ins {
    background: #ffa;
    color: #444;
}

mark {
    background: #ffa;
    color: #444;
}

small { font-size: 80%; }

code {
    padding: 0 3px;
    font-size: 12px;
    background: #fafafa;
    color: #d05;
}

kbd {
    margin: 0 3px;
    padding: 2px 3px;
    font-size: 12px;
    color: #e74c3c;
    background: #fafafa;
    border-bottom: 2px solid #eee;
    // $box-shadow: 0 2px 2px #ccc;
}

abbr[title] {
    border-bottom: 1px dotted;
}



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

blockquote {
    padding: 4px 16px;
    background: #fafafa;
    border-left: 4px solid #eee;
}



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

pre {
    padding: 6px 12px;
    font-size: 12px;
    background: #fafafa;
    color: #333;
    border: 1px solid #eee;
    $border-radius: $border-radius-base;

    code {}
}



// Selection:
// ========================================================================

*::selection, *::-moz-selection, *::-webkit-selection {
    color: #fff;
    background: #39f; //$brand-primary;
}