@prefix: graphjs;

.@{prefix}-article {
    font-size: 1.1em;
    line-height: 1.5em;
    text-align: left;
    padding: 0;
    * {
        // ThemeOption: color: @text-color-normal;
    }
    h2 {
        margin-bottom: 1em;
        // ThemeOption: color: @text-color-strong;
        font-size: 1.5em;
        line-height: 1.25em;
        .bold-font;
    }
    h3 {
        margin-bottom: 1em;
        // ThemeOption: color: @text-color-strong;
        font-size: 1.25em;
        line-height: 1.25em;
        .bold-font;
    }
    h4 {
        margin-bottom: 1em;
        // ThemeOption: color: @text-color-strong;
        font-size: 1.125em;
        line-height: 1.25em;
        .bold-font;
    }
    p {
        margin-bottom: 1em;
        font-size: 1em;
    }
    a {
        // ThemeOption: color: @primary-color;
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        // ThemeOption: border-bottom-color: @text-color-weak;
    }
    b, strong {
        // ThemeOption: color: @text-color-strong;
        .bold-font();
    }
    i {
        font-style: italic;
    }
    u {
        text-decoration: underline;
    }
    s, strike, del {
        // ThemeOption: color: @text-color-weak;
        text-decoration: line-through;
    }
    img {
        margin-bottom: 1em;
        width: auto;
        max-width: 100%;
    }
    ul {
        margin-bottom: 1em;
    }
    ol {
        margin-bottom: 1em;
        li {
            list-style-type: decimal;
        }
    }
    li {
        list-style-position: inside;
    }
    pre {
        display: inline-block;
        margin-bottom: 1em;
        padding: .5em .75em;
        border-width: 1px;
        border-style: solid;
        // ThemeOption: border-color: fade(@default-color, 25%);
        border-color: transparent; // ThemeFix
        // ThemeOption: background-color: fade(@default-color, 10%);
    }
    blockquote {
        position: relative;
        margin-bottom: 1em;
        padding: 1em;
        padding-left: 3em;
        font-size: 1.25em;
        font-style: italic;
        line-height: 1.5em;
        border-left-width: .5em;
        border-left-style: solid;
        // ThemeOption: border-left-color: @primary-color;
        // ThemeOption: background-color: fade(@default-color, 10%);
        &::before{
            content: "\00201D";
            position: absolute;
            left: calc(1em / 3);
            top: calc(1em / 3.25); // Visually centers the super script character
            // ThemeOption: color: @primary-color;
            font-size: 3em;
            font-family: Arial, sans-serif;
            font-style: normal;
            font-weight: bold;
            line-height: 1em;
            vertical-align: middle;
        }
        &::after{
            content: "";
        }
        span {
            display: block;
            margin-top: 1em;
            // ThemeOption: color: @text-color-normal;
            .bold-font
        }
    }
}