Subversion Repositories SmartDukaan

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
13542 anikendra 1 
 
2 
/**
3 
 * Utility Classes
4 
 * --------------------------------------------------
5 
 */
6 
 
7 
.hide {
8 
  display: none;
9 
}
10 
.opacity-hide {
11 
  opacity: 0;
12 
}
13 
.grade-b .opacity-hide,
14 
.grade-c .opacity-hide {
15 
  opacity: 1;
16 
  display: none;
17 
}
18 
.show {
19 
  display: block;
20 
}
21 
.opacity-show {
22 
  opacity: 1;
23 
}
24 
.invisible {
25 
  visibility: hidden;
26 
}
27 
 
28 
.keyboard-open .hide-on-keyboard-open {
29 
  display: none;
30 
}
31 
 
32 
.keyboard-open .tabs.hide-on-keyboard-open + .pane .has-tabs,
33 
.keyboard-open .bar-footer.hide-on-keyboard-open + .pane .has-footer {
34 
  bottom: 0;
35 
}
36 
 
37 
.inline {
38 
  display: inline-block;
39 
}
40 
 
41 
.disable-pointer-events {
42 
  pointer-events: none;
43 
}
44 
 
45 
.enable-pointer-events {
46 
  pointer-events: auto;
47 
}
48 
 
49 
.disable-user-behavior {
50 
  // used to prevent the browser from doing its native behavior. this doesnt
51 
  // prevent the scrolling, but cancels the contextmenu, tap highlighting, etc
52 
 
53 
  @include user-select(none);
54 
  @include touch-callout(none);
55 
  @include tap-highlight-transparent();
56 
 
57 
  -webkit-user-drag: none;
58 
 
59 
  -ms-touch-action: none;
60 
  -ms-content-zooming: none;
61 
}
62 
 
63 
// Fill the screen to block clicks (a better pointer-events: none) for the body
64 
// to avoid full-page reflows and paints which can cause flickers
65 
.click-block {
66 
  position: absolute;
67 
  top: 0;
68 
  left: 0;
69 
  z-index: $z-index-click-block;
70 
  width: 100%;
71 
  height: 100%;
72 
  opacity: 0;
73 
  @include translate3d(0, 0, 0);
74 
}
75 
.click-block-hide {
76 
  @include translate3d(-9999px, 0, 0);
77 
}
78 
 
79 
.no-resize {
80 
  resize: none;
81 
}
82 
 
83 
.block {
84 
  display: block;
85 
  clear: both;
86 
  &:after {
87 
    display: block;
88 
    visibility: hidden;
89 
    clear: both;
90 
    height: 0;
91 
    content: ".";
92 
  }
93 
}
94 
 
95 
.full-image {
96 
  width: 100%;
97 
}
98 
 
99 
.clearfix {
100 
  *zoom: 1;
101 
  &:before,
102 
  &:after {
103 
    display: table;
104 
    content: "";
105 
    // Fixes Opera/contenteditable bug:
106 
    // http://nicolasgallagher.com/micro-clearfix-hack/#comment-36952
107 
    line-height: 0;
108 
  }
109 
  &:after {
110 
    clear: both;
111 
  }
112 
}
113 
 
114 
/**
115 
 * Content Padding
116 
 * --------------------------------------------------
117 
 */
118 
 
119 
.padding {
120 
  padding: $content-padding;
121 
}
122 
 
123 
.padding-top,
124 
.padding-vertical {
125 
  padding-top: $content-padding;
126 
}
127 
 
128 
.padding-right,
129 
.padding-horizontal {
130 
  padding-right: $content-padding;
131 
}
132 
 
133 
.padding-bottom,
134 
.padding-vertical {
135 
  padding-bottom: $content-padding;
136 
}
137 
 
138 
.padding-left,
139 
.padding-horizontal {
140 
  padding-left: $content-padding;
141 
}
142 
 
143 
 
144 
/**
145 
 * Rounded
146 
 * --------------------------------------------------
147 
 */
148 
 
149 
.rounded {
150 
  border-radius: $border-radius-base;
151 
}
152 
 
153 
 
154 
/**
155 
 * Utility Colors
156 
 * --------------------------------------------------
157 
 * Utility colors are added to help set a naming convention. You'll
158 
 * notice we purposely do not use words like "red" or "blue", but
159 
 * instead have colors which represent an emotion or generic theme.
160 
 */
161 
 
162 
.light, a.light {
163 
  color: $light;
164 
}
165 
.light-bg {
166 
  background-color: $light;
167 
}
168 
.light-border {
169 
  border-color: $button-light-border;
170 
}
171 
 
172 
.stable, a.stable {
173 
  color: $stable;
174 
}
175 
.stable-bg {
176 
  background-color: $stable;
177 
}
178 
.stable-border {
179 
  border-color: $button-stable-border;
180 
}
181 
 
182 
.positive, a.positive {
183 
  color: $positive;
184 
}
185 
.positive-bg {
186 
  background-color: $positive;
187 
}
188 
.positive-border {
189 
  border-color: $button-positive-border;
190 
}
191 
 
192 
.calm, a.calm {
193 
  color: $calm;
194 
}
195 
.calm-bg {
196 
  background-color: $calm;
197 
}
198 
.calm-border {
199 
  border-color: $button-calm-border;
200 
}
201 
 
202 
.assertive, a.assertive {
203 
  color: $assertive;
204 
}
205 
.assertive-bg {
206 
  background-color: $assertive;
207 
}
208 
.assertive-border {
209 
  border-color: $button-assertive-border;
210 
}
211 
 
212 
.balanced, a.balanced {
213 
  color: $balanced;
214 
}
215 
.balanced-bg {
216 
  background-color: $balanced;
217 
}
218 
.balanced-border {
219 
  border-color: $button-balanced-border;
220 
}
221 
 
222 
.energized, a.energized {
223 
  color: $energized;
224 
}
225 
.energized-bg {
226 
  background-color: $energized;
227 
}
228 
.energized-border {
229 
  border-color: $button-energized-border;
230 
}
231 
 
232 
.royal, a.royal {
233 
  color: $royal;
234 
}
235 
.royal-bg {
236 
  background-color: $royal;
237 
}
238 
.royal-border {
239 
  border-color: $button-royal-border;
240 
}
241 
 
242 
.dark, a.dark {
243 
  color: $dark;
244 
}
245 
.dark-bg {
246 
  background-color: $dark;
247 
}
248 
.dark-border {
249 
  border-color: $button-dark-border;
250 
}