git.roojs.org Git - ratchet/blob - lib/css/modals.css

   1 /* Modals
   2 -------------------------------------------------- */
   3 .modal {
   4   position: fixed;
   5   top: 0;
   6   opacity: 0;
   7   z-index: 11;
   8   width: 100%;
   9   overflow: hidden;
  10   min-height: 100%;
  11   background-color: #fff;
  12   -webkit-transform: translate3d(0, 100%, 0);
  13           transform: translate3d(0, 100%, 0);
  14
  15   -webkit-transition: -webkit-transform .25s ease-in-out, opacity 1ms .25s;
  16           transition:         transform .25s ease-in-out, opacity 1ms .25s;
  17 }
  18
  19 /* Modal - When active
  20 -------------------------------------------------- */
  21 .modal.active {
  22   opacity: 1;
  23   height: 100%;
  24   -webkit-transition: -webkit-transform .25s ease-in-out;
  25           transition:         transform: .25 ease-in-out;
  26   -webkit-transform: translate3d(0, 0, 0);
  27           transform: translate3d(0, 0, 0);
  28 }