You are here

Home » API reference » Varbase Bootstrap Paragraphs 8.6

vbp-modal.component.css in Varbase Bootstrap Paragraphs 8.6

Same filename and directory in other branches
  1. 8.7 css/component/vbp-modal.component.css
  2. 8.4 css/component/vbp-modal.component.css
  3. 8.5 css/component/vbp-modal.component.css
  4. 9.0.x css/component/vbp-modal.component.css
.paragraph--type--bp-modal {
  padding: 10px;
}
.paragraph--type--bp-modal .btn.btn-modal {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.modal .modal-header {
  padding: 15px 30px;
}
.modal .modal-title {
  font-weight: bold;
}
.modal .modal-footer {
  text-align: left;
}
.modal .modal-body .paragraph,
.modal .modal-footer .paragraph {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  position: initial;
  padding: 15px 30px 15px 30px;
}

File

css/component/vbp-modal.component.css
View source 
  1. .paragraph--type--bp-modal {

  2.   padding: 10px;

  3. }

  4. .paragraph--type--bp-modal .btn.btn-modal {

  5.   display: block;

  6.   margin-left: auto;

  7.   margin-right: auto;

  8. }

  9. .modal .modal-header {

  10.   padding: 15px 30px;

  11. }

  12. .modal .modal-title {

  13.   font-weight: bold;

  14. }

  15. .modal .modal-footer {

  16.   text-align: left;

  17. }

  18. .modal .modal-body .paragraph,

  19. .modal .modal-footer .paragraph {

  20.   margin-left: 0;

  21.   margin-right: 0;

  22.   width: 100%;

  23.   position: initial;

  24.   padding: 15px 30px 15px 30px;

  25. }