@import "_mixins", "_vars";

body {
    background: $background-color;
    font-family: Open Sans, sans-serif;
    font-size: $font-size;
}

.clear {
    clear: both;
}

pre {
    background: $pre-background;
    @include border-radius($pre-border-radius);
    border: $pre-border solid $pre-border-color;
    padding: $pre-padding;
    overflow-x: scroll;
    counter-reset: line;
    width: 100%;
    @include box-sizing(border-box);

    span {
        display: block;

        &:before {
            counter-increment: line;
            content: counter(line);
            display: inline-block;
            border-right: 1px solid #ddd;
            padding: 0 .5em;
            margin-right: .5em;
            color: #888;
            width: 30px;
        }
    }
}