lib/css/modals.css


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

/* Modals
-------------------------------------------------- */
.modal {
  position: fixed; 
  top: 0;
  opacity: 0;
  z-index: 11; 
  width: 100%;
  min-height: 100%;
  overflow: hidden;
  background-color: #fff;  
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
  -webkit-transition: -webkit-transform .25s ease-in-out, opacity 1ms .25s;
          transition:         transform .25s ease-in-out, opacity 1ms .25s;
}

/* Modal - When active
-------------------------------------------------- */
.modal.active {
  opacity: 1;
  height: 100%;
  -webkit-transition: -webkit-transform .25s ease-in-out;
          transition:         transform: .25 ease-in-out;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}