compass-capucine 0.1.0 → 0.1.1

Sign up to get free protection for your applications and to get access to all the features.
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
-