custom.css.scss

@charset "utf-8";

$fontStackPlain:  "Apple SD Gothic Neo Regular", "대한", "Malgun Gothic", serif;
$fontStackCode: "Envy Code R", "Monaco", "Menlo", "Consolas", monospace;
$fontSizeH1: 2em;
$fontSizeH2: 1.8em;
$fontSizeH3: 1.4em;
$fontSizeTitle: 3em;
$colorCode: #09976A;
$colorCodeInline: $colorCode + #080808;
$colorShaodwCodeInline: $colorCodeInline + #080808;


article {
    header {
        h1.entry-title {
            // title of article
            font-size: $fontSizeTitle;
            font-family: $fontStackPlain;
            margin-top: 1em;

        }
    }

    div.entry-content {
        h1 {
            // heading 1
            font-family: $fontStackPlain;
            font-size: $fontSizeH1;
        }

        h2 {
            // heading 2
            font-family: $fontStackPlain;
            font-size: $fontSizeH2;
        }

        h3 {
            // heading 3
            @extend h2;
            font-size: $fontSizeH3;
        }

        h4 {
            // heading 4
            @extend h2;
            font-size: 1.1em;
        }

        p {
            // normal paragraph
            font-family: $fontStackPlain;
            font-size: 0.9em;

            strong {
                // strong words
                font-weight: bold;
            }

            code {
                // inline codes
                font-family: $fontStackCode;
                font-weight: bold;
                text-shadow: 0 0 2px $colorShaodwCodeInline;
                color: $colorCodeInline;
            }

        }

        ul {
            li {
                // listing
                @extend p;
            }
        }

        pre {
            code {
                @extend p;
                font-family: $fontStackCode;

            }
        }
    }
}