pure-sass 0.0.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/.gitignore +17 -0
- data/.gitmodules +3 -0
- data/.travis.yml +3 -0
- data/Gemfile +4 -0
- data/Guardfile +12 -0
- data/LICENSE.txt +22 -0
- data/README.md +43 -0
- data/Rakefile +31 -0
- data/app/assets/stylesheets/pure/_all.css.sass +7 -0
- data/app/assets/stylesheets/pure/_base.css.sass +2 -0
- data/app/assets/stylesheets/pure/_buttons.css.sass +2 -0
- data/app/assets/stylesheets/pure/_defaults.css.sass +0 -0
- data/app/assets/stylesheets/pure/_forms.css.sass +2 -0
- data/app/assets/stylesheets/pure/_grids.css.sass +2 -0
- data/app/assets/stylesheets/pure/_menus.css.sass +2 -0
- data/app/assets/stylesheets/pure/_tables.css.sass +2 -0
- data/app/assets/stylesheets/pure/all.css.sass +7 -0
- data/app/assets/stylesheets/pure/base/_normalize-context.css.sass +152 -0
- data/app/assets/stylesheets/pure/base/_normalize.css.sass +425 -0
- data/app/assets/stylesheets/pure/base.css.sass +2 -0
- data/app/assets/stylesheets/pure/buttons/_buttons-core.css.sass +23 -0
- data/app/assets/stylesheets/pure/buttons/_buttons.css.sass +103 -0
- data/app/assets/stylesheets/pure/buttons.css.sass +2 -0
- data/app/assets/stylesheets/pure/defaults.css.sass +0 -0
- data/app/assets/stylesheets/pure/forms/_forms-core.css.sass +132 -0
- data/app/assets/stylesheets/pure/forms/_forms-r.css.sass +22 -0
- data/app/assets/stylesheets/pure/forms/_forms.css.sass +128 -0
- data/app/assets/stylesheets/pure/forms.css.sass +2 -0
- data/app/assets/stylesheets/pure/grids/_grids-core.css.sass +26 -0
- data/app/assets/stylesheets/pure/grids/_grids-r.css.sass +34 -0
- data/app/assets/stylesheets/pure/grids/_grids-units.css.sass +93 -0
- data/app/assets/stylesheets/pure/grids.css.sass +2 -0
- data/app/assets/stylesheets/pure/menus/_menus-core.css.sass +99 -0
- data/app/assets/stylesheets/pure/menus/_menus-paginator.css.sass +24 -0
- data/app/assets/stylesheets/pure/menus/_menus-r.css.sass +8 -0
- data/app/assets/stylesheets/pure/menus/_menus.css.sass +65 -0
- data/app/assets/stylesheets/pure/menus.css.sass +2 -0
- data/app/assets/stylesheets/pure/tables/_tables.css.sass +68 -0
- data/app/assets/stylesheets/pure/tables.css.sass +2 -0
- data/lib/pure/sass/version.rb +5 -0
- data/lib/pure/sass.rb +7 -0
- data/pure-sass.gemspec +31 -0
- data/spec/assets_spec.rb +21 -0
- data/spec/spec_helper.rb +1 -0
- metadata +218 -0
@@ -0,0 +1,425 @@
|
|
1
|
+
/* THIS FILE IS GENERATED BY A BUILD SCRIPT - DO NOT EDIT!
|
2
|
+
/*! normalize.css v1.1.2 | MIT License | git.io/normalize
|
3
|
+
|
4
|
+
/* ==========================================================================
|
5
|
+
* HTML5 display definitions
|
6
|
+
* ==========================================================================
|
7
|
+
|
8
|
+
/**
|
9
|
+
* Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
|
10
|
+
|
11
|
+
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary
|
12
|
+
display: block
|
13
|
+
|
14
|
+
/**
|
15
|
+
* Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
|
16
|
+
|
17
|
+
audio, canvas, video
|
18
|
+
display: inline-block
|
19
|
+
*display: inline
|
20
|
+
*zoom: 1
|
21
|
+
|
22
|
+
/**
|
23
|
+
* Prevent modern browsers from displaying `audio` without controls.
|
24
|
+
* Remove excess height in iOS 5 devices.
|
25
|
+
|
26
|
+
audio:not([controls])
|
27
|
+
display: none
|
28
|
+
height: 0
|
29
|
+
|
30
|
+
/**
|
31
|
+
* Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
|
32
|
+
* Known issue: no IE 6 support.
|
33
|
+
|
34
|
+
[hidden]
|
35
|
+
display: none
|
36
|
+
|
37
|
+
/* ==========================================================================
|
38
|
+
* Base
|
39
|
+
* ==========================================================================
|
40
|
+
|
41
|
+
/**
|
42
|
+
* 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
|
43
|
+
* `em` units.
|
44
|
+
* 2. Prevent iOS text size adjust after orientation change, without disabling
|
45
|
+
* user zoom.
|
46
|
+
|
47
|
+
html
|
48
|
+
font-size: 100%
|
49
|
+
/* 1
|
50
|
+
-ms-text-size-adjust: 100%
|
51
|
+
/* 2
|
52
|
+
-webkit-text-size-adjust: 100%
|
53
|
+
/* 2
|
54
|
+
font-family: sans-serif
|
55
|
+
|
56
|
+
/**
|
57
|
+
* Address `font-family` inconsistency between `textarea` and other form
|
58
|
+
* elements.
|
59
|
+
|
60
|
+
button, input, select, textarea
|
61
|
+
font-family: sans-serif
|
62
|
+
|
63
|
+
/**
|
64
|
+
* Address margins handled incorrectly in IE 6/7.
|
65
|
+
|
66
|
+
body
|
67
|
+
margin: 0
|
68
|
+
|
69
|
+
/* ==========================================================================
|
70
|
+
* Links
|
71
|
+
* ==========================================================================
|
72
|
+
|
73
|
+
/**
|
74
|
+
* Address `outline` inconsistency between Chrome and other browsers.
|
75
|
+
|
76
|
+
a
|
77
|
+
&:focus
|
78
|
+
outline: thin dotted
|
79
|
+
&:active, &:hover
|
80
|
+
outline: 0
|
81
|
+
|
82
|
+
/**
|
83
|
+
* Improve readability when focused and also mouse hovered in all browsers.
|
84
|
+
|
85
|
+
/* ==========================================================================
|
86
|
+
* Typography
|
87
|
+
* ==========================================================================
|
88
|
+
|
89
|
+
/**
|
90
|
+
* Address font sizes and margins set differently in IE 6/7.
|
91
|
+
* Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
|
92
|
+
* and Chrome.
|
93
|
+
|
94
|
+
h1
|
95
|
+
font-size: 2em
|
96
|
+
margin: 0.67em 0
|
97
|
+
|
98
|
+
h2
|
99
|
+
font-size: 1.5em
|
100
|
+
margin: 0.83em 0
|
101
|
+
|
102
|
+
h3
|
103
|
+
font-size: 1.17em
|
104
|
+
margin: 1em 0
|
105
|
+
|
106
|
+
h4
|
107
|
+
font-size: 1em
|
108
|
+
margin: 1.33em 0
|
109
|
+
|
110
|
+
h5
|
111
|
+
font-size: 0.83em
|
112
|
+
margin: 1.67em 0
|
113
|
+
|
114
|
+
h6
|
115
|
+
font-size: 0.67em
|
116
|
+
margin: 2.33em 0
|
117
|
+
|
118
|
+
/**
|
119
|
+
* Address styling not present in IE 7/8/9, Safari 5, and Chrome.
|
120
|
+
|
121
|
+
abbr[title]
|
122
|
+
border-bottom: 1px dotted
|
123
|
+
|
124
|
+
/**
|
125
|
+
* Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
|
126
|
+
|
127
|
+
b, strong
|
128
|
+
font-weight: bold
|
129
|
+
|
130
|
+
blockquote
|
131
|
+
margin: 1em 40px
|
132
|
+
|
133
|
+
/**
|
134
|
+
* Address styling not present in Safari 5 and Chrome.
|
135
|
+
|
136
|
+
dfn
|
137
|
+
font-style: italic
|
138
|
+
|
139
|
+
/**
|
140
|
+
* Address differences between Firefox and other browsers.
|
141
|
+
* Known issue: no IE 6/7 normalization.
|
142
|
+
|
143
|
+
hr
|
144
|
+
-moz-box-sizing: content-box
|
145
|
+
box-sizing: content-box
|
146
|
+
height: 0
|
147
|
+
|
148
|
+
/**
|
149
|
+
* Address styling not present in IE 6/7/8/9.
|
150
|
+
|
151
|
+
mark
|
152
|
+
background: #ff0
|
153
|
+
color: #000
|
154
|
+
|
155
|
+
/**
|
156
|
+
* Address margins set differently in IE 6/7.
|
157
|
+
|
158
|
+
p, pre
|
159
|
+
margin: 1em 0
|
160
|
+
|
161
|
+
/**
|
162
|
+
* Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
|
163
|
+
|
164
|
+
code, kbd, pre, samp
|
165
|
+
font-family: monospace, serif
|
166
|
+
_font-family: 'courier new', monospace
|
167
|
+
font-size: 1em
|
168
|
+
|
169
|
+
/**
|
170
|
+
* Improve readability of pre-formatted text in all browsers.
|
171
|
+
|
172
|
+
pre
|
173
|
+
white-space: pre
|
174
|
+
white-space: pre-wrap
|
175
|
+
word-wrap: break-word
|
176
|
+
|
177
|
+
/**
|
178
|
+
* Address CSS quotes not supported in IE 6/7.
|
179
|
+
|
180
|
+
q
|
181
|
+
quotes: none
|
182
|
+
&:before, &:after
|
183
|
+
content: ''
|
184
|
+
content: none
|
185
|
+
|
186
|
+
/**
|
187
|
+
* Address `quotes` property not supported in Safari 4.
|
188
|
+
|
189
|
+
/**
|
190
|
+
* Address inconsistent and variable font size in all browsers.
|
191
|
+
|
192
|
+
small
|
193
|
+
font-size: 80%
|
194
|
+
|
195
|
+
/**
|
196
|
+
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
|
197
|
+
|
198
|
+
sub
|
199
|
+
font-size: 75%
|
200
|
+
line-height: 0
|
201
|
+
position: relative
|
202
|
+
vertical-align: baseline
|
203
|
+
|
204
|
+
sup
|
205
|
+
font-size: 75%
|
206
|
+
line-height: 0
|
207
|
+
position: relative
|
208
|
+
vertical-align: baseline
|
209
|
+
top: -0.5em
|
210
|
+
|
211
|
+
sub
|
212
|
+
bottom: -0.25em
|
213
|
+
|
214
|
+
/* ==========================================================================
|
215
|
+
* Lists
|
216
|
+
* ==========================================================================
|
217
|
+
|
218
|
+
/**
|
219
|
+
* Address margins set differently in IE 6/7.
|
220
|
+
|
221
|
+
dl, menu, ol, ul
|
222
|
+
margin: 1em 0
|
223
|
+
|
224
|
+
dd
|
225
|
+
margin: 0 0 0 40px
|
226
|
+
|
227
|
+
/**
|
228
|
+
* Address paddings set differently in IE 6/7.
|
229
|
+
|
230
|
+
menu, ol, ul
|
231
|
+
padding: 0 0 0 40px
|
232
|
+
|
233
|
+
/**
|
234
|
+
* Correct list images handled incorrectly in IE 7.
|
235
|
+
|
236
|
+
nav
|
237
|
+
ul, ol
|
238
|
+
list-style: none
|
239
|
+
list-style-image: none
|
240
|
+
|
241
|
+
/* ==========================================================================
|
242
|
+
* Embedded content
|
243
|
+
* ==========================================================================
|
244
|
+
|
245
|
+
/**
|
246
|
+
* 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
|
247
|
+
* 2. Improve image quality when scaled in IE 7.
|
248
|
+
|
249
|
+
img
|
250
|
+
border: 0
|
251
|
+
/* 1
|
252
|
+
-ms-interpolation-mode: bicubic
|
253
|
+
/* 2
|
254
|
+
|
255
|
+
/**
|
256
|
+
* Correct overflow displayed oddly in IE 9.
|
257
|
+
|
258
|
+
svg:not(:root)
|
259
|
+
overflow: hidden
|
260
|
+
|
261
|
+
/* ==========================================================================
|
262
|
+
* Figures
|
263
|
+
* ==========================================================================
|
264
|
+
|
265
|
+
/**
|
266
|
+
* Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
|
267
|
+
|
268
|
+
figure, form
|
269
|
+
margin: 0
|
270
|
+
|
271
|
+
/* ==========================================================================
|
272
|
+
* Forms
|
273
|
+
* ==========================================================================
|
274
|
+
|
275
|
+
/**
|
276
|
+
* Correct margin displayed oddly in IE 6/7.
|
277
|
+
|
278
|
+
/**
|
279
|
+
* Define consistent border, margin, and padding.
|
280
|
+
|
281
|
+
fieldset
|
282
|
+
border: 1px solid #c0c0c0
|
283
|
+
margin: 0 2px
|
284
|
+
padding: 0.35em 0.625em 0.75em
|
285
|
+
|
286
|
+
/**
|
287
|
+
* 1. Correct color not being inherited in IE 6/7/8/9.
|
288
|
+
* 2. Correct text not wrapping in Firefox 3.
|
289
|
+
* 3. Correct alignment displayed oddly in IE 6/7.
|
290
|
+
|
291
|
+
legend
|
292
|
+
border: 0
|
293
|
+
/* 1
|
294
|
+
padding: 0
|
295
|
+
white-space: normal
|
296
|
+
/* 2
|
297
|
+
*margin-left: -7px
|
298
|
+
/* 3
|
299
|
+
|
300
|
+
/**
|
301
|
+
* 1. Correct font size not being inherited in all browsers.
|
302
|
+
* 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
|
303
|
+
* and Chrome.
|
304
|
+
* 3. Improve appearance and consistency in all browsers.
|
305
|
+
|
306
|
+
button, input, select, textarea
|
307
|
+
font-size: 100%
|
308
|
+
/* 1
|
309
|
+
margin: 0
|
310
|
+
/* 2
|
311
|
+
vertical-align: baseline
|
312
|
+
/* 3
|
313
|
+
*vertical-align: middle
|
314
|
+
/* 3
|
315
|
+
|
316
|
+
/**
|
317
|
+
* Address Firefox 3+ setting `line-height` on `input` using `!important` in
|
318
|
+
* the UA stylesheet.
|
319
|
+
|
320
|
+
button, input
|
321
|
+
line-height: normal
|
322
|
+
|
323
|
+
/**
|
324
|
+
* Address inconsistent `text-transform` inheritance for `button` and `select`.
|
325
|
+
* All other form control elements do not inherit `text-transform` values.
|
326
|
+
* Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
|
327
|
+
* Correct `select` style inheritance in Firefox 4+ and Opera.
|
328
|
+
|
329
|
+
button, select
|
330
|
+
text-transform: none
|
331
|
+
|
332
|
+
/**
|
333
|
+
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
|
334
|
+
* and `video` controls.
|
335
|
+
* 2. Correct inability to style clickable `input` types in iOS.
|
336
|
+
* 3. Improve usability and consistency of cursor style between image-type
|
337
|
+
* `input` and others.
|
338
|
+
* 4. Remove inner spacing in IE 7 without affecting normal text inputs.
|
339
|
+
* Known issue: inner spacing remains in IE 6.
|
340
|
+
|
341
|
+
button, html input[type="button"]
|
342
|
+
-webkit-appearance: button
|
343
|
+
/* 2
|
344
|
+
cursor: pointer
|
345
|
+
/* 3
|
346
|
+
*overflow: visible
|
347
|
+
/* 4
|
348
|
+
|
349
|
+
input
|
350
|
+
&[type="reset"], &[type="submit"]
|
351
|
+
-webkit-appearance: button
|
352
|
+
/* 2
|
353
|
+
cursor: pointer
|
354
|
+
/* 3
|
355
|
+
*overflow: visible
|
356
|
+
/* 4
|
357
|
+
|
358
|
+
/**
|
359
|
+
* Re-set default cursor for disabled elements.
|
360
|
+
|
361
|
+
button[disabled], html input[disabled]
|
362
|
+
cursor: default
|
363
|
+
|
364
|
+
/**
|
365
|
+
* 1. Address box sizing set to content-box in IE 8/9.
|
366
|
+
* 2. Remove excess padding in IE 8/9.
|
367
|
+
* 3. Remove excess padding in IE 7.
|
368
|
+
* Known issue: excess padding remains in IE 6.
|
369
|
+
|
370
|
+
input
|
371
|
+
&[type="checkbox"], &[type="radio"]
|
372
|
+
box-sizing: border-box
|
373
|
+
/* 1
|
374
|
+
padding: 0
|
375
|
+
/* 2
|
376
|
+
*height: 13px
|
377
|
+
/* 3
|
378
|
+
*width: 13px
|
379
|
+
/* 3
|
380
|
+
&[type="search"]
|
381
|
+
-webkit-appearance: textfield
|
382
|
+
/* 1
|
383
|
+
-moz-box-sizing: content-box
|
384
|
+
-webkit-box-sizing: content-box
|
385
|
+
/* 2
|
386
|
+
box-sizing: content-box
|
387
|
+
&::-webkit-search-cancel-button, &::-webkit-search-decoration
|
388
|
+
-webkit-appearance: none
|
389
|
+
|
390
|
+
/**
|
391
|
+
* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
|
392
|
+
* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
|
393
|
+
* (include `-moz` to future-proof).
|
394
|
+
|
395
|
+
/**
|
396
|
+
* Remove inner padding and search cancel button in Safari 5 and Chrome
|
397
|
+
* on OS X.
|
398
|
+
|
399
|
+
/**
|
400
|
+
* Remove inner padding and border in Firefox 3+.
|
401
|
+
|
402
|
+
button::-moz-focus-inner, input::-moz-focus-inner
|
403
|
+
border: 0
|
404
|
+
padding: 0
|
405
|
+
|
406
|
+
/**
|
407
|
+
* 1. Remove default vertical scrollbar in IE 6/7/8/9.
|
408
|
+
* 2. Improve readability and alignment in all browsers.
|
409
|
+
|
410
|
+
textarea
|
411
|
+
overflow: auto
|
412
|
+
/* 1
|
413
|
+
vertical-align: top
|
414
|
+
/* 2
|
415
|
+
|
416
|
+
/* ==========================================================================
|
417
|
+
* Tables
|
418
|
+
* ==========================================================================
|
419
|
+
|
420
|
+
/**
|
421
|
+
* Remove most spacing between table cells.
|
422
|
+
|
423
|
+
table
|
424
|
+
border-collapse: collapse
|
425
|
+
border-spacing: 0
|
@@ -0,0 +1,23 @@
|
|
1
|
+
.pure-button
|
2
|
+
/* Structure
|
3
|
+
display: inline-block
|
4
|
+
*display: inline
|
5
|
+
/*IE 6/7
|
6
|
+
zoom: 1
|
7
|
+
line-height: normal
|
8
|
+
white-space: nowrap
|
9
|
+
vertical-align: baseline
|
10
|
+
text-align: center
|
11
|
+
cursor: pointer
|
12
|
+
-webkit-user-drag: none
|
13
|
+
-webkit-user-select: none
|
14
|
+
-moz-user-select: none
|
15
|
+
user-select: none
|
16
|
+
&::-moz-focus-inner
|
17
|
+
padding: 0
|
18
|
+
border: 0
|
19
|
+
|
20
|
+
/* Firefox: Get rid of the inner focus border
|
21
|
+
|
22
|
+
a:focus
|
23
|
+
outline: none
|
@@ -0,0 +1,103 @@
|
|
1
|
+
.pure-button
|
2
|
+
font-size: 100%
|
3
|
+
*font-size: 90%
|
4
|
+
/*IE 6/7 - To reduce IE's oversized button text
|
5
|
+
*overflow: visible
|
6
|
+
/*IE 6/7 - Because of IE's overly large left/right padding on buttons
|
7
|
+
padding: 0.5em 1.5em 0.5em
|
8
|
+
color: #444
|
9
|
+
/* rgba not supported (IE 8)
|
10
|
+
color: rgba(0, 0, 0, 0.8)
|
11
|
+
/* rgba supported
|
12
|
+
*color: #444
|
13
|
+
/* IE 6 & 7
|
14
|
+
border: 1px solid #999
|
15
|
+
/*IE 6/7/8
|
16
|
+
border: none rgba(0, 0, 0, 0)
|
17
|
+
/*IE9 + everything else
|
18
|
+
background-color: #E6E6E6
|
19
|
+
text-decoration: none
|
20
|
+
-webkit-border-radius: 2px
|
21
|
+
-moz-border-radius: 2px
|
22
|
+
border-radius: 2px
|
23
|
+
-webkit-font-smoothing: antialiased
|
24
|
+
/* Transitions
|
25
|
+
-webkit-transition: 0.1s linear -webkit-box-shadow
|
26
|
+
-moz-transition: 0.1s linear -moz-box-shadow
|
27
|
+
-ms-transition: 0.1s linear box-shadow
|
28
|
+
-o-transition: 0.1s linear box-shadow
|
29
|
+
transition: 0.1s linear box-shadow
|
30
|
+
|
31
|
+
.pure-button-hover, .pure-button:hover
|
32
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=0)
|
33
|
+
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.05)))
|
34
|
+
background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.15))
|
35
|
+
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05))
|
36
|
+
background-image: -ms-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.15))
|
37
|
+
background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.05))
|
38
|
+
background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.05))
|
39
|
+
|
40
|
+
.pure-button-active
|
41
|
+
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.2) inset
|
42
|
+
-moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.2) inset
|
43
|
+
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.2) inset
|
44
|
+
|
45
|
+
.pure-button
|
46
|
+
&:active
|
47
|
+
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.2) inset
|
48
|
+
-moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.2) inset
|
49
|
+
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.2) inset
|
50
|
+
&[disabled]
|
51
|
+
border: none
|
52
|
+
background-image: none
|
53
|
+
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false)
|
54
|
+
filter: alpha(opacity = 40)
|
55
|
+
-khtml-opacity: 0.40
|
56
|
+
-moz-opacity: 0.40
|
57
|
+
opacity: 0.40
|
58
|
+
cursor: not-allowed
|
59
|
+
box-shadow: none
|
60
|
+
|
61
|
+
.pure-button-disabled
|
62
|
+
border: none
|
63
|
+
background-image: none
|
64
|
+
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false)
|
65
|
+
filter: alpha(opacity = 40)
|
66
|
+
-khtml-opacity: 0.40
|
67
|
+
-moz-opacity: 0.40
|
68
|
+
opacity: 0.40
|
69
|
+
cursor: not-allowed
|
70
|
+
box-shadow: none
|
71
|
+
&:hover, &:active
|
72
|
+
border: none
|
73
|
+
background-image: none
|
74
|
+
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false)
|
75
|
+
filter: alpha(opacity = 40)
|
76
|
+
-khtml-opacity: 0.40
|
77
|
+
-moz-opacity: 0.40
|
78
|
+
opacity: 0.40
|
79
|
+
cursor: not-allowed
|
80
|
+
box-shadow: none
|
81
|
+
|
82
|
+
.pure-button-hidden
|
83
|
+
display: none
|
84
|
+
|
85
|
+
/* Firefox: Get rid of the inner focus border
|
86
|
+
|
87
|
+
.pure-button::-moz-focus-inner
|
88
|
+
padding: 0
|
89
|
+
border: 0
|
90
|
+
|
91
|
+
/* Sam
|
92
|
+
|
93
|
+
.pure-button-primary, .pure-button-selected
|
94
|
+
background-color: rgb(0, 120, 231)
|
95
|
+
color: #fff
|
96
|
+
|
97
|
+
a
|
98
|
+
&.pure-button-primary, &.pure-button-selected
|
99
|
+
background-color: rgb(0, 120, 231)
|
100
|
+
color: #fff
|
101
|
+
|
102
|
+
.pure-button:-moz-focusring
|
103
|
+
outline-color: rgba(0, 0, 0, 0.85)
|
File without changes
|
@@ -0,0 +1,132 @@
|
|
1
|
+
/* This page has Normalize.css form-specific style rules applied to a .pure-form context
|
2
|
+
|
3
|
+
/* ==========
|
4
|
+
* Forms Core
|
5
|
+
* =========
|
6
|
+
|
7
|
+
/*
|
8
|
+
* Corrects margin displayed oddly in IE 6/7.
|
9
|
+
|
10
|
+
.pure-form
|
11
|
+
margin: 0
|
12
|
+
fieldset
|
13
|
+
border: 1px solid #c0c0c0
|
14
|
+
margin: 0 2px
|
15
|
+
padding: 0.35em 0.625em 0.75em
|
16
|
+
legend
|
17
|
+
border: 0
|
18
|
+
/* 1
|
19
|
+
padding: 0
|
20
|
+
white-space: normal
|
21
|
+
/* 2
|
22
|
+
*margin-left: -7px
|
23
|
+
/* 3
|
24
|
+
button, input, select, textarea
|
25
|
+
font-size: 100%
|
26
|
+
/* 1
|
27
|
+
margin: 0
|
28
|
+
/* 2
|
29
|
+
vertical-align: baseline
|
30
|
+
/* 3
|
31
|
+
*vertical-align: middle
|
32
|
+
/* 3
|
33
|
+
button, input
|
34
|
+
line-height: normal
|
35
|
+
button
|
36
|
+
-webkit-appearance: button
|
37
|
+
/* 2
|
38
|
+
cursor: pointer
|
39
|
+
/* 3
|
40
|
+
*overflow: visible
|
41
|
+
/* 4
|
42
|
+
input
|
43
|
+
&[type="button"], &[type="reset"], &[type="submit"]
|
44
|
+
-webkit-appearance: button
|
45
|
+
/* 2
|
46
|
+
cursor: pointer
|
47
|
+
/* 3
|
48
|
+
*overflow: visible
|
49
|
+
/* 4
|
50
|
+
button[disabled]
|
51
|
+
cursor: default
|
52
|
+
input
|
53
|
+
&[disabled]
|
54
|
+
cursor: default
|
55
|
+
&[type="checkbox"], &[type="radio"]
|
56
|
+
box-sizing: border-box
|
57
|
+
/* 1
|
58
|
+
padding: 0
|
59
|
+
/* 2
|
60
|
+
*height: 13px
|
61
|
+
/* 3
|
62
|
+
*width: 13px
|
63
|
+
/* 3
|
64
|
+
&[type="search"]
|
65
|
+
-webkit-appearance: textfield
|
66
|
+
/* 1
|
67
|
+
-moz-box-sizing: content-box
|
68
|
+
-webkit-box-sizing: content-box
|
69
|
+
/* 2
|
70
|
+
box-sizing: content-box
|
71
|
+
&::-webkit-search-cancel-button, &::-webkit-search-decoration
|
72
|
+
-webkit-appearance: none
|
73
|
+
button::-moz-focus-inner, input::-moz-focus-inner
|
74
|
+
border: 0
|
75
|
+
padding: 0
|
76
|
+
textarea
|
77
|
+
overflow: auto
|
78
|
+
/* 1
|
79
|
+
vertical-align: top
|
80
|
+
/* 2
|
81
|
+
|
82
|
+
/*
|
83
|
+
* Define consistent border, margin, and padding.
|
84
|
+
|
85
|
+
/*
|
86
|
+
* 1. Corrects color not being inherited in IE 6/7/8/9.
|
87
|
+
* 2. Corrects text not wrapping in Firefox 3.
|
88
|
+
* 3. Corrects alignment displayed oddly in IE 6/7.
|
89
|
+
|
90
|
+
/*
|
91
|
+
* 1. Corrects font size not being inherited in all browsers.
|
92
|
+
* 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
|
93
|
+
* and Chrome.
|
94
|
+
* 3. Improves appearance and consistency in all browsers.
|
95
|
+
|
96
|
+
/*
|
97
|
+
* Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
|
98
|
+
* the UA stylesheet.
|
99
|
+
|
100
|
+
/*
|
101
|
+
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
|
102
|
+
* and `video` controls.
|
103
|
+
* 2. Corrects inability to style clickable `input` types in iOS.
|
104
|
+
* 3. Improves usability and consistency of cursor style between image-type
|
105
|
+
* `input` and others.
|
106
|
+
* 4. Removes inner spacing in IE 7 without affecting normal text inputs.
|
107
|
+
* Known issue: inner spacing remains in IE 6.
|
108
|
+
|
109
|
+
/*
|
110
|
+
* Re-set default cursor for disabled elements.
|
111
|
+
|
112
|
+
/*
|
113
|
+
* 1. Addresses box sizing set to content-box in IE 8/9.
|
114
|
+
* 2. Removes excess padding in IE 8/9.
|
115
|
+
* 3. Removes excess padding in IE 7.
|
116
|
+
* Known issue: excess padding remains in IE 6.
|
117
|
+
|
118
|
+
/*
|
119
|
+
* 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
|
120
|
+
* 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
|
121
|
+
* (include `-moz` to future-proof).
|
122
|
+
|
123
|
+
/*
|
124
|
+
* Removes inner padding and search cancel button in Safari 5 and Chrome
|
125
|
+
* on OS X.
|
126
|
+
|
127
|
+
/*
|
128
|
+
* Removes inner padding and border in Firefox 3+.
|
129
|
+
|
130
|
+
/*
|
131
|
+
* 1. Removes default vertical scrollbar in IE 6/7/8/9.
|
132
|
+
* 2. Improves readability and alignment in all browsers.
|
@@ -0,0 +1,22 @@
|
|
1
|
+
@media only screen and (max-width: 480px)
|
2
|
+
.pure-form
|
3
|
+
button[type='submit']
|
4
|
+
margin: 0.7em 0 0
|
5
|
+
input[type='text'], button, label
|
6
|
+
margin-bottom: 0.3em
|
7
|
+
display: block
|
8
|
+
.pure-group input[type='text']
|
9
|
+
margin-bottom: 0
|
10
|
+
.pure-form-aligned
|
11
|
+
.pure-control-group label
|
12
|
+
margin-bottom: 0.3em
|
13
|
+
text-align: left
|
14
|
+
display: block
|
15
|
+
width: 100%
|
16
|
+
.pure-controls
|
17
|
+
margin: 1.5em 0 0 0
|
18
|
+
.pure-form .pure-help-inline
|
19
|
+
display: block
|
20
|
+
font-size: 80%
|
21
|
+
padding: 0.2em 0 0.8em
|
22
|
+
/* increased bottom padding to make it group with its related input element
|