compass-capucine 0.1.0 → 0.1.1

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.
data/VERSION CHANGED
@@ -1 +1 @@
1
- 0.1.0
1
+ 0.1.1
@@ -5,11 +5,11 @@
5
5
 
6
6
  Gem::Specification.new do |s|
7
7
  s.name = "compass-capucine"
8
- s.version = "0.1.0"
8
+ s.version = "0.1.1"
9
9
 
10
10
  s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
11
11
  s.authors = ["Damian Le Nouaille"]
12
- s.date = "2012-03-12"
12
+ s.date = "2012-03-15"
13
13
  s.description = "Compass Plugin with helpers"
14
14
  s.email = "dam@dln.name"
15
15
  s.extra_rdoc_files = [
@@ -28,8 +28,9 @@ Gem::Specification.new do |s|
28
28
  "stylesheets/_compass-capucine.scss",
29
29
  "stylesheets/compass-capucine/_box.sass",
30
30
  "stylesheets/compass-capucine/_helpers.sass",
31
+ "stylesheets/compass-capucine/_normalize-plus.scss",
31
32
  "stylesheets/compass-capucine/_normalize.scss",
32
- "stylesheets/compass-capucine/_print.sass",
33
+ "stylesheets/compass-capucine/_print.scss",
33
34
  "stylesheets/compass-capucine/_reset.sass"
34
35
  ]
35
36
  s.homepage = "http://github.com/damln/compass-capucine"
@@ -3,7 +3,7 @@
3
3
  +hidden
4
4
  +visually-hidden
5
5
  +clear-both
6
- +scale
6
+ +scale-img
7
7
  +selection
8
8
  +pressed-effect
9
9
  +vertical-gradient
@@ -20,9 +20,8 @@
20
20
  user-select: none
21
21
 
22
22
  =hidden()
23
- display: none
23
+ display: none !important
24
24
  visibility: hidden
25
- overflow: hidden
26
25
 
27
26
  =visually-hidden()
28
27
  border: 0
@@ -43,19 +42,17 @@
43
42
  position: static
44
43
  width: auto
45
44
 
46
- =clear-both()
45
+ =clearfix()
47
46
  clear: both
48
47
  display: block
49
- zoom: 1
48
+ *zoom: 1
50
49
  &:before, &:after
51
50
  content: "\0020"
52
- display: block
53
- height: 0
54
- overflow: hidden
51
+ display: table
55
52
  &:after
56
53
  clear: both
57
54
 
58
- =scale()
55
+ =scale-img()
59
56
  max-width: 100%
60
57
  height: auto
61
58
 
@@ -95,14 +92,8 @@ $capucine-helpers-classes: true !default
95
92
  .unselectable
96
93
  +unselectable
97
94
 
98
- .hidden
99
- +hidden
100
-
101
- .visually-hidden
102
- +visually-hidden
103
-
104
- .cb
105
- +clear-both
95
+ .cf
96
+ +clearfix
106
97
 
107
98
  .scale
108
- +scale
99
+ +scale-img
@@ -0,0 +1,29 @@
1
+ dl,
2
+ menu,
3
+ ol,
4
+ ul,
5
+ dd {
6
+ margin: 0;
7
+ padding: 0;
8
+ }
9
+
10
+ li {
11
+ list-style-type: none;
12
+ }
13
+
14
+ .ie6 hr, .ie7 hr {
15
+ margin-top: -0.5em;
16
+ }
17
+
18
+ .ie6 legend, .ie7 legend {
19
+ margin-left: -7px;
20
+ }
21
+
22
+ .ie7 input[type="checkbox"] {
23
+ vertical-align: baseline;
24
+ }
25
+
26
+ .ie6 input {
27
+ vertical-align: text-bottom;
28
+ }
29
+
@@ -1,57 +1,24 @@
1
- /*! normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */
2
-
3
- /* =============================================================================
4
- HTML5 display definitions
5
- ========================================================================== */
6
-
7
- /*
8
- * Corrects block display not defined in IE6/7/8/9 & FF3
9
- */
10
-
11
- article,
12
- aside,
13
- details,
14
- figcaption,
15
- figure,
16
- footer,
17
- header,
18
- hgroup,
19
- nav,
20
- section,
21
- summary {
22
- display: block;
23
- }
24
-
25
1
  /*
26
- * Corrects inline-block display not defined in IE6/7/8/9 & FF3
2
+ * HTML5 Boilerplate
3
+ *
4
+ * What follows is the result of much research on cross-browser styling.
5
+ * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
6
+ * Kroc Camen, and the H5BP dev community and team.
7
+ *
8
+ * Detailed information about this CSS: h5bp.com/css
9
+ *
10
+ * ==|== normalize ==========================================================
27
11
  */
28
12
 
29
- audio,
30
- canvas,
31
- video {
32
- display: inline-block;
33
- *display: inline;
34
- *zoom: 1;
35
- }
36
-
37
- /*
38
- * Prevents modern browsers from displaying 'audio' without controls
39
- * Remove excess height in iOS5 devices
40
- */
41
-
42
- audio:not([controls]) {
43
- display: none;
44
- height: 0;
45
- }
46
13
 
47
- /*
48
- * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
49
- * Known issue: no IE6 support
50
- */
14
+ /* =============================================================================
15
+ HTML5 display definitions
16
+ ========================================================================== */
51
17
 
52
- [hidden] {
53
- display: none;
54
- }
18
+ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
19
+ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
20
+ audio:not([controls]) { display: none; }
21
+ [hidden] { display: none; }
55
22
 
56
23
 
57
24
  /* =============================================================================
@@ -59,446 +26,253 @@ audio:not([controls]) {
59
26
  ========================================================================== */
60
27
 
61
28
  /*
62
- * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
63
- * http://clagnut.com/blog/348/#c790
64
- * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
65
- * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
29
+ * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
30
+ * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
66
31
  */
67
32
 
68
- html {
69
- font-size: 100%; /* 1 */
70
- -webkit-text-size-adjust: 100%; /* 2 */
71
- -ms-text-size-adjust: 100%; /* 2 */
72
- }
33
+ html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
73
34
 
74
- /*
75
- * Addresses font-family inconsistency between 'textarea' and other form elements.
76
- */
35
+ html, button, input, select, textarea { font-family: sans-serif; color: #222; }
77
36
 
78
- html,
79
- button,
80
- input,
81
- select,
82
- textarea {
83
- font-family: sans-serif;
84
- }
37
+ body { margin: 0; font-size: 1em; line-height: 1.4; }
85
38
 
86
39
  /*
87
- * Addresses margins handled incorrectly in IE6/7
40
+ * Remove text-shadow in selection highlight: h5bp.com/i
41
+ * These selection declarations have to be separate
42
+ * Also: hot pink! (or customize the background color to match your design)
88
43
  */
89
44
 
90
- body {
91
- margin: 0;
92
- }
45
+ ::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
46
+ ::selection { background: #fe57a1; color: #fff; text-shadow: none; }
93
47
 
94
48
 
95
49
  /* =============================================================================
96
50
  Links
97
51
  ========================================================================== */
98
52
 
99
- /*
100
- * Addresses outline displayed oddly in Chrome
101
- */
102
-
103
- a:focus {
104
- outline: thin dotted;
105
- }
53
+ a { color: #00e; }
54
+ a:visited { color: #551a8b; }
55
+ a:hover { color: #06e; }
56
+ a:focus { outline: thin dotted; }
106
57
 
107
- /*
108
- * Improves readability when focused and also mouse hovered in all browsers
109
- * people.opera.com/patrickl/experiments/keyboard/test
110
- */
111
-
112
- a:hover,
113
- a:active {
114
- outline: 0;
115
- }
58
+ /* Improve readability when focused and hovered in all browsers: h5bp.com/h */
59
+ a:hover, a:active { outline: 0; }
116
60
 
117
61
 
118
62
  /* =============================================================================
119
63
  Typography
120
64
  ========================================================================== */
121
65
 
122
- /*
123
- * Addresses font sizes and margins set differently in IE6/7
124
- * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
125
- */
66
+ abbr[title] { border-bottom: 1px dotted; }
126
67
 
127
- h1 {
128
- font-size: 2em;
129
- margin: 0.67em 0;
130
- }
131
-
132
- h2 {
133
- font-size: 1.5em;
134
- margin: 0.83em 0;
135
- }
68
+ b, strong { font-weight: bold; }
136
69
 
137
- h3 {
138
- font-size: 1.17em;
139
- margin: 1em 0;
140
- }
70
+ blockquote { margin: 1em 40px; }
141
71
 
142
- h4 {
143
- font-size: 1em;
144
- margin: 1.33em 0;
145
- }
72
+ dfn { font-style: italic; }
146
73
 
147
- h5 {
148
- font-size: 0.83em;
149
- margin: 1.67em 0;
150
- }
74
+ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
151
75
 
152
- h6 {
153
- font-size: 0.75em;
154
- margin: 2.33em 0;
155
- }
76
+ ins { background: #ff9; color: #000; text-decoration: none; }
156
77
 
157
- /*
158
- * Addresses styling not present in IE7/8/9, S5, Chrome
159
- */
78
+ mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
160
79
 
161
- abbr[title] {
162
- border-bottom: 1px dotted;
163
- }
80
+ /* Redeclare monospace font family: h5bp.com/j */
81
+ pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
164
82
 
165
- /*
166
- * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
167
- */
83
+ /* Improve readability of pre-formatted text in all browsers */
84
+ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
168
85
 
169
- b,
170
- strong {
171
- font-weight: bold;
172
- }
86
+ q { quotes: none; }
87
+ q:before, q:after { content: ""; content: none; }
173
88
 
174
- blockquote {
175
- margin: 1em 40px;
176
- }
89
+ small { font-size: 85%; }
177
90
 
178
- /*
179
- * Addresses styling not present in S5, Chrome
180
- */
91
+ /* Position subscript and superscript content without affecting line-height: h5bp.com/k */
92
+ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
93
+ sup { top: -0.5em; }
94
+ sub { bottom: -0.25em; }
181
95
 
182
- dfn {
183
- font-style: italic;
184
- }
185
96
 
186
- /*
187
- * Addresses styling not present in IE6/7/8/9
188
- */
97
+ /* =============================================================================
98
+ Lists
99
+ ========================================================================== */
189
100
 
190
- mark {
191
- background: #ff0;
192
- color: #000;
193
- }
101
+ ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
102
+ dd { margin: 0 0 0 40px; }
103
+ nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
194
104
 
195
- /*
196
- * Addresses margins set differently in IE6/7
197
- */
198
105
 
199
- p,
200
- pre {
201
- margin: 1em 0;
202
- }
106
+ /* =============================================================================
107
+ Embedded content
108
+ ========================================================================== */
203
109
 
204
110
  /*
205
- * Corrects font family set oddly in IE6, S4/5, Chrome
206
- * en.wikipedia.org/wiki/User:Davidgothberg/Test59
111
+ * 1. Improve image quality when scaled in IE7: h5bp.com/d
112
+ * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
207
113
  */
208
114
 
209
- pre,
210
- code,
211
- kbd,
212
- samp {
213
- font-family: monospace, serif;
214
- _font-family: 'courier new', monospace;
215
- font-size: 1em;
216
- }
115
+ img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
217
116
 
218
117
  /*
219
- * Improves readability of pre-formatted text in all browsers
118
+ * Correct overflow not hidden in IE9
220
119
  */
221
120
 
222
- pre {
223
- white-space: pre;
224
- white-space: pre-wrap;
225
- word-wrap: break-word;
226
- }
121
+ svg:not(:root) { overflow: hidden; }
227
122
 
228
- /*
229
- * 1. Addresses CSS quotes not supported in IE6/7
230
- * 2. Addresses quote property not supported in S4
231
- */
232
123
 
233
- /* 1 */
124
+ /* =============================================================================
125
+ Figures
126
+ ========================================================================== */
127
+
128
+ figure { margin: 0; }
234
129
 
235
- q {
236
- quotes: none;
237
- }
238
130
 
239
- /* 2 */
131
+ /* =============================================================================
132
+ Forms
133
+ ========================================================================== */
240
134
 
241
- q:before,
242
- q:after {
243
- content: '';
244
- content: none;
245
- }
135
+ form { margin: 0; }
136
+ fieldset { border: 0; margin: 0; padding: 0; }
246
137
 
247
- small {
248
- font-size: 75%;
249
- }
138
+ /* Indicate that 'label' will shift focus to the associated form element */
139
+ label { cursor: pointer; }
250
140
 
251
141
  /*
252
- * Prevents sub and sup affecting line-height in all browsers
253
- * gist.github.com/413930
142
+ * 1. Correct color not inheriting in IE6/7/8/9
143
+ * 2. Correct alignment displayed oddly in IE6/7
254
144
  */
255
145
 
256
- sub,
257
- sup {
258
- font-size: 75%;
259
- line-height: 0;
260
- position: relative;
261
- vertical-align: baseline;
262
- }
263
-
264
- sup {
265
- top: -0.5em;
266
- }
267
-
268
- sub {
269
- bottom: -0.25em;
270
- }
146
+ legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
271
147
 
148
+ /*
149
+ * 1. Correct font-size not inheriting in all browsers
150
+ * 2. Remove margins in FF3/4 S5 Chrome
151
+ * 3. Define consistent vertical alignment display in all browsers
152
+ */
272
153
 
273
- /* =============================================================================
274
- Lists
275
- ========================================================================== */
154
+ button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
276
155
 
277
156
  /*
278
- * Addresses margins set differently in IE6/7
157
+ * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
279
158
  */
280
159
 
281
- dl,
282
- menu,
283
- ol,
284
- ul {
285
- margin: 1em 0;
286
- }
287
-
288
- dd {
289
- margin: 0 0 0 40px;
290
- }
160
+ button, input { line-height: normal; }
291
161
 
292
162
  /*
293
- * Addresses paddings set differently in IE6/7
163
+ * 1. Display hand cursor for clickable form elements
164
+ * 2. Allow styling of clickable form elements in iOS
165
+ * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
294
166
  */
295
167
 
296
- menu,
297
- ol,
298
- ul {
299
- padding: 0 0 0 40px;
300
- }
168
+ button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
301
169
 
302
170
  /*
303
- * Corrects list images handled incorrectly in IE7
171
+ * Re-set default cursor for disabled elements
304
172
  */
305
173
 
306
- nav ul,
307
- nav ol {
308
- list-style: none;
309
- list-style-image: none;
310
- }
174
+ button[disabled], input[disabled] { cursor: default; }
311
175
 
176
+ /*
177
+ * Consistent box sizing and appearance
178
+ */
312
179
 
313
- /* =============================================================================
314
- Embedded content
315
- ========================================================================== */
180
+ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
181
+ input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
182
+ input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
316
183
 
317
184
  /*
318
- * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
319
- * 2. Improves image quality when scaled in IE7
320
- * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
185
+ * Remove inner padding and border in FF3/4: h5bp.com/l
321
186
  */
322
187
 
323
- img {
324
- border: 0; /* 1 */
325
- -ms-interpolation-mode: bicubic; /* 2 */
326
- }
188
+ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
327
189
 
328
190
  /*
329
- * Corrects overflow displayed oddly in IE9
191
+ * 1. Remove default vertical scrollbar in IE6/7/8/9
192
+ * 2. Allow only vertical resizing
330
193
  */
331
194
 
332
- svg:not(:root) {
333
- overflow: hidden;
334
- }
195
+ textarea { overflow: auto; vertical-align: top; resize: vertical; }
196
+
197
+ /* Colors for form validity */
198
+ input:valid, textarea:valid { }
199
+ input:invalid, textarea:invalid { background-color: #f0dddd; }
335
200
 
336
201
 
337
202
  /* =============================================================================
338
- Figures
203
+ Tables
339
204
  ========================================================================== */
340
205
 
341
- /*
342
- * Addresses margin not present in IE6/7/8/9, S5, O11
343
- */
344
-
345
- figure {
346
- margin: 0;
347
- }
206
+ table { border-collapse: collapse; border-spacing: 0; }
207
+ td { vertical-align: top; }
348
208
 
349
209
 
350
210
  /* =============================================================================
351
- Forms
211
+ Chrome Frame Prompt
352
212
  ========================================================================== */
353
213
 
354
- /*
355
- * Corrects margin displayed oddly in IE6/7
356
- */
214
+ .chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }
357
215
 
358
- form {
359
- margin: 0;
360
- }
361
216
 
362
- /*
363
- * Define consistent border, margin, and padding
364
- */
217
+ /* ==|== primary styles =====================================================
218
+ Author:
219
+ ========================================================================== */
365
220
 
366
- fieldset {
367
- border: 1px solid #c0c0c0;
368
- margin: 0 2px;
369
- padding: 0.35em 0.625em 0.75em;
370
- }
371
221
 
372
- /*
373
- * 1. Corrects color not being inherited in IE6/7/8/9
374
- * 2. Corrects text not wrapping in FF3
375
- * 3. Corrects alignment displayed oddly in IE6/7
376
- */
377
222
 
378
- legend {
379
- border: 0; /* 1 */
380
- padding: 0;
381
- white-space: normal; /* 2 */
382
- *margin-left: -7px; /* 3 */
383
- }
384
223
 
385
- /*
386
- * 1. Corrects font size not being inherited in all browsers
387
- * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
388
- * 3. Improves appearance and consistency in all browsers
389
- */
390
224
 
391
- button,
392
- input,
393
- select,
394
- textarea {
395
- font-size: 100%; /* 1 */
396
- margin: 0; /* 2 */
397
- vertical-align: baseline; /* 3 */
398
- *vertical-align: middle; /* 3 */
399
- }
400
225
 
401
- /*
402
- * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
403
- */
404
226
 
405
- button,
406
- input {
407
- line-height: normal; /* 1 */
408
- }
409
227
 
410
- /*
411
- * 1. Improves usability and consistency of cursor style between image-type 'input' and others
412
- * 2. Corrects inability to style clickable 'input' types in iOS
413
- * 3. Removes inner spacing in IE7 without affecting normal text inputs
414
- * Known issue: inner spacing remains in IE6
415
- */
416
228
 
417
- button,
418
- input[type="button"],
419
- input[type="reset"],
420
- input[type="submit"] {
421
- cursor: pointer; /* 1 */
422
- -webkit-appearance: button; /* 2 */
423
- *overflow: visible; /* 3 */
424
- }
425
229
 
426
- /*
427
- * Re-set default cursor for disabled elements
428
- */
429
230
 
430
- button[disabled],
431
- input[disabled] {
432
- cursor: default;
433
- }
434
231
 
435
- /*
436
- * 1. Addresses box sizing set to content-box in IE8/9
437
- * 2. Removes excess padding in IE8/9
438
- * 3. Removes excess padding in IE7
439
- Known issue: excess padding remains in IE6
440
- */
441
232
 
442
- input[type="checkbox"],
443
- input[type="radio"] {
444
- box-sizing: border-box; /* 1 */
445
- padding: 0; /* 2 */
446
- *height: 13px; /* 3 */
447
- *width: 13px; /* 3 */
448
- }
449
233
 
450
- /*
451
- * 1. Addresses appearance set to searchfield in S5, Chrome
452
- * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
453
- */
454
234
 
455
- input[type="search"] {
456
- -webkit-appearance: textfield; /* 1 */
457
- -moz-box-sizing: content-box;
458
- -webkit-box-sizing: content-box; /* 2 */
459
- box-sizing: content-box;
460
- }
461
235
 
462
- /*
463
- * Removes inner padding and search cancel button in S5, Chrome on OS X
464
- */
236
+ /* ==|== media queries ======================================================
237
+ EXAMPLE Media Query for Responsive Design.
238
+ This example overrides the primary ('mobile first') styles
239
+ Modify as content requires.
240
+ ========================================================================== */
465
241
 
466
- input[type="search"]::-webkit-search-decoration,
467
- input[type="search"]::-webkit-search-cancel-button {
468
- -webkit-appearance: none;
242
+ @media only screen and (min-width: 35em) {
243
+ /* Style adjustments for viewports that meet the condition */
469
244
  }
470
245
 
471
- /*
472
- * Removes inner padding and border in FF3+
473
- * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
474
- */
475
246
 
476
- button::-moz-focus-inner,
477
- input::-moz-focus-inner {
478
- border: 0;
479
- padding: 0;
480
- }
481
247
 
482
- /*
483
- * 1. Removes default vertical scrollbar in IE6/7/8/9
484
- * 2. Improves readability and alignment in all browsers
485
- */
248
+ /* ==|== non-semantic helper classes ========================================
249
+ Please define your styles before this section.
250
+ ========================================================================== */
486
251
 
487
- textarea {
488
- overflow: auto; /* 1 */
489
- vertical-align: top; /* 2 */
490
- }
252
+ /* For image replacement */
253
+ .ir { border:0; font: 0/0 a; text-shadow: none; color: transparent; background-color: transparent; }
491
254
 
255
+ /* Hide from both screenreaders and browsers: h5bp.com/u */
256
+ .hidden { display: none !important; visibility: hidden; }
492
257
 
493
- /* =============================================================================
494
- Tables
495
- ========================================================================== */
258
+ /* Hide only visually, but have it available for screenreaders: h5bp.com/v */
259
+ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
496
260
 
497
- /*
498
- * Remove most spacing between table cells
499
- */
261
+ /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
262
+ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
263
+
264
+ /* Hide visually and from screenreaders, but maintain layout */
265
+ .invisible { visibility: hidden; }
266
+
267
+ /* Contain floats: h5bp.com/q */
268
+ .clearfix:before, .clearfix:after { content: ""; display: table; }
269
+ .clearfix:after { clear: both; }
270
+ .clearfix { *zoom: 1; }
271
+
272
+
273
+
274
+ /* ==|== print styles =======================================================
275
+ Print styles.
276
+ Inlined to avoid required HTTP connection: h5bp.com/r
277
+ ========================================================================== */
500
278
 
501
- table {
502
- border-collapse: collapse;
503
- border-spacing: 0;
504
- }
@@ -0,0 +1,14 @@
1
+ @media print {
2
+ * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
3
+ a, a:visited { text-decoration: underline; }
4
+ a[href]:after { content: " (" attr(href) ")"; }
5
+ abbr[title]:after { content: " (" attr(title) ")"; }
6
+ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
7
+ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
8
+ thead { display: table-header-group; } /* h5bp.com/t */
9
+ tr, img { page-break-inside: avoid; }
10
+ img { max-width: 100% !important; }
11
+ @page { margin: 0.5cm; }
12
+ p, h2, h3 { orphans: 3; widows: 3; }
13
+ h2, h3 { page-break-after: avoid; }
14
+ }
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: compass-capucine
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.0
4
+ version: 0.1.1
5
5
  prerelease:
6
6
  platform: ruby
7
7
  authors:
@@ -9,11 +9,11 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2012-03-12 00:00:00.000000000 Z
12
+ date: 2012-03-15 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: compass
16
- requirement: &70319774797260 !ruby/object:Gem::Requirement
16
+ requirement: &70211718457220 !ruby/object:Gem::Requirement
17
17
  none: false
18
18
  requirements:
19
19
  - - ! '>='
@@ -21,10 +21,10 @@ dependencies:
21
21
  version: '0'
22
22
  type: :runtime
23
23
  prerelease: false
24
- version_requirements: *70319774797260
24
+ version_requirements: *70211718457220
25
25
  - !ruby/object:Gem::Dependency
26
26
  name: bundler
27
- requirement: &70319774796460 !ruby/object:Gem::Requirement
27
+ requirement: &70211718454440 !ruby/object:Gem::Requirement
28
28
  none: false
29
29
  requirements:
30
30
  - - ~>
@@ -32,10 +32,10 @@ dependencies:
32
32
  version: 1.0.0
33
33
  type: :development
34
34
  prerelease: false
35
- version_requirements: *70319774796460
35
+ version_requirements: *70211718454440
36
36
  - !ruby/object:Gem::Dependency
37
37
  name: jeweler
38
- requirement: &70319774795760 !ruby/object:Gem::Requirement
38
+ requirement: &70211718469380 !ruby/object:Gem::Requirement
39
39
  none: false
40
40
  requirements:
41
41
  - - ~>
@@ -43,7 +43,7 @@ dependencies:
43
43
  version: 1.8.3
44
44
  type: :development
45
45
  prerelease: false
46
- version_requirements: *70319774795760
46
+ version_requirements: *70211718469380
47
47
  description: Compass Plugin with helpers
48
48
  email: dam@dln.name
49
49
  executables: []
@@ -63,8 +63,9 @@ files:
63
63
  - stylesheets/_compass-capucine.scss
64
64
  - stylesheets/compass-capucine/_box.sass
65
65
  - stylesheets/compass-capucine/_helpers.sass
66
+ - stylesheets/compass-capucine/_normalize-plus.scss
66
67
  - stylesheets/compass-capucine/_normalize.scss
67
- - stylesheets/compass-capucine/_print.sass
68
+ - stylesheets/compass-capucine/_print.scss
68
69
  - stylesheets/compass-capucine/_reset.sass
69
70
  homepage: http://github.com/damln/compass-capucine
70
71
  licenses:
@@ -81,7 +82,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
81
82
  version: '0'
82
83
  segments:
83
84
  - 0
84
- hash: -3162231155092011644
85
+ hash: -4270486401613211080
85
86
  required_rubygems_version: !ruby/object:Gem::Requirement
86
87
  none: false
87
88
  requirements:
@@ -1,39 +0,0 @@
1
- @media print
2
- *
3
- background: transparent !important
4
- color: black !important
5
- text-shadow: none !important
6
- filter: none !important
7
- -ms-filter: none !important
8
- a
9
- color: #444 !important
10
- text-decoration: underline
11
- &:visited
12
- color: #444 !important
13
- text-decoration: underline
14
- &[href]:after
15
- content: " (" attr(href) ")"
16
- abbr[title]:after
17
- content: " (" attr(title) ")"
18
- .ir a:after
19
- content: ""
20
- a
21
- &[href^="javascript:"]:after, &[href^="#"]:after
22
- content: ""
23
- pre, blockquote
24
- border: 1px solid #999
25
- page-break-inside: avoid
26
- thead
27
- display: table-header-group
28
- tr, img
29
- page-break-inside: avoid
30
-
31
- @page
32
- margin: 0.5cm
33
-
34
- p, h2, h3
35
- orphans: 3
36
- widows: 3
37
- h2, h3
38
- page-break-after: avoid
39
-