vbp-modal.component.css in Varbase Bootstrap Paragraphs 9.0.x
.paragraph--type--bp-modal {
padding: 0.625rem;
}
.paragraph--type--bp-modal .btn.btn-modal {
display: block;
margin-right: auto;
margin-left: auto;
}
.modal .modal-header {
padding: 0.9375rem calc(1.3125rem + 0.75vw);
}
@media (min-width: 1200px) {
.modal .modal-header {
padding: 0.9375rem 1.875rem;
}
}
.modal .modal-title {
font-weight: bold;
}
.modal .modal-footer {
text-align: left;
}
.modal .modal-body .paragraph,
.modal .modal-footer .paragraph {
position: initial;
width: 100%;
margin-right: 0;
margin-left: 0;
padding: 0.9375rem calc(1.3125rem + 0.75vw) 0.9375rem calc(1.3125rem + 0.75vw);
}
@media (min-width: 1200px) {
.modal .modal-body .paragraph,
.modal .modal-footer .paragraph {
padding: 0.9375rem 1.875rem 0.9375rem 1.875rem;
}
}
File
css/component/vbp-modal.component.css
View source
- .paragraph--type--bp-modal {
- padding: 0.625rem;
- }
-
- .paragraph--type--bp-modal .btn.btn-modal {
- display: block;
- margin-right: auto;
- margin-left: auto;
- }
-
- .modal .modal-header {
- padding: 0.9375rem calc(1.3125rem + 0.75vw);
- }
-
- @media (min-width: 1200px) {
- .modal .modal-header {
- padding: 0.9375rem 1.875rem;
- }
- }
-
- .modal .modal-title {
- font-weight: bold;
- }
-
- .modal .modal-footer {
- text-align: left;
- }
-
- .modal .modal-body .paragraph,
- .modal .modal-footer .paragraph {
- position: initial;
- width: 100%;
- margin-right: 0;
- margin-left: 0;
- padding: 0.9375rem calc(1.3125rem + 0.75vw) 0.9375rem calc(1.3125rem + 0.75vw);
- }
-
- @media (min-width: 1200px) {
- .modal .modal-body .paragraph,
- .modal .modal-footer .paragraph {
- padding: 0.9375rem 1.875rem 0.9375rem 1.875rem;
- }
- }