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 +1 -1
- data/compass-capucine.gemspec +4 -3
- data/stylesheets/compass-capucine/_helpers.sass +9 -18
- data/stylesheets/compass-capucine/_normalize-plus.scss +29 -0
- data/stylesheets/compass-capucine/_normalize.scss +149 -375
- data/stylesheets/compass-capucine/_print.scss +14 -0
- metadata +11 -10
- data/stylesheets/compass-capucine/_print.sass +0 -39
data/VERSION
CHANGED
@@ -1 +1 @@
|
|
1
|
-
0.1.
|
1
|
+
0.1.1
|
data/compass-capucine.gemspec
CHANGED
@@ -5,11 +5,11 @@
|
|
5
5
|
|
6
6
|
Gem::Specification.new do |s|
|
7
7
|
s.name = "compass-capucine"
|
8
|
-
s.version = "0.1.
|
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
|
+
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.
|
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
|
-
=
|
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:
|
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
|
-
.
|
99
|
-
+
|
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
|
-
*
|
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
|
-
|
49
|
-
|
50
|
-
*/
|
14
|
+
/* =============================================================================
|
15
|
+
HTML5 display definitions
|
16
|
+
========================================================================== */
|
51
17
|
|
52
|
-
|
53
|
-
|
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.
|
63
|
-
*
|
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
|
-
|
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
|
-
*
|
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
|
-
|
91
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
138
|
-
font-size: 1.17em;
|
139
|
-
margin: 1em 0;
|
140
|
-
}
|
70
|
+
blockquote { margin: 1em 40px; }
|
141
71
|
|
142
|
-
|
143
|
-
font-size: 1em;
|
144
|
-
margin: 1.33em 0;
|
145
|
-
}
|
72
|
+
dfn { font-style: italic; }
|
146
73
|
|
147
|
-
|
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
|
-
|
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
|
-
|
162
|
-
|
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
|
-
|
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
|
-
|
170
|
-
|
171
|
-
font-weight: bold;
|
172
|
-
}
|
86
|
+
q { quotes: none; }
|
87
|
+
q:before, q:after { content: ""; content: none; }
|
173
88
|
|
174
|
-
|
175
|
-
margin: 1em 40px;
|
176
|
-
}
|
89
|
+
small { font-size: 85%; }
|
177
90
|
|
178
|
-
/*
|
179
|
-
|
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
|
-
|
188
|
-
*/
|
97
|
+
/* =============================================================================
|
98
|
+
Lists
|
99
|
+
========================================================================== */
|
189
100
|
|
190
|
-
|
191
|
-
|
192
|
-
|
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
|
-
|
200
|
-
|
201
|
-
|
202
|
-
}
|
106
|
+
/* =============================================================================
|
107
|
+
Embedded content
|
108
|
+
========================================================================== */
|
203
109
|
|
204
110
|
/*
|
205
|
-
*
|
206
|
-
*
|
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
|
-
|
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
|
-
*
|
118
|
+
* Correct overflow not hidden in IE9
|
220
119
|
*/
|
221
120
|
|
222
|
-
|
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
|
-
/*
|
124
|
+
/* =============================================================================
|
125
|
+
Figures
|
126
|
+
========================================================================== */
|
127
|
+
|
128
|
+
figure { margin: 0; }
|
234
129
|
|
235
|
-
q {
|
236
|
-
quotes: none;
|
237
|
-
}
|
238
130
|
|
239
|
-
/*
|
131
|
+
/* =============================================================================
|
132
|
+
Forms
|
133
|
+
========================================================================== */
|
240
134
|
|
241
|
-
|
242
|
-
|
243
|
-
content: '';
|
244
|
-
content: none;
|
245
|
-
}
|
135
|
+
form { margin: 0; }
|
136
|
+
fieldset { border: 0; margin: 0; padding: 0; }
|
246
137
|
|
247
|
-
|
248
|
-
|
249
|
-
}
|
138
|
+
/* Indicate that 'label' will shift focus to the associated form element */
|
139
|
+
label { cursor: pointer; }
|
250
140
|
|
251
141
|
/*
|
252
|
-
*
|
253
|
-
*
|
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
|
-
|
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
|
-
*
|
157
|
+
* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
|
279
158
|
*/
|
280
159
|
|
281
|
-
|
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
|
-
*
|
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
|
-
|
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
|
-
*
|
171
|
+
* Re-set default cursor for disabled elements
|
304
172
|
*/
|
305
173
|
|
306
|
-
|
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
|
-
|
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
|
-
*
|
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
|
-
|
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
|
-
*
|
191
|
+
* 1. Remove default vertical scrollbar in IE6/7/8/9
|
192
|
+
* 2. Allow only vertical resizing
|
330
193
|
*/
|
331
194
|
|
332
|
-
|
333
|
-
|
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
|
-
|
203
|
+
Tables
|
339
204
|
========================================================================== */
|
340
205
|
|
341
|
-
|
342
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
467
|
-
|
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
|
-
|
484
|
-
|
485
|
-
*/
|
248
|
+
/* ==|== non-semantic helper classes ========================================
|
249
|
+
Please define your styles before this section.
|
250
|
+
========================================================================== */
|
486
251
|
|
487
|
-
|
488
|
-
|
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
|
-
|
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
|
-
|
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.
|
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
|
+
date: 2012-03-15 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: compass
|
16
|
-
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: *
|
24
|
+
version_requirements: *70211718457220
|
25
25
|
- !ruby/object:Gem::Dependency
|
26
26
|
name: bundler
|
27
|
-
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: *
|
35
|
+
version_requirements: *70211718454440
|
36
36
|
- !ruby/object:Gem::Dependency
|
37
37
|
name: jeweler
|
38
|
-
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: *
|
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.
|
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: -
|
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
|
-
|