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

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