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 +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
|
-
|