compass-normalize 0.1.beta.1 → 0.1.beta.2

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.
Files changed (3) hide show
  1. data/README.md +17 -1
  2. data/stylesheets/_normalize.scss +61 -19
  3. metadata +3 -3
data/README.md CHANGED
@@ -1,5 +1,21 @@
1
1
  # Compass Normalize.css
2
+ This simple plugin for compass enables you to use [normalize.css](http://necolas.github.com/normalize.css/) in your stylesheet's without having to go download it. Check out the very cool [normalize.css project](http://necolas.github.com/normalize.css/).
2
3
  ## Installation
3
4
  From the command line:
4
5
 
5
- (sudo) gem install compass-normalize
6
+ (sudo) gem install compass-normalize --pre
7
+
8
+ When creating a new project with compass:
9
+
10
+ compass create new_project -r compass-normalize --using compass-normalize
11
+
12
+ If using an existing project, edit your config.rb and add this line:
13
+
14
+ require 'compass-normalize'
15
+
16
+ # Usage
17
+ To use the normalize plugin just import and include normalize, like so:
18
+
19
+ @import normalize;
20
+
21
+ @include normalize();
@@ -1,5 +1,5 @@
1
1
  @mixin normalize() {
2
- /*! normalize.css 2011-11-04T15:38 UTC - http://github.com/necolas/normalize.css */
2
+ /*! normalize.css 2012-01-31T16:06 UTC - http://github.com/necolas/normalize.css */
3
3
 
4
4
  /* =============================================================================
5
5
  HTML5 display definitions
@@ -59,31 +59,21 @@
59
59
  /*
60
60
  * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
61
61
  * http://clagnut.com/blog/348/#c790
62
- * 2. Keeps page centred in all browsers regardless of content height
63
- * 3. Prevents iOS text size adjust after orientation change, without disabling user zoom
62
+ * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
64
63
  * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
65
64
  */
66
65
 
67
66
  html {
68
67
  font-size: 100%; /* 1 */
69
- overflow-y: scroll; /* 2 */
70
- -webkit-text-size-adjust: 100%; /* 3 */
71
- -ms-text-size-adjust: 100%; /* 3 */
72
- }
73
-
74
- /*
75
- * Addresses margins handled incorrectly in IE6/7
76
- */
77
-
78
- body {
79
- margin: 0;
68
+ -webkit-text-size-adjust: 100%; /* 2 */
69
+ -ms-text-size-adjust: 100%; /* 2 */
80
70
  }
81
71
 
82
72
  /*
83
73
  * Addresses font-family inconsistency between 'textarea' and other form elements.
84
74
  */
85
75
 
86
- body,
76
+ html,
87
77
  button,
88
78
  input,
89
79
  select,
@@ -91,6 +81,14 @@
91
81
  font-family: sans-serif;
92
82
  }
93
83
 
84
+ /*
85
+ * Addresses margins handled incorrectly in IE6/7
86
+ */
87
+
88
+ body {
89
+ margin: 0;
90
+ }
91
+
94
92
 
95
93
  /* =============================================================================
96
94
  Links
@@ -121,10 +119,37 @@
121
119
 
122
120
  /*
123
121
  * Neutralise smaller font-size in 'section' and 'article' in FF4+, Chrome, S5
122
+ * Fix IE6/7 heading font-size not being relative to the root font-size
124
123
  */
125
124
 
126
125
  h1 {
127
126
  font-size: 2em;
127
+ margin: 0.67em 0;
128
+ }
129
+
130
+ h2 {
131
+ font-size: 1.5em;
132
+ margin: 0.83em 0;
133
+ }
134
+
135
+ h3 {
136
+ font-size: 1.17em;
137
+ margin: 1em 0;
138
+ }
139
+
140
+ h4 {
141
+ font-size: 1em;
142
+ margin: 1.33em 0;
143
+ }
144
+
145
+ h5 {
146
+ font-size: 0.83em;
147
+ margin: 1.67em 0;
148
+ }
149
+
150
+ h6 {
151
+ font-size: 0.75em;
152
+ margin: 2.33em 0;
128
153
  }
129
154
 
130
155
  /*
@@ -316,12 +341,15 @@
316
341
 
317
342
  /*
318
343
  * 1. Corrects color not being inherited in IE6/7/8/9
319
- * 2. Corrects alignment displayed oddly in IE6/7
344
+ * 2. Corrects text not wrapping in FF3
345
+ * 3. Corrects alignment displayed oddly in IE6/7
320
346
  */
321
347
 
322
348
  legend {
323
349
  border: 0; /* 1 */
324
- *margin-left: -7px; /* 2 */
350
+ padding: 0;
351
+ white-space: normal; /* 2 */
352
+ *margin-left: -7px; /* 3 */
325
353
  }
326
354
 
327
355
  /*
@@ -365,15 +393,28 @@
365
393
  *overflow: visible; /* 3 */
366
394
  }
367
395
 
396
+ /*
397
+ * Re-set default cursor for disabled elements
398
+ */
399
+
400
+ button[disabled],
401
+ input[disabled] {
402
+ cursor: default;
403
+ }
404
+
368
405
  /*
369
406
  * 1. Addresses box sizing set to content-box in IE8/9
370
407
  * 2. Removes excess padding in IE8/9
408
+ * 3. Removes excess padding in IE7
409
+ Known issue: excess padding remains in IE6
371
410
  */
372
411
 
373
412
  input[type="checkbox"],
374
413
  input[type="radio"] {
375
414
  box-sizing: border-box; /* 1 */
376
415
  padding: 0; /* 2 */
416
+ *height: 13px; /* 3 */
417
+ *width: 13px; /* 3 */
377
418
  }
378
419
 
379
420
  /*
@@ -389,10 +430,11 @@
389
430
  }
390
431
 
391
432
  /*
392
- * Removes inner padding that is displayed in S5, Chrome on OS X
433
+ * Removes inner padding and search cancel button in S5, Chrome on OS X
393
434
  */
394
435
 
395
- input[type="search"]::-webkit-search-decoration {
436
+ input[type="search"]::-webkit-search-decoration,
437
+ input[type="search"]::-webkit-search-cancel-button {
396
438
  -webkit-appearance: none;
397
439
  }
398
440
 
metadata CHANGED
@@ -6,8 +6,8 @@ version: !ruby/object:Gem::Version
6
6
  - 0
7
7
  - 1
8
8
  - beta
9
- - 1
10
- version: 0.1.beta.1
9
+ - 2
10
+ version: 0.1.beta.2
11
11
  platform: ruby
12
12
  authors:
13
13
  - Kristian Andersen
@@ -15,7 +15,7 @@ autorequire:
15
15
  bindir: bin
16
16
  cert_chain: []
17
17
 
18
- date: 2012-01-15 00:00:00 +01:00
18
+ date: 2012-02-05 00:00:00 +01:00
19
19
  default_executable:
20
20
  dependencies:
21
21
  - !ruby/object:Gem::Dependency