bootstrap-paragraphs-columns.css in Bootstrap Paragraphs 8.2

The css file for Bootstrap Paragraphs Columns Bundle.

Compiled from bootstrap-paragraphs-columns.less.

File

css/bootstrap-paragraphs-columns.css

/**
 * @file
 * The css file for Bootstrap Paragraphs Columns Bundle.
 *
 * Compiled from bootstrap-paragraphs-columns.less.
 */
/* Removes Padding on Columns (Padding is on columns inside). */
.paragraph.paragraph--type--bp-columns > .paragraph__column,
.paragraph.paragraph--type--bp-columns-two-uneven > .paragraph__column,
.paragraph.paragraph--type--bp-columns-three-uneven > .paragraph__column {
  padding-left: 0;
  padding-right: 0;
}
/* Columns Modifiers inside of Columns Element  */
.paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__6col {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__6col {
    float: left;
    width: 16.66666667%;
  }
}
.paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__5col {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__5col {
    float: left;
    width: 20%;
  }
}
.paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__4col {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__4col {
    float: left;
    width: 25%;
  }
}
.paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__3col {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__3col {
    float: left;
    width: 33.33333333%;
  }
}
.paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__2col {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__2col {
    float: left;
    width: 50%;
  }
}
.paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__1col {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__1col {
    float: left;
    width: 100%;
  }
}
/* These allow us to change the width on a single paragraph in a Multicolumn. */
.paragraph--type--bp-columns__1col .paragraph.paragraph--width--tiny > .paragraph__column {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph--type--bp-columns__1col .paragraph.paragraph--width--tiny > .paragraph__column {
    float: left;
    width: 33.33333333%;
  }
}
@media (min-width: 768px) {
  .paragraph--type--bp-columns__1col .paragraph.paragraph--width--tiny > .paragraph__column {
    margin-left: 33.33333333%;
  }
}
.paragraph--type--bp-columns__1col .paragraph.paragraph--width--narrow > .paragraph__column {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph--type--bp-columns__1col .paragraph.paragraph--width--narrow > .paragraph__column {
    float: left;
    width: 50%;
  }
}
@media (min-width: 768px) {
  .paragraph--type--bp-columns__1col .paragraph.paragraph--width--narrow > .paragraph__column {
    margin-left: 25%;
  }
}
.paragraph--type--bp-columns__1col .paragraph.paragraph--width--medium > .paragraph__column {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph--type--bp-columns__1col .paragraph.paragraph--width--medium > .paragraph__column {
    float: left;
    width: 66.66666667%;
  }
}
@media (min-width: 768px) {
  .paragraph--type--bp-columns__1col .paragraph.paragraph--width--medium > .paragraph__column {
    margin-left: 16.66666667%;
  }
}
.paragraph--type--bp-columns__1col .paragraph.paragraph--width--wide > .paragraph__column {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph--type--bp-columns__1col .paragraph.paragraph--width--wide > .paragraph__column {
    float: left;
    width: 83.33333333%;
  }
}
@media (min-width: 768px) {
  .paragraph--type--bp-columns__1col .paragraph.paragraph--width--wide > .paragraph__column {
    margin-left: 8.33333333%;
  }
}
.paragraph--type--bp-columns__1col .paragraph.paragraph--width--full > .paragraph__column {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph--type--bp-columns__1col .paragraph.paragraph--width--full > .paragraph__column {
    float: left;
    width: 100%;
  }
}