UNPKG

4.6 kBCSSView Raw
1
2/**
3 * 1. Do not adjusts the text size automatically.
4 * IE Phone note - If the viewport is set using <meta> element,
5 * the value of the CSS text-size-adjust property is ignored.
6 * Webkit bug - If -webkit-text-size-adjust is explicitely set to none,
7 * Webkit-based desktop browsers, like Chrome or Safari,
8 * instead of ignoring the property, will prevent the user to zoom in or out the Web page.
9 * See Bug 56543, Bug 163359, and Bug 84186.
10 * 2. IE for Windows Phone 8.1 supports "-webkit-text-size-adjust" as an alias for "-ms-text-size-adjust".
11 * 3. Firefox<29, iOS<4, Android<4 need vendor prefixes.
12 * 4. Disable double-tap gestures to remove 350 millisecond delay before single taps.
13 * 5. Improve scroll performance by stop the paint on scroll.
14 * Fix position: fixed in most Android 2.2–2.3 browsers
15 * http://benfrain.com/easy-css-fix-fixed-positioning-android-2-2-2-3/
16 */
17
18*, *:before, *:after {
19 color: inherit;
20 text-decoration: inherit;
21 -webkit-box-sizing: inherit; /* 3 */
22 -moz-box-sizing: inherit;
23 box-sizing: inherit;
24 -webkit-backface-visibility: inherit;
25 backface-visibility: inherit;
26}
27
28html {
29 -webkit-text-size-adjust: 100%; /* 1 */
30 -ms-text-size-adjust: 100%; /* 2 */
31 -webkit-font-smoothing: antialiased;
32 -webkit-box-sizing: border-box; /* 3 */
33 -moz-box-sizing: border-box;
34 box-sizing: border-box;
35 touch-action: manipulation; /* 4 */
36 -webkit-backface-visibility: hidden; /* 5 */
37 backface-visibility: hidden;
38 text-rendering: optimizeLegibility;
39}
40
41html,
42body,
43form,
44fieldset,
45legend,
46img,
47.btn,
48.reset {
49 margin: 0;
50 padding: 0;
51 border: 0;
52 outline: 0;
53}
54
55a[href],
56button,
57label,
58.btn,
59.hand {
60 cursor: pointer;
61 pointer-events: auto;
62}
63
64.no-events {
65 pointer-events: none;
66}
67
68button {
69 /* Fix extra padding issue in IE6/7 */
70 width: auto;
71 overflow: visible;
72}
73
74b,
75strong,
76th {
77 /* Firefox default {font-weight:bolder} does not render well with some fonts (Helvetica Neue on macs). */
78 font-weight: bold;
79}
80
81audio,
82button,
83canvas,
84iframe,
85img,
86input,
87select,
88svg,
89video {
90 vertical-align: top;
91}
92
93/**
94 * 1. tables still need cellspacing="0" in the markup
95 * 2. Restores the normal text size
96 * @see http://code.stephenmorley.org/html-and-css/fixing-browsers-broken-monospace-font-handling/
97 */
98
99table {
100 border-collapse: collapse;
101 border-spacing: 0; /* 1 */
102}
103
104code,
105kbd,
106pre,
107samp {
108 font-family: monospace, monospace; /* 2 */
109 font-size: 1em;
110}
111
112textarea {
113 resize: vertical;
114}
115
116button,
117[draggable=true],
118.btn,
119.no-select {
120 -webkit-user-select: none;
121 -khtml-user-select: none;
122 -moz-user-select: none;
123 -ms-user-select: none;
124 -o-user-select: none;
125 user-select: none;
126}
127
128[draggable=true] {
129 -webkit-user-drag: element;
130 -khtml-user-drag: element;
131 user-drag: element;
132}
133
134
135/**
136 * Global Classes
137 * --------------
138 */
139
140.max-height {
141 height: auto !important;
142 height: 100%;
143 min-height: 100%;
144}
145
146.sm .sm-hide,
147.md .md-hide,
148.lg .lg-hide,
149.hide-empty:empty,
150.hide {
151 display: none !important;
152 visibility: hidden;
153}
154.transparent {
155 opacity: 0 !important;
156 filter: alpha(opacity=0) !important;
157}
158.abs {
159 position: absolute;
160}
161.absr {
162 position: absolute;
163 top: 0px;
164 right: 0px;
165}
166.fix {
167 position: absolute;
168 position: fixed;
169}
170.rel {
171 position: relative;
172 height: 100%;
173}
174.max {
175 top: 0px;
176 left: 0px;
177 width: 100%;
178 height: 100%;
179 overflow: hidden;
180}
181
182
183/* establishes a new block formatting context */
184.block {
185 overflow: hidden;
186}
187
188.btn,
189.no-wrap,
190.ellipsis {
191 text-overflow: ellipsis;
192 white-space: nowrap;
193}
194
195/**
196 * 1. Trigger GPU acceleration.
197 * Remove first flicker on iphone.
198 */
199
200.anim,
201.anim:after,
202.anim:before {
203 -webkit-transition: all .25s cubic-bezier(0, 0, .2, 1) 0s;
204 -moz-transition: all .25s cubic-bezier(0, 0, .2, 1) 0s;
205 -o-transition: all .25s cubic-bezier(0, 0, .2, 1) 0s;
206 transition: all .25s cubic-bezier(0, 0, .2, 1) 0s;
207
208 -webkit-transform: translate3d(0, 0, 0); /* 1 */
209 transform: translate3d(0, 0, 0);
210 -webkit-perspective: 1000;
211 perspective: 1000;
212}
213
214.sm .sm-left,
215.md .md-left,
216.lg .lg-left,
217.left {
218 float: left;
219}
220
221.sm .sm-right,
222.md .md-right,
223.lg .lg-right,
224.right {
225 float: right !important;
226}
227
228.sm .sm-t-left,
229.md .md-t-left,
230.lg .md-t-left,
231.lg .lg-t-left,
232.t-left {
233 text-align: left;
234}
235.sm .sm-t-center,
236.md .md-t-center,
237.lg .md-t-center,
238.lg .lg-t-center,
239.t-center {
240 text-align: center;
241}
242.sm .sm-t-right,
243.md .md-t-right,
244.lg .md-t-right,
245.lg .lg-t-right,
246.t-right {
247 text-align: right;
248}
249
250