vbp-default.base.css in Varbase Bootstrap Paragraphs 8.5
.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
- .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;
- }