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

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