Subversion Repositories SmartDukaan

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
13542 anikendra 1 
/**
2 
 * Action Sheets
3 
 * --------------------------------------------------
4 
 */
5 
 
6 
.action-sheet-backdrop {
7 
  @include transition(background-color 300ms ease-in-out);
8 
  position: fixed;
9 
  top: 0;
10 
  left: 0;
11 
  z-index: $z-index-action-sheet;
12 
  width: 100%;
13 
  height: 100%;
14 
  background-color: rgba(0,0,0,0);
15 
 
16 
  &.active {
17 
    background-color: rgba(0,0,0,0.5);
18 
  }
19 
}
20 
 
21 
.action-sheet-wrapper {
22 
  @include translate3d(0, 100%, 0);
23 
  @include transition(all ease-in-out 300ms);
24 
  position: absolute;
25 
  bottom: 0;
26 
  width: 100%;
27 
}
28 
 
29 
.action-sheet-up {
30 
  @include translate3d(0, 0, 0);
31 
}
32 
 
33 
.action-sheet {
34 
  margin-left: 15px;
35 
  margin-right: 15px;
36 
  width: auto;
37 
  z-index: $z-index-action-sheet;
38 
  overflow: hidden;
39 
 
40 
  .button {
41 
    display: block;
42 
    padding: 1px;
43 
    width: 100%;
44 
    border-radius: 0;
45 
 
46 
    background-color: transparent;
47 
 
48 
    color: $positive;
49 
    font-size: 18px;
50 
 
51 
    &.destructive {
52 
      color: $assertive;
53 
    }
54 
  }
55 
}
56 
 
57 
.action-sheet-title {
58 
  padding: 10px;
59 
  color: lighten($base-color, 40%);
60 
  text-align: center;
61 
  font-size: 12px;
62 
}
63 
 
64 
.action-sheet-group {
65 
  margin-bottom: 5px;
66 
  border-radius: $sheet-border-radius;
67 
  background-color: #fff;
68 
  .button {
69 
    border-width: 1px 0px 0px 0px;
70 
    border-radius: 0;
71 
 
72 
    &.active {
73 
      background-color: transparent;
74 
      color: inherit;
75 
    }
76 
  }
77 
  .button:first-child:last-child {
78 
    border-width: 0;
79 
  }
80 
}
81 
 
82 
.action-sheet-open {
83 
  pointer-events: none;
84 
 
85 
  &.modal-open .modal {
86 
    pointer-events: none;
87 
  }
88 
 
89 
  .action-sheet-backdrop {
90 
    pointer-events: auto;
91 
  }
92 
}