less/patternfly/modals.less

   1 //
   2 // Modals
   3 // --------------------------------------------------
   4
   5 // Modal header
   6 // Top section of the modal w/ title and dismiss
   7 .modal-header {
   8   background-color: #f8f8f8;
   9   border-bottom: none;
  10   padding: @modal-title-padding-vertical @modal-title-padding-horizontal;
  11 }
  12 // Close icon
  13 .modal-header .close {
  14   margin-top: 2px;
  15 }
  16
  17 // Title text within header
  18 .modal-title {
  19   font-size: 13px;
  20   font-weight: 700;
  21 }
  22
  23 // Footer (for actions)
  24 .modal-footer {
  25   border-top: none;
  26   margin-top: 15px;
  27   padding: (@modal-inner-padding - 1) @modal-inner-padding @modal-inner-padding;
  28   > .btn {
  29     padding-left: 10px;
  30     padding-right: 10px;
  31     > .fa-angle-left {
  32       margin-right: 5px;
  33     }
  34     > .fa-angle-right {
  35       margin-left: 5px;
  36     }
  37   }
  38 }