/**
 * Box:
 * `.Box` is a generic box with margin. Useful for spacing out nested grids.
 * `.Box--container` is a box with no padding, useful for adding borders above
 * or below columns since the first and last columns bleed out of the row.
 *
 *     @example
 *     .row
 *       .col-xs-6.default-border
 *         .Box
 *           .row
 *             .col-xs-6.default-border Wombat
 *             .col-xs-6.default-border Koala
 *       .col-xs-6.default-border
 *         .Box
 *           .row
 *             .col-xs-6.default-border Shiba
 *             .col-xs-6.default-border Bear
 */

@import "./config";

.Box {
  padding: @box-padding;
}

.Box--container {
  padding: 0;
}