@import '../environment';

main
{
    h2
    {
        @include large-heading;
    }
    h3
    {
        @include normal-heading;
    }
    h4
    {
        @include small-heading;
    }

    ul, ol
    {
        @include bullet-list;
    }

    pre,
    code
    {
        margin: 0;
        padding: 0;
        font-family: monospace;
        text-align: left;
        white-space: pre-wrap;
    }

    pre
    {
        font-size: 14px;
        line-height: steps(1.5);
        background-color: $color-dummy-see-through;
        padding: steps(1.5) steps(2);
        margin-bottom: steps(2);
    }

    p code
    {
        display: inline-block;
        font-size: 14px;
        margin-bottom: steps(-0.5);
        padding-left: steps(0.5);
        padding-right: steps(0.5);
        background-color: $color-dummy-see-through;
    }

    .table-of-contents
    {
        margin-bottom: steps(4);
    }
}

body[data-view="tables"] main,
body[data-view="svg_images"] main,
body[data-view="text"] main
{
    .content
    {
        @include optimal-measure;
    }
}

@import 'style_pages/columns';
@import 'style_pages/svg_images';
@import 'style_pages/text';
