Subversion Repositories SmartDukaan

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
13542 anikendra 1 
 
2 
/**
3 
 * Popups
4 
 * --------------------------------------------------
5 
 */
6 
 
7 
.popup-container {
8 
  position: absolute;
9 
  top: 0;
10 
  left: 0;
11 
  bottom: 0;
12 
  right: 0;
13 
  background: rgba(0,0,0,0);
14 
 
15 
  @include display-flex();
16 
  @include justify-content(center);
17 
  @include align-items(center);
18 
 
19 
  z-index: $z-index-popup;
20 
 
21 
  // Start hidden
22 
  visibility: hidden;
23 
  &.popup-showing {
24 
    visibility: visible;
25 
  }
26 
 
27 
  &.popup-hidden .popup {
28 
    @include animation-name(scaleOut);
29 
    @include animation-duration($popup-leave-animation-duration);
30 
    @include animation-timing-function(ease-in-out);
31 
    @include animation-fill-mode(both);
32 
  }
33 
 
34 
  &.active .popup {
35 
    @include animation-name(superScaleIn);
36 
    @include animation-duration($popup-enter-animation-duration);
37 
    @include animation-timing-function(ease-in-out);
38 
    @include animation-fill-mode(both);
39 
  }
40 
 
41 
  .popup {
42 
    width: $popup-width;
43 
    max-width: 100%;
44 
    max-height: 90%;
45 
 
46 
    border-radius: $popup-border-radius;
47 
    background-color: $popup-background-color;
48 
 
49 
    @include display-flex();
50 
    @include flex-direction(column);
51 
  }
52 
}
53 
 
54 
.popup-head {
55 
  padding: 15px 10px;
56 
  border-bottom: 1px solid #eee;
57 
  text-align: center;
58 
}
59 
.popup-title {
60 
  margin: 0;
61 
  padding: 0;
62 
  font-size: 15px;
63 
}
64 
.popup-sub-title {
65 
  margin: 5px 0 0 0;
66 
  padding: 0;
67 
  font-weight: normal;
68 
  font-size: 11px;
69 
}
70 
.popup-body {
71 
  padding: 10px;
72 
  overflow: scroll;
73 
}
74 
 
75 
.popup-buttons {
76 
  @include display-flex();
77 
  @include flex-direction(row);
78 
  padding: 10px;
79 
  min-height: $popup-button-min-height + 20;
80 
 
81 
  .button {
82 
    @include flex(1);
83 
    display: block;
84 
    min-height: $popup-button-min-height;
85 
    border-radius: $popup-button-border-radius;
86 
    line-height: $popup-button-line-height;
87 
 
88 
    margin-right: 5px;
89 
    &:last-child {
90 
      margin-right: 0px;
91 
    }
92 
  }
93 
}
94 
 
95 
.popup-open {
96 
  pointer-events: none;
97 
 
98 
  &.modal-open .modal {
99 
    pointer-events: none;
100 
  }
101 
 
102 
  .popup-backdrop, .popup {
103 
    pointer-events: auto;
104 
  }
105 
}