compass-capucine 0.1.2 → 0.2.0.rc1

Sign up to get free protection for your applications and to get access to all the features.
data/README.md ADDED
@@ -0,0 +1,91 @@
1
+ # Compass plugin from Capucine
2
+
3
+ You can take a look at [Capucine](http://github.com/damln/Capucine).
4
+
5
+ <a href="https://twitter.com/share" class="twitter-share-button" data-via="damln">Tweet This</a>
6
+
7
+
8
+ ## Usage
9
+
10
+ **Install the gem**
11
+
12
+ gem install compass-capucine
13
+
14
+ **Add it to your Gemfile**
15
+
16
+ gem 'compass-capucine'
17
+
18
+ **Bundle install**
19
+
20
+ bundle install
21
+
22
+ **Add it to your Compass config.rb**
23
+
24
+ require 'compass-capucine'
25
+
26
+ **Import it into your SCSS file**
27
+
28
+ @import "compass-capucine";
29
+
30
+ This will import that :
31
+
32
+ @import "compass-capucine/box";
33
+ @import "compass-capucine/helpers";
34
+
35
+ ** You can import the Normalize and other things **
36
+
37
+ @import "compass-capucine/normalize";
38
+ @import "compass-capucine/normalize-plus";
39
+ @import "compass-capucine/print";
40
+
41
+ @import "compass-capucine/helpers";
42
+ @import "compass-capucine/box";
43
+
44
+ ## Usage with asset pipeline (Rails 3.2)
45
+
46
+ **Add it to your Gemfile**
47
+
48
+ gem 'compass-capucine'
49
+
50
+ **Use the new compass-rails gem. See https://github.com/Compass/compass-rails for more info.**
51
+
52
+ gem 'compass-rails'
53
+
54
+ **Bundle install**
55
+
56
+ bundle install
57
+
58
+ **Add it to your Application.rb**
59
+
60
+ # Enable the asset pipeline
61
+ config.assets.enabled = true
62
+
63
+ **Import it into your SCSS file**
64
+
65
+ @import "compass-capucine";
66
+
67
+
68
+ # Mixins availables
69
+
70
+ ### Helpers
71
+
72
+ - `unselectable`
73
+ - `hidden`
74
+ - `visually-hidden`
75
+ - `clearfix`
76
+ - `scale-img`
77
+ - `selection ( $background_color , $font_color )`
78
+ - `pressed-effect ( $top_margin, $left_margin, $right_margin )`
79
+ - `vertical-gradient ( $top_color, $bottom_color )`
80
+ - `fake-helvetica ( $failback_font )`
81
+ - `smart-text-shadow ( $color, $pixels )`
82
+
83
+ ### Box
84
+
85
+ - `box ( $width, $height, $display )`
86
+ - `circle ( $diam )`
87
+ - `square ( $size, $display )`
88
+ - `centerX`
89
+ - `centerXY ( $width, $heigh, $position )`
90
+ - `max-width ( $max )`
91
+ - `min-max-width ( $min, $max )`
data/VERSION CHANGED
@@ -1 +1 @@
1
- 0.1.2
1
+ 0.2.0.rc1
Binary file
@@ -5,24 +5,25 @@
5
5
 
6
6
  Gem::Specification.new do |s|
7
7
  s.name = "compass-capucine"
8
- s.version = "0.1.2"
8
+ s.version = "0.2.0.rc1"
9
9
 
10
- s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
10
+ s.required_rubygems_version = Gem::Requirement.new("> 1.3.1") if s.respond_to? :required_rubygems_version=
11
11
  s.authors = ["Damian Le Nouaille"]
12
- s.date = "2012-03-28"
12
+ s.date = "2012-05-28"
13
13
  s.description = "Compass Plugin with helpers"
14
14
  s.email = "dam@dln.name"
15
15
  s.extra_rdoc_files = [
16
16
  "LICENSE.txt",
17
- "README.rdoc"
17
+ "README.md"
18
18
  ]
19
19
  s.files = [
20
20
  "Gemfile",
21
21
  "Gemfile.lock",
22
22
  "LICENSE.txt",
23
- "README.rdoc",
23
+ "README.md",
24
24
  "Rakefile",
25
25
  "VERSION",
26
+ "capucine-logo-mini.png",
26
27
  "compass-capucine.gemspec",
27
28
  "lib/compass-capucine.rb",
28
29
  "stylesheets/_compass-capucine.scss",
@@ -1,4 +1,2 @@
1
- // @import "sass-capucine/reset"
2
- @import "compass-capucine/print";
3
1
  @import "compass-capucine/box";
4
2
  @import "compass-capucine/helpers";
@@ -1,12 +1,3 @@
1
- /*
2
- +box
3
- +circle
4
- +square
5
- +centerX
6
- +centerXY
7
- +min-max-width
8
- +max-width
9
-
10
1
  @import "compass/css3/border-radius"
11
2
  @import "compass/utilities/general/min"
12
3
 
@@ -33,9 +24,12 @@
33
24
  margin: 0 auto
34
25
  text-align: left
35
26
 
36
- =centerXY($width: 100px,$height: 100px)
27
+ =centerXY($width: 100px,$height: 100px,$position: absolute)
37
28
  display: block
38
- position: absolute
29
+
30
+ @if $position
31
+ position: $position
32
+
39
33
  width: $width
40
34
  height: $height
41
35
  top: 50%
@@ -1,14 +1,4 @@
1
1
  /*
2
- +unselectable
3
- +hidden
4
- +visually-hidden
5
- +clear-both
6
- +scale-img
7
- +selection
8
- +pressed-effect
9
- +vertical-gradient
10
- +fake-helvetica
11
- +smart-text-shadow
12
2
 
13
3
  @import "compass/css3/images"
14
4
  @import "compass/css3/text-shadow"
@@ -84,7 +74,18 @@
84
74
  letter-spacing: -1px
85
75
 
86
76
  =smart-text-shadow($color: #fff, $pixels: 1px)
87
- +text-shadow($color 0 $pixels 0)
77
+ @if $color
78
+ $c: $color
79
+ @else
80
+ $c: #fff
81
+
82
+ @if $pixels
83
+ $p: $pixels
84
+ @else
85
+ $p: 1px
86
+
87
+
88
+ +text-shadow($c 0 $p 0)
88
89
 
89
90
  $capucine-helpers-classes: true !default
90
91
  @if $capucine-helpers-classes == true
@@ -11,6 +11,39 @@ li {
11
11
  list-style-type: none;
12
12
  }
13
13
 
14
+ // Chrome blue glow :
15
+ select, option, input, textarea, button {
16
+ outline: none;
17
+ font-size: 0.99em;
18
+ }
19
+
20
+ input[type="search"]::-webkit-search-decoration {
21
+ -webkit-appearance: none;
22
+ }
23
+
24
+ input {
25
+ &[type="radio"] {
26
+ vertical-align: text-bottom;
27
+ }
28
+
29
+ &[type="text"] {
30
+ cursor: text;
31
+ }
32
+
33
+ &[type="checkbox"] {
34
+ vertical-align: bottom;
35
+ }
36
+
37
+ &[type="search"] {
38
+ -webkit-appearance: textfield;
39
+ -webkit-box-sizing: content-box;
40
+ -moz-box-sizing: content-box;
41
+ box-sizing: content-box;
42
+ }
43
+ }
44
+
45
+
46
+ //==========[ IE ]==================
14
47
  .ie6 hr, .ie7 hr {
15
48
  margin-top: -0.5em;
16
49
  }
@@ -1,24 +1,57 @@
1
- /*
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 ==========================================================
11
- */
12
-
1
+ /*! normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */
13
2
 
14
3
  /* =============================================================================
15
4
  HTML5 display definitions
16
5
  ========================================================================== */
17
6
 
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; }
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
+ /*
26
+ * Corrects inline-block display not defined in IE6/7/8/9 & FF3
27
+ */
28
+
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
+
47
+ /*
48
+ * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
49
+ * Known issue: no IE6 support
50
+ */
51
+
52
+ [hidden] {
53
+ display: none;
54
+ }
22
55
 
23
56
 
24
57
  /* =============================================================================
@@ -26,253 +59,446 @@ audio:not([controls]) { display: none; }
26
59
  ========================================================================== */
27
60
 
28
61
  /*
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
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/
31
66
  */
32
67
 
33
- html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
68
+ html {
69
+ font-size: 100%; /* 1 */
70
+ -webkit-text-size-adjust: 100%; /* 2 */
71
+ -ms-text-size-adjust: 100%; /* 2 */
72
+ }
34
73
 
35
- html, button, input, select, textarea { font-family: sans-serif; color: #222; }
74
+ /*
75
+ * Addresses font-family inconsistency between 'textarea' and other form elements.
76
+ */
36
77
 
37
- body { margin: 0; font-size: 1em; line-height: 1.4; }
78
+ html,
79
+ button,
80
+ input,
81
+ select,
82
+ textarea {
83
+ font-family: sans-serif;
84
+ }
38
85
 
39
86
  /*
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)
87
+ * Addresses margins handled incorrectly in IE6/7
43
88
  */
44
89
 
45
- ::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
46
- ::selection { background: #fe57a1; color: #fff; text-shadow: none; }
90
+ body {
91
+ margin: 0;
92
+ }
47
93
 
48
94
 
49
95
  /* =============================================================================
50
96
  Links
51
97
  ========================================================================== */
52
98
 
53
- a { color: #00e; }
54
- a:visited { color: #551a8b; }
55
- a:hover { color: #06e; }
56
- a:focus { outline: thin dotted; }
99
+ /*
100
+ * Addresses outline displayed oddly in Chrome
101
+ */
102
+
103
+ a:focus {
104
+ outline: thin dotted;
105
+ }
57
106
 
58
- /* Improve readability when focused and hovered in all browsers: h5bp.com/h */
59
- a:hover, a:active { outline: 0; }
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
+ }
60
116
 
61
117
 
62
118
  /* =============================================================================
63
119
  Typography
64
120
  ========================================================================== */
65
121
 
66
- abbr[title] { border-bottom: 1px dotted; }
67
-
68
- b, strong { font-weight: bold; }
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
+ */
69
126
 
70
- blockquote { margin: 1em 40px; }
127
+ h1 {
128
+ font-size: 2em;
129
+ margin: 0.67em 0;
130
+ }
71
131
 
72
- dfn { font-style: italic; }
132
+ h2 {
133
+ font-size: 1.5em;
134
+ margin: 0.83em 0;
135
+ }
73
136
 
74
- hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
137
+ h3 {
138
+ font-size: 1.17em;
139
+ margin: 1em 0;
140
+ }
75
141
 
76
- ins { background: #ff9; color: #000; text-decoration: none; }
142
+ h4 {
143
+ font-size: 1em;
144
+ margin: 1.33em 0;
145
+ }
77
146
 
78
- mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
147
+ h5 {
148
+ font-size: 0.83em;
149
+ margin: 1.67em 0;
150
+ }
79
151
 
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; }
152
+ h6 {
153
+ font-size: 0.75em;
154
+ margin: 2.33em 0;
155
+ }
82
156
 
83
- /* Improve readability of pre-formatted text in all browsers */
84
- pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
157
+ /*
158
+ * Addresses styling not present in IE7/8/9, S5, Chrome
159
+ */
85
160
 
86
- q { quotes: none; }
87
- q:before, q:after { content: ""; content: none; }
161
+ abbr[title] {
162
+ border-bottom: 1px dotted;
163
+ }
88
164
 
89
- small { font-size: 85%; }
165
+ /*
166
+ * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
167
+ */
90
168
 
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; }
169
+ b,
170
+ strong {
171
+ font-weight: bold;
172
+ }
95
173
 
174
+ blockquote {
175
+ margin: 1em 40px;
176
+ }
96
177
 
97
- /* =============================================================================
98
- Lists
99
- ========================================================================== */
178
+ /*
179
+ * Addresses styling not present in S5, Chrome
180
+ */
100
181
 
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; }
182
+ dfn {
183
+ font-style: italic;
184
+ }
104
185
 
186
+ /*
187
+ * Addresses styling not present in IE6/7/8/9
188
+ */
105
189
 
106
- /* =============================================================================
107
- Embedded content
108
- ========================================================================== */
190
+ mark {
191
+ background: #ff0;
192
+ color: #000;
193
+ }
109
194
 
110
195
  /*
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
196
+ * Addresses margins set differently in IE6/7
113
197
  */
114
198
 
115
- img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
199
+ p,
200
+ pre {
201
+ margin: 1em 0;
202
+ }
116
203
 
117
204
  /*
118
- * Correct overflow not hidden in IE9
205
+ * Corrects font family set oddly in IE6, S4/5, Chrome
206
+ * en.wikipedia.org/wiki/User:Davidgothberg/Test59
119
207
  */
120
208
 
121
- svg:not(:root) { overflow: hidden; }
209
+ pre,
210
+ code,
211
+ kbd,
212
+ samp {
213
+ font-family: monospace, serif;
214
+ _font-family: 'courier new', monospace;
215
+ font-size: 1em;
216
+ }
122
217
 
218
+ /*
219
+ * Improves readability of pre-formatted text in all browsers
220
+ */
123
221
 
124
- /* =============================================================================
125
- Figures
126
- ========================================================================== */
222
+ pre {
223
+ white-space: pre;
224
+ white-space: pre-wrap;
225
+ word-wrap: break-word;
226
+ }
127
227
 
128
- figure { margin: 0; }
228
+ /*
229
+ * 1. Addresses CSS quotes not supported in IE6/7
230
+ * 2. Addresses quote property not supported in S4
231
+ */
129
232
 
233
+ /* 1 */
130
234
 
131
- /* =============================================================================
132
- Forms
133
- ========================================================================== */
235
+ q {
236
+ quotes: none;
237
+ }
134
238
 
135
- form { margin: 0; }
136
- fieldset { border: 0; margin: 0; padding: 0; }
239
+ /* 2 */
137
240
 
138
- /* Indicate that 'label' will shift focus to the associated form element */
139
- label { cursor: pointer; }
241
+ q:before,
242
+ q:after {
243
+ content: '';
244
+ content: none;
245
+ }
246
+
247
+ small {
248
+ font-size: 75%;
249
+ }
140
250
 
141
251
  /*
142
- * 1. Correct color not inheriting in IE6/7/8/9
143
- * 2. Correct alignment displayed oddly in IE6/7
252
+ * Prevents sub and sup affecting line-height in all browsers
253
+ * gist.github.com/413930
144
254
  */
145
255
 
146
- legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
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
+ }
147
267
 
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
- */
268
+ sub {
269
+ bottom: -0.25em;
270
+ }
153
271
 
154
- button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
272
+
273
+ /* =============================================================================
274
+ Lists
275
+ ========================================================================== */
155
276
 
156
277
  /*
157
- * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
278
+ * Addresses margins set differently in IE6/7
158
279
  */
159
280
 
160
- button, input { line-height: normal; }
281
+ dl,
282
+ menu,
283
+ ol,
284
+ ul {
285
+ margin: 1em 0;
286
+ }
287
+
288
+ dd {
289
+ margin: 0 0 0 40px;
290
+ }
161
291
 
162
292
  /*
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)
293
+ * Addresses paddings set differently in IE6/7
166
294
  */
167
295
 
168
- button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
296
+ menu,
297
+ ol,
298
+ ul {
299
+ padding: 0 0 0 40px;
300
+ }
169
301
 
170
302
  /*
171
- * Re-set default cursor for disabled elements
303
+ * Corrects list images handled incorrectly in IE7
172
304
  */
173
305
 
174
- button[disabled], input[disabled] { cursor: default; }
306
+ nav ul,
307
+ nav ol {
308
+ list-style: none;
309
+ list-style-image: none;
310
+ }
175
311
 
176
- /*
177
- * Consistent box sizing and appearance
178
- */
179
312
 
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; }
313
+ /* =============================================================================
314
+ Embedded content
315
+ ========================================================================== */
183
316
 
184
317
  /*
185
- * Remove inner padding and border in FF3/4: h5bp.com/l
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/
186
321
  */
187
322
 
188
- button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
323
+ img {
324
+ border: 0; /* 1 */
325
+ -ms-interpolation-mode: bicubic; /* 2 */
326
+ }
189
327
 
190
328
  /*
191
- * 1. Remove default vertical scrollbar in IE6/7/8/9
192
- * 2. Allow only vertical resizing
329
+ * Corrects overflow displayed oddly in IE9
193
330
  */
194
331
 
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; }
332
+ svg:not(:root) {
333
+ overflow: hidden;
334
+ }
200
335
 
201
336
 
202
337
  /* =============================================================================
203
- Tables
338
+ Figures
204
339
  ========================================================================== */
205
340
 
206
- table { border-collapse: collapse; border-spacing: 0; }
207
- td { vertical-align: top; }
208
-
209
-
210
- /* =============================================================================
211
- Chrome Frame Prompt
212
- ========================================================================== */
341
+ /*
342
+ * Addresses margin not present in IE6/7/8/9, S5, O11
343
+ */
213
344
 
214
- .chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }
345
+ figure {
346
+ margin: 0;
347
+ }
215
348
 
216
349
 
217
- /* ==|== primary styles =====================================================
218
- Author:
350
+ /* =============================================================================
351
+ Forms
219
352
  ========================================================================== */
220
353
 
354
+ /*
355
+ * Corrects margin displayed oddly in IE6/7
356
+ */
221
357
 
358
+ form {
359
+ margin: 0;
360
+ }
222
361
 
362
+ /*
363
+ * Define consistent border, margin, and padding
364
+ */
223
365
 
366
+ fieldset {
367
+ border: 1px solid #c0c0c0;
368
+ margin: 0 2px;
369
+ padding: 0.35em 0.625em 0.75em;
370
+ }
224
371
 
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
+ */
225
377
 
378
+ legend {
379
+ border: 0; /* 1 */
380
+ padding: 0;
381
+ white-space: normal; /* 2 */
382
+ *margin-left: -7px; /* 3 */
383
+ }
226
384
 
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
+ */
227
390
 
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
+ }
228
400
 
401
+ /*
402
+ * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
403
+ */
229
404
 
405
+ button,
406
+ input {
407
+ line-height: normal; /* 1 */
408
+ }
230
409
 
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
+ */
231
416
 
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
+ }
232
425
 
426
+ /*
427
+ * Re-set default cursor for disabled elements
428
+ */
233
429
 
234
-
235
-
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
- ========================================================================== */
241
-
242
- @media only screen and (min-width: 35em) {
243
- /* Style adjustments for viewports that meet the condition */
430
+ button[disabled],
431
+ input[disabled] {
432
+ cursor: default;
244
433
  }
245
434
 
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
+ */
246
441
 
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
+ }
247
449
 
248
- /* ==|== non-semantic helper classes ========================================
249
- Please define your styles before this section.
250
- ========================================================================== */
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
+ */
251
454
 
252
- /* For image replacement */
253
- .ir { border:0; font: 0/0 a; text-shadow: none; color: transparent; background-color: transparent; }
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
+ }
254
461
 
255
- /* Hide from both screenreaders and browsers: h5bp.com/u */
256
- .hidden { display: none !important; visibility: hidden; }
462
+ /*
463
+ * Removes inner padding and search cancel button in S5, Chrome on OS X
464
+ */
257
465
 
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; }
466
+ input[type="search"]::-webkit-search-decoration,
467
+ input[type="search"]::-webkit-search-cancel-button {
468
+ -webkit-appearance: none;
469
+ }
260
470
 
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; }
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
+ */
263
475
 
264
- /* Hide visually and from screenreaders, but maintain layout */
265
- .invisible { visibility: hidden; }
476
+ button::-moz-focus-inner,
477
+ input::-moz-focus-inner {
478
+ border: 0;
479
+ padding: 0;
480
+ }
266
481
 
267
- /* Contain floats: h5bp.com/q */
268
- .clearfix:before, .clearfix:after { content: ""; display: table; }
269
- .clearfix:after { clear: both; }
270
- .clearfix { *zoom: 1; }
482
+ /*
483
+ * 1. Removes default vertical scrollbar in IE6/7/8/9
484
+ * 2. Improves readability and alignment in all browsers
485
+ */
271
486
 
487
+ textarea {
488
+ overflow: auto; /* 1 */
489
+ vertical-align: top; /* 2 */
490
+ }
272
491
 
273
492
 
274
- /* ==|== print styles =======================================================
275
- Print styles.
276
- Inlined to avoid required HTTP connection: h5bp.com/r
493
+ /* =============================================================================
494
+ Tables
277
495
  ========================================================================== */
278
496
 
497
+ /*
498
+ * Remove most spacing between table cells
499
+ */
500
+
501
+ table {
502
+ border-collapse: collapse;
503
+ border-spacing: 0;
504
+ }
@@ -1,4 +1,4 @@
1
- // Based on HTML5 BOILERPLATE
1
+ // Based on HTML5 BOILERPLATE --------------- TO HARD
2
2
 
3
3
  html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, hr, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video
4
4
  margin: 0
metadata CHANGED
@@ -1,15 +1,15 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: compass-capucine
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.2
5
- prerelease:
4
+ version: 0.2.0.rc1
5
+ prerelease: 6
6
6
  platform: ruby
7
7
  authors:
8
8
  - Damian Le Nouaille
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2012-03-28 00:00:00.000000000 Z
12
+ date: 2012-05-28 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: compass
@@ -65,14 +65,15 @@ executables: []
65
65
  extensions: []
66
66
  extra_rdoc_files:
67
67
  - LICENSE.txt
68
- - README.rdoc
68
+ - README.md
69
69
  files:
70
70
  - Gemfile
71
71
  - Gemfile.lock
72
72
  - LICENSE.txt
73
- - README.rdoc
73
+ - README.md
74
74
  - Rakefile
75
75
  - VERSION
76
+ - capucine-logo-mini.png
76
77
  - compass-capucine.gemspec
77
78
  - lib/compass-capucine.rb
78
79
  - stylesheets/_compass-capucine.scss
@@ -97,13 +98,13 @@ required_ruby_version: !ruby/object:Gem::Requirement
97
98
  version: '0'
98
99
  segments:
99
100
  - 0
100
- hash: 878031607657927871
101
+ hash: -4342787725732197463
101
102
  required_rubygems_version: !ruby/object:Gem::Requirement
102
103
  none: false
103
104
  requirements:
104
- - - ! '>='
105
+ - - ! '>'
105
106
  - !ruby/object:Gem::Version
106
- version: '0'
107
+ version: 1.3.1
107
108
  requirements: []
108
109
  rubyforge_project:
109
110
  rubygems_version: 1.8.21
data/README.rdoc DELETED
@@ -1,19 +0,0 @@
1
- = compass-capucine
2
-
3
- Description goes here.
4
-
5
- == Contributing to compass-capucine
6
-
7
- * Check out the latest master to make sure the feature hasn't been implemented or the bug hasn't been fixed yet.
8
- * Check out the issue tracker to make sure someone already hasn't requested it and/or contributed it.
9
- * Fork the project.
10
- * Start a feature/bugfix branch.
11
- * Commit and push until you are happy with your contribution.
12
- * Make sure to add tests for it. This is important so I don't break it in a future version unintentionally.
13
- * Please try not to mess with the Rakefile, version, or history. If you want to have your own version, or is otherwise necessary, that is fine, but please isolate to its own commit so I can cherry-pick around it.
14
-
15
- == Copyright
16
-
17
- Copyright (c) 2012 Damian Le Nouaille. See LICENSE.txt for
18
- further details.
19
-