framous 0.2.2 → 0.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,410 @@
1
+ //
2
+ // Reset partial
3
+ // @credits http://github.com/necolas/normalize.css
4
+ //
5
+
6
+ // Add Compass' IE and vendor prefix support variables.
7
+ @import "compass/support";
8
+ @import "compass/reset/utilities";
9
+
10
+ // HTML5 display definitions
11
+
12
+ // Corrects block display not defined in IE6/7/8/9 & FF3
13
+
14
+ article,
15
+ aside,
16
+ details,
17
+ figcaption,
18
+ figure,
19
+ footer,
20
+ header,
21
+ hgroup,
22
+ nav,
23
+ section,
24
+ summary {
25
+ display: block;
26
+ }
27
+
28
+ // Corrects inline-block display not defined in IE6/7/8/9 & FF3
29
+
30
+ audio,
31
+ canvas,
32
+ video {
33
+ display: inline-block;
34
+ @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
35
+ *display: inline;
36
+ *zoom: 1;
37
+ }
38
+ }
39
+
40
+ // Prevents modern browsers from displaying 'audio' without controls
41
+ // Remove excess height in iOS5 devices
42
+
43
+ audio:not([controls]) {
44
+ display: none;
45
+ height: 0;
46
+ }
47
+
48
+ // Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
49
+ // Known issue: no IE6 support
50
+
51
+ [hidden] {
52
+ display: none;
53
+ }
54
+
55
+
56
+ // Base
57
+
58
+ // 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
59
+ // http://clagnut.com/blog/348/#c790
60
+ // 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
61
+ // www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
62
+
63
+ html {
64
+ font-size: 100%; /* 1 */
65
+ -webkit-text-size-adjust: 100%; /* 2 */
66
+ -ms-text-size-adjust: 100%; /* 2 */
67
+ }
68
+
69
+ // Addresses font-family inconsistency between 'textarea' and other form elements.
70
+
71
+ html,
72
+ button,
73
+ input,
74
+ select,
75
+ textarea {
76
+ font-family: sans-serif;
77
+ }
78
+
79
+ // Addresses margins handled incorrectly in IE6/7
80
+
81
+ body {
82
+ margin: 0;
83
+ }
84
+
85
+ // Links
86
+
87
+ // Addresses outline displayed oddly in Chrome
88
+
89
+ a:focus {
90
+ outline: thin dotted;
91
+ }
92
+
93
+ // Improves readability when focused and also mouse hovered in all browsers
94
+ // people.opera.com/patrickl/experiments/keyboard/test
95
+
96
+ a:hover,
97
+ a:active {
98
+ outline: 0;
99
+ }
100
+
101
+ // Typography
102
+
103
+ // Addresses font sizes and margins set differently in IE6/7
104
+ // Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
105
+
106
+ h1 {
107
+ font-size: 2em;
108
+ margin: 0.67em 0;
109
+ }
110
+
111
+ // Addresses styling not present in IE7/8/9, S5, Chrome
112
+
113
+ abbr[title],
114
+ dfn[title] {
115
+ border-bottom: 1px dotted;
116
+ cursor: help;
117
+ white-space: nowrap;
118
+ }
119
+
120
+ // Addresses style set to 'bolder' in FF3+, S4/5, Chrome
121
+
122
+ b,
123
+ strong {
124
+ font-weight: bold;
125
+ }
126
+
127
+ blockquote {
128
+ margin: 1em 40px;
129
+ }
130
+
131
+ // Addresses styling not present in S5, Chrome
132
+
133
+ dfn {
134
+ font-style: italic;
135
+ }
136
+
137
+ // Addresses styling not present in IE6/7/8/9
138
+
139
+ mark {
140
+ background: #ff0;
141
+ color: #000;
142
+ }
143
+
144
+ // Addresses margins set differently in IE6/7
145
+
146
+ p,
147
+ pre {
148
+ margin: 1em 0;
149
+ }
150
+
151
+ // Corrects font family set oddly in IE6, S4/5, Chrome
152
+ // en.wikipedia.org/wiki/User:Davidgothberg/Test59
153
+
154
+ pre,
155
+ code,
156
+ kbd,
157
+ samp,
158
+ tt,
159
+ var {
160
+ background-color: $highlight-color;
161
+ font-family: monospace, serif;
162
+ @if $legacy-support-for-ie6 {
163
+ _font-family: 'courier new', monospace;
164
+ }
165
+ font-size: 1em;
166
+ }
167
+
168
+ // Improves readability of pre-formatted text in all browsers
169
+
170
+ pre {
171
+ white-space: pre;
172
+ white-space: pre-wrap;
173
+ word-wrap: break-word;
174
+ }
175
+
176
+ // 1. Addresses CSS quotes not supported in IE6/7
177
+ // 2. Addresses quote property not supported in S4
178
+
179
+ q {
180
+ @include reset-quotation;
181
+ }
182
+
183
+ small {
184
+ font-size: 75%;
185
+ }
186
+
187
+ // Prevents sub and sup affecting line-height in all browsers
188
+ // gist.github.com/413930
189
+
190
+ sub,
191
+ sup {
192
+ font-size: 75%;
193
+ line-height: 0;
194
+ position: relative;
195
+ vertical-align: baseline;
196
+ }
197
+
198
+ sup {
199
+ top: -0.5em;
200
+ }
201
+
202
+ sub {
203
+ bottom: -0.25em;
204
+ }
205
+
206
+
207
+ // Lists
208
+
209
+ // Addresses margins set differently in IE6/7
210
+
211
+ dl,
212
+ menu,
213
+ ol,
214
+ ul {
215
+ margin: 1em 0;
216
+ }
217
+
218
+ dd {
219
+ margin: 0 0 0 40px;
220
+ }
221
+
222
+ // Addresses paddings set differently in IE6/7
223
+
224
+ menu,
225
+ ol,
226
+ ul {
227
+ padding: 0 0 0 40px;
228
+ }
229
+
230
+ // Corrects list images handled incorrectly in IE7
231
+
232
+ nav ul,
233
+ nav ol {
234
+ @include reset-list-style;
235
+ list-style-image: none;
236
+ }
237
+
238
+
239
+ // Embedded content
240
+
241
+ // 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
242
+ // 2. Improves image quality when scaled in IE7
243
+ // code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
244
+
245
+ img {
246
+ border: 0; /* 1 */
247
+ -ms-interpolation-mode: bicubic; /* 2 */
248
+ /* Responsive images */
249
+ /* @todo Add responsive embedded video. */
250
+ max-width: 100%;
251
+ @if $legacy-support-for-ie6 {
252
+ _width: 100%;
253
+ }
254
+ height: auto;
255
+ vertical-align: middle;
256
+ }
257
+
258
+ // Corrects overflow displayed oddly in IE9
259
+
260
+ svg:not(:root) {
261
+ overflow: hidden;
262
+ }
263
+
264
+
265
+ // Figures
266
+
267
+ // Addresses margin not present in IE6/7/8/9, S5, O11
268
+
269
+ figure {
270
+ margin: 0;
271
+ }
272
+
273
+
274
+ // Forms
275
+
276
+ // Corrects margin displayed oddly in IE6/7
277
+
278
+ form {
279
+ margin: 0;
280
+ }
281
+
282
+ // Define consistent border, margin, and padding
283
+
284
+ fieldset {
285
+ border: 1px solid $grey-set;
286
+ margin: 0;
287
+ padding: 0.35em 0.625em 0.75em;
288
+ }
289
+
290
+ // Indicate that 'label' will shift focus to the associated form element
291
+ label {
292
+ cursor: pointer;
293
+ }
294
+
295
+ // 1. Corrects color not being inherited in IE6/7/8/9
296
+ // 2. Corrects text not wrapping in FF3
297
+ // 3. Corrects alignment displayed oddly in IE6/7
298
+
299
+ legend {
300
+ border: 0; /* 1 */
301
+ padding: 0;
302
+ white-space: normal; /* 2 */
303
+ @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
304
+ *margin-left: -7px; /* 3 */ /* LTR */
305
+ }
306
+ }
307
+
308
+ // 1. Corrects font size not being inherited in all browsers
309
+ // 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
310
+ // 3. Improves appearance and consistency in all browsers
311
+
312
+ button,
313
+ input,
314
+ select,
315
+ textarea {
316
+ font-size: 100%; /* 1 */
317
+ margin: 0; /* 2 */
318
+ vertical-align: baseline; /* 3 */
319
+ @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
320
+ *vertical-align: middle; /* 3 */
321
+ }
322
+ }
323
+
324
+ // Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
325
+
326
+ button,
327
+ input {
328
+ line-height: normal; /* 1 */
329
+ }
330
+
331
+ // 1. Improves usability and consistency of cursor style between image-type 'input' and others
332
+ // 2. Corrects inability to style clickable 'input' types in iOS
333
+ // 3. Removes inner spacing in IE7 without affecting normal text inputs
334
+ // Known issue: inner spacing remains in IE6
335
+
336
+ button,
337
+ input[type="button"],
338
+ input[type="reset"],
339
+ input[type="submit"] {
340
+ cursor: pointer; /* 1 */
341
+ -webkit-appearance: button; /* 2 */
342
+ @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
343
+ *overflow: visible; /* 3 */
344
+ }
345
+ }
346
+
347
+ // Re-set default cursor for disabled elements
348
+
349
+ button[disabled],
350
+ input[disabled] {
351
+ cursor: default;
352
+ }
353
+
354
+ // 1. Addresses box sizing set to content-box in IE8/9
355
+ // 2. Removes excess padding in IE8/9
356
+ // 3. Removes excess padding in IE7
357
+ // Known issue: excess padding remains in IE6
358
+
359
+ input[type="checkbox"],
360
+ input[type="radio"] {
361
+ box-sizing: border-box; /* 1 */
362
+ padding: 0; /* 2 */
363
+ @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
364
+ *height: 13px; /* 3 */
365
+ *width: 13px; /* 3 */
366
+ }
367
+ }
368
+
369
+ // 1. Addresses appearance set to searchfield in S5, Chrome
370
+ // 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
371
+
372
+ input[type="search"] {
373
+ -webkit-appearance: textfield; /* 1 */
374
+ -moz-box-sizing: content-box;
375
+ -webkit-box-sizing: content-box; /* 2 */
376
+ box-sizing: content-box;
377
+ }
378
+
379
+ // Removes inner padding and search cancel button in S5, Chrome on OS X
380
+
381
+ input[type="search"]::-webkit-search-decoration,
382
+ input[type="search"]::-webkit-search-cancel-button {
383
+ -webkit-appearance: none;
384
+ }
385
+
386
+ // Removes inner padding and border in FF3+
387
+ // www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
388
+
389
+ button::-moz-focus-inner,
390
+ input::-moz-focus-inner {
391
+ border: 0;
392
+ padding: 0;
393
+ }
394
+
395
+ // 1. Removes default vertical scrollbar in IE6/7/8/9
396
+ // 2. Improves readability and alignment in all browsers
397
+
398
+ textarea {
399
+ overflow: auto; /* 1 */
400
+ vertical-align: top; /* 2 */
401
+ }
402
+
403
+
404
+ // Tables
405
+
406
+ // Remove most spacing between table cells
407
+
408
+ table {
409
+ @include reset-table;
410
+ }