=size-xs
    @media (max-width: 640px)
        &
            @content

=size-sm
    @media (min-width: 641px) and (max-width: 1000px)
        &
            @content

=size-md
    @media (min-width: 901px) and (max-width: 1024px)
        &
            @content

=size-lg
    @media (min-width: 1025px)
        &
            @content

=size-xs-sm
    @media (max-width: 1000px)
        &
            @content

=size-md-lg
    @media (min-width: 1001px)
        &
            @content

// For white vertical line
=size-max-content
    @media (max-width: $MAX_CONTENT_WIDTH)
        &
            @content

.container-typedoc
    max-width: $MAX_CONTENT_WIDTH
    margin: 0 auto
    padding: 0 1rem

    +size-xs
        padding: 0 15px

.container-typedoc-main
    padding-top: 175px
    padding-bottom: 200px

.row
    +clearfix
    position: relative
    margin: 0 -10px

.col
    @extend %prevent-children-margin
    box-sizing: border-box
    float: left
    padding: 0 10px

@for $width from 1 to 12
    .col-#{$width}
        @extend .col
        width: $width / 12 * 100%

    .offset-#{$width}
        margin-left: $width / 12 * 100%
