bellmaker/src/less/page_layout.less

Responsive CSS media query library for LESS and SASS, with device-agnostic and device-specific breakpoints

// classes to set page widths and grid patterns
.bellmaker_container {
    margin-right: auto;
    margin-left: auto;

    // If the container contains floating elements, this ensures that the
    // container will expand vertically to hold all elements.
    &:after {
        content: "";
        float: none;
        clear: both;
        display: block;
    }
    @media @da_baseline {
        width: @pw_baseline;
    }
    @media @da_2x_small {
        width: @pw_2x_small;
    }
    @media @da_x_small {
        width: @pw_x_small;
    }
    @media @da_small {
        width: @pw_small;
    }
    @media @da_medium {
        width: @pw_medium;
    }
    @media @da_large {
        width: @pw_large;
    }
    @media @da_x_large {
        width: @pw_x_large;
    }
}