You are here

Home » API reference » Varbase Bootstrap Paragraphs 8.6

vbp-default.base.css in Varbase Bootstrap Paragraphs 8.6

Same filename and directory in other branches
  1. 8.7 css/base/vbp-default.base.css
  2. 8.4 css/base/vbp-default.base.css
  3. 8.5 css/base/vbp-default.base.css
  4. 9.0.x css/base/vbp-default.base.css
.paragraph {
  margin-left: -15px;
  margin-right: -15px;
  margin-left: 0;
  margin-right: 0;
}
.paragraph > .paragraph__column {
  padding-bottom: 30px;
}
.paragraph__column {
  padding: 0 25px;
}
.paragraph--type--bp-carousel .paragraph:last-of-type > .paragraph__column,
.paragraph--type--bp-columns .paragraph:last-of-type > .paragraph__column,
.paragraph--type--bp-columns-three-uneven .paragraph:last-of-type > .paragraph__column,
.paragraph--type--bp-columns-two-uneven .paragraph:last-of-type > .paragraph__column,
.paragraph--type--bp-tabs .paragraph:last-of-type > .paragraph__column {
  padding-bottom: 0;
}
.paragraph .paragraph .bg-edge2edge,
.paragraph .paragraph.bg-edge2edge {
  width: 100%;
  position: initial;
  margin: 0;
}
.paragraph .paragraph .paragraph,
.modal .modal-body .paragraph,
.modal .modal-footer .paragraph {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  position: initial;
}
.paragraph > .paragraph__column .paragraph > .paragraph__column,
.paragraph > .paragraph__column .paragraph > .paragraph__column .paragraph > .paragraph__column {
  float: none;
}
.paragraph__column > div > .paragraph,
.paragraph__column > .tab-content > .tab-pane > .paragraph {
  width: 100%;
  margin-right: 0px;
  margin-left: 0px;
  left: 0;
  right: 0;
}
.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--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%;
  }
}
@media (min-width: 992px) {
  .paragraph--type--bp-columns__1col .paragraph.paragraph--width--narrow > .paragraph__column {
    float: left;
    width: 50%;
  }
}
@media (min-width: 992px) {
  .paragraph--type--bp-columns__1col .paragraph.paragraph--width--narrow > .paragraph__column {
    margin-left: 25%;
  }
}
@media (min-width: 1200px) {
  .paragraph--type--bp-columns__1col .paragraph.paragraph--width--narrow > .paragraph__column {
    float: left;
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .paragraph--type--bp-columns__1col .paragraph.paragraph--width--narrow > .paragraph__column {
    margin-left: 25%;
  }
}
.background-style {
  background-size: cover;
  background-repeat: no-repeat;
}

File

css/base/vbp-default.base.css
View source 
  1. .paragraph {

  2.   margin-left: -15px;

  3.   margin-right: -15px;

  4.   margin-left: 0;

  5.   margin-right: 0;

  6. }

  7. .paragraph > .paragraph__column {

  8.   padding-bottom: 30px;

  9. }

  10. .paragraph__column {

  11.   padding: 0 25px;

  12. }

  13. .paragraph--type--bp-carousel .paragraph:last-of-type > .paragraph__column,

  14. .paragraph--type--bp-columns .paragraph:last-of-type > .paragraph__column,

  15. .paragraph--type--bp-columns-three-uneven .paragraph:last-of-type > .paragraph__column,

  16. .paragraph--type--bp-columns-two-uneven .paragraph:last-of-type > .paragraph__column,

  17. .paragraph--type--bp-tabs .paragraph:last-of-type > .paragraph__column {

  18.   padding-bottom: 0;

  19. }

  20. .paragraph .paragraph .bg-edge2edge,

  21. .paragraph .paragraph.bg-edge2edge {

  22.   width: 100%;

  23.   position: initial;

  24.   margin: 0;

  25. }

  26. .paragraph .paragraph .paragraph,

  27. .modal .modal-body .paragraph,

  28. .modal .modal-footer .paragraph {

  29.   margin-left: 0;

  30.   margin-right: 0;

  31.   width: 100%;

  32.   position: initial;

  33. }

  34. .paragraph > .paragraph__column .paragraph > .paragraph__column,

  35. .paragraph > .paragraph__column .paragraph > .paragraph__column .paragraph > .paragraph__column {

  36.   float: none;

  37. }

  38. .paragraph__column > div > .paragraph,

  39. .paragraph__column > .tab-content > .tab-pane > .paragraph {

  40.   width: 100%;

  41.   margin-right: 0px;

  42.   margin-left: 0px;

  43.   left: 0;

  44.   right: 0;

  45. }

  46. .paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__6col {

  47.   position: relative;

  48.   min-height: 1px;

  49.   padding-left: 15px;

  50.   padding-right: 15px;

  51. }

  52. @media (min-width: 768px) {

  53.   .paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__6col {

  54.     float: left;

  55.     width: 16.66666667%;

  56.   }

  57. }

  58. .paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__5col {

  59.   position: relative;

  60.   min-height: 1px;

  61.   padding-left: 15px;

  62.   padding-right: 15px;

  63. }

  64. @media (min-width: 768px) {

  65.   .paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__5col {

  66.     float: left;

  67.     width: 20%;

  68.   }

  69. }

  70. .paragraph--type--bp-columns__1col .paragraph.paragraph--width--narrow > .paragraph__column {

  71.   position: relative;

  72.   min-height: 1px;

  73.   padding-left: 15px;

  74.   padding-right: 15px;

  75. }

  76. @media (min-width: 768px) {

  77.   .paragraph--type--bp-columns__1col .paragraph.paragraph--width--narrow > .paragraph__column {

  78.     float: left;

  79.     width: 50%;

  80.   }

  81. }

  82. @media (min-width: 768px) {

  83.   .paragraph--type--bp-columns__1col .paragraph.paragraph--width--narrow > .paragraph__column {

  84.     margin-left: 25%;

  85.   }

  86. }

  87. @media (min-width: 992px) {

  88.   .paragraph--type--bp-columns__1col .paragraph.paragraph--width--narrow > .paragraph__column {

  89.     float: left;

  90.     width: 50%;

  91.   }

  92. }

  93. @media (min-width: 992px) {

  94.   .paragraph--type--bp-columns__1col .paragraph.paragraph--width--narrow > .paragraph__column {

  95.     margin-left: 25%;

  96.   }

  97. }

  98. @media (min-width: 1200px) {

  99.   .paragraph--type--bp-columns__1col .paragraph.paragraph--width--narrow > .paragraph__column {

  100.     float: left;

  101.     width: 50%;

  102.   }

  103. }

  104. @media (min-width: 1200px) {

  105.   .paragraph--type--bp-columns__1col .paragraph.paragraph--width--narrow > .paragraph__column {

  106.     margin-left: 25%;

  107.   }

  108. }

  109. .background-style {

  110.   background-size: cover;

  111.   background-repeat: no-repeat;

  112. }