git.roojs.org Git - bootswatch/blob - material-kit/sass/material-kit/_dialogs.scss

   1 // This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.
   2
   3 //
   4 // Modals
   5 // Material Design element Dialogs
   6 // --------------------------------------------------
   7 .modal-content {
   8   @include shadow-z-5();
   9   border-radius: $border-radius-base;
  10   border: none;
  11   // Modal header
  12   // Top section of the modal w/ title and dismiss
  13   .modal-header {
  14     border-bottom: none;
  15     padding-top:    24px;
  16     padding-right:  24px;
  17     padding-bottom: 0;
  18     padding-left:   24px;
  19   }
  20   // Modal body
  21   // Where all modal content resides (sibling of .modal-header and .modal-footer)
  22   .modal-body {
  23     padding-top:    24px;
  24     padding-right:  24px;
  25     padding-bottom: 16px;
  26     padding-left:   24px;
  27   }
  28   // Footer (for actions)
  29   .modal-footer {
  30     border-top: none;
  31     padding: 7px;
  32     button {
  33       margin: 0;
  34       padding-left: 16px;
  35       padding-right: 16px;
  36       width: auto;
  37       &.pull-left {
  38         padding-left: 5px;
  39         padding-right: 5px;
  40         position: relative;
  41         left: -5px;
  42       }
  43     }
  44     button+button {
  45       margin-bottom: 16px;
  46     }
  47   }
  48   .modal-body + .modal-footer {
  49     padding-top: 0;
  50   }
  51 }
  52 .modal-backdrop {
  53   background: rgba(0,0,0,0.3);
  54 }
  55
  56 .modal{
  57     .modal-dialog{
  58         margin-top: 100px;
  59     }
  60     .modal-header .close{
  61         color: $gray;
  62
  63         &:hover,
  64         &:focus{
  65             opacity: 1;
  66             color: $gray;
  67         }
  68     }
  69 }