You are here

Home » API reference » Varbase Bootstrap Paragraphs 8.7

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

Same filename and directory in other branches
  1. 8.4 css/component/vbp-modal.component.css
  2. 8.5 css/component/vbp-modal.component.css
  3. 8.6 css/component/vbp-modal.component.css
  4. 9.0.x css/component/vbp-modal.component.css
.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 
  1. .paragraph--type--bp-modal {

  2.   padding: 0.625rem;

  3. }

  4. 

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

  6.   display: block;

  7.   margin-right: auto;

  8.   margin-left: auto;

  9. }

  10. 

  11. .modal .modal-header {

  12.   padding: 0.9375rem calc(1.3125rem + 0.75vw);

  13. }

  14. 

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

  16.   .modal .modal-header {

  17.     padding: 0.9375rem 1.875rem;

  18.   }

  19. }

  20. 

  21. .modal .modal-title {

  22.   font-weight: bold;

  23. }

  24. 

  25. .modal .modal-footer {

  26.   text-align: left;

  27. }

  28. 

  29. .modal .modal-body .paragraph,

  30. .modal .modal-footer .paragraph {

  31.   position: initial;

  32.   width: 100%;

  33.   margin-right: 0;

  34.   margin-left: 0;

  35.   padding: 0.9375rem calc(1.3125rem + 0.75vw) 0.9375rem calc(1.3125rem + 0.75vw);

  36. }

  37. 

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

  39.   .modal .modal-body .paragraph,

  40.   .modal .modal-footer .paragraph {

  41.     padding: 0.9375rem 1.875rem 0.9375rem 1.875rem;

  42.   }

  43. }