compass-normalize-plugin 0.2.1 → 0.2.2

Sign up to get free protection for your applications and to get access to all the features.
data/CHANGELOG.md CHANGED
@@ -1,9 +1,15 @@
1
+ v0.2.2 [Apr 2 2012]
2
+ - - - - - - - - - - -
3
+
4
+ - Updates meta information
5
+ - Changes indentation to 2 spaces.
6
+ - Adds project template configuration variables.
7
+
1
8
  v0.2.1 [Mar 31 2012]
2
9
  - - - - - - - - - - -
3
10
 
4
11
  Fixes parenthesis.
5
12
 
6
-
7
13
  v0.2.0 [Mar 31 2012]
8
14
  - - - - - - - - - - -
9
15
 
data/Rakefile CHANGED
@@ -7,7 +7,7 @@ begin
7
7
  Echoe.new('compass-normalize-plugin', open('VERSION').read) do |p|
8
8
  p.summary = "Makes browsers render HTML elements consistently and in line with modern standards."
9
9
  p.description = "This is a normalize.css extension for the Compass framework."
10
- p.url = "http://roettger.us/"
10
+ p.url = "https://github.com/jroettger/compass-normalize-plugin"
11
11
  p.author = "Johannes Roettger"
12
12
  p.email = "johannes@roettger.us"
13
13
  p.dependencies = ["compass >=0.11.1"]
data/VERSION CHANGED
@@ -1 +1 @@
1
- 0.2.1
1
+ 0.2.2
@@ -1,43 +1,43 @@
1
1
  # -*- encoding: utf-8 -*-
2
2
 
3
3
  Gem::Specification.new do |s|
4
- s.version = "0.2.1"
5
- s.date = %q{2012-03-31}
4
+ s.version = "0.2.2"
5
+ s.date = %q{2012-04-02}
6
6
 
7
7
  s.name = %q{compass-normalize-plugin}
8
8
  s.authors = ["Johannes Roettger", "Nicolas Gallagher", "Jonathan Neal"]
9
9
  s.summary = %q{Makes browsers render HTML elements consistently and in line with modern standards.}
10
10
  s.description = %q{This is a normalize.css extension for the Compass framework.}
11
11
  s.email = %q{johannes@roettger.us}
12
- s.homepage = %q{http://roettger.us/}
12
+ s.homepage = %q{https://github.com/jroettger/compass-normalize-plugin}
13
13
 
14
- s.files = [
15
- "CHANGELOG.md",
16
- "compass-normalize-plugin.gemspec",
17
- "lib/normalize.rb",
18
- "Manifest",
19
- "Rakefile",
20
- "README.md",
21
- "scss/",
22
- "scss/_config.scss",
23
- "scss/_normalize.scss",
24
- "scss/normalize/",
25
- "scss/normalize/_base.scss",
26
- "scss/normalize/_embedded.scss",
27
- "scss/normalize/_figures.scss",
28
- "scss/normalize/_forms.scss",
29
- "scss/normalize/_html5.scss",
30
- "scss/normalize/_links.scss",
31
- "scss/normalize/_lists.scss",
32
- "scss/normalize/_tables.scss",
33
- "scss/normalize/_typography.scss",
34
- "templates/",
35
- "templates/project/",
36
- "templates/project/manifest.rb",
37
- "templates/project/screen.scss",
38
- "VERSION"
39
- ]
40
-
41
- s.rubygems_version = %q{1.3.6}
42
- s.add_dependency(%q<compass>, [">= 0.11.1"])
14
+ s.files = [
15
+ "CHANGELOG.md",
16
+ "compass-normalize-plugin.gemspec",
17
+ "lib/normalize.rb",
18
+ "Manifest",
19
+ "Rakefile",
20
+ "README.md",
21
+ "scss/",
22
+ "scss/_config.scss",
23
+ "scss/_normalize.scss",
24
+ "scss/normalize/",
25
+ "scss/normalize/_base.scss",
26
+ "scss/normalize/_embedded.scss",
27
+ "scss/normalize/_figures.scss",
28
+ "scss/normalize/_forms.scss",
29
+ "scss/normalize/_html5.scss",
30
+ "scss/normalize/_links.scss",
31
+ "scss/normalize/_lists.scss",
32
+ "scss/normalize/_tables.scss",
33
+ "scss/normalize/_typography.scss",
34
+ "templates/",
35
+ "templates/project/",
36
+ "templates/project/manifest.rb",
37
+ "templates/project/screen.scss",
38
+ "VERSION"
39
+ ]
40
+
41
+ s.rubygems_version = %q{1.3.6}
42
+ s.add_dependency(%q<compass>, [">= 0.11.1"])
43
43
  end
data/scss/_normalize.scss CHANGED
@@ -11,13 +11,13 @@
11
11
  @import "normalize/tables";
12
12
 
13
13
  @mixin normalize {
14
- @include normalize-html5;
15
- @include normalize-base;
16
- @include normalize-links;
17
- @include normalize-typography;
18
- @include normalize-lists;
19
- @include normalize-embedded;
20
- @include normalize-figures;
21
- @include normalize-forms;
22
- @include normalize-tables;
14
+ @include normalize-html5;
15
+ @include normalize-base;
16
+ @include normalize-links;
17
+ @include normalize-typography;
18
+ @include normalize-lists;
19
+ @include normalize-embedded;
20
+ @include normalize-figures;
21
+ @include normalize-forms;
22
+ @include normalize-tables;
23
23
  }
@@ -1,36 +1,36 @@
1
1
  @mixin normalize-base {
2
- html {
3
- @if ($include-ie-normalization
4
- or $include-ie6-normalization
5
- or $include-ie7-normalization) {
6
- // Corrects text resizing oddly in IE6/7 when body font-size is set using em units
7
- // http://clagnut.com/blog/348/#c790
8
- font-size: 100%;
9
- }
10
-
11
- @if $include-ios-normalization {
12
- // Prevents iOS text size adjust after orientation change, without disabling user zoom
13
- // www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
14
- -webkit-text-size-adjust: 100%;
15
- -ms-text-size-adjust: 100%;
16
- }
17
- }
2
+ html {
3
+ @if ($include-ie-normalization
4
+ or $include-ie6-normalization
5
+ or $include-ie7-normalization) {
6
+ // Corrects text resizing oddly in IE6/7 when body font-size is set using em units
7
+ // http://clagnut.com/blog/348/#c790
8
+ font-size: 100%;
9
+ }
18
10
 
19
- // Addresses font-family inconsistency between 'textarea' and other form elements.
20
- html,
21
- button,
22
- input,
23
- select,
24
- textarea {
25
- font-family: sans-serif;
26
- }
11
+ @if $include-ios-normalization {
12
+ // Prevents iOS text size adjust after orientation change, without disabling user zoom
13
+ // www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
14
+ -webkit-text-size-adjust: 100%;
15
+ -ms-text-size-adjust: 100%;
16
+ }
17
+ }
27
18
 
28
- @if ($include-ie-normalization
29
- or $include-ie6-normalization
30
- or $include-ie7-normalization) {
31
- // Addresses margins handled incorrectly in IE6/7
32
- body {
33
- margin: 0;
34
- }
35
- }
19
+ // Addresses font-family inconsistency between 'textarea' and other form elements.
20
+ html,
21
+ button,
22
+ input,
23
+ select,
24
+ textarea {
25
+ font-family: sans-serif;
26
+ }
27
+
28
+ @if ($include-ie-normalization
29
+ or $include-ie6-normalization
30
+ or $include-ie7-normalization) {
31
+ // Addresses margins handled incorrectly in IE6/7
32
+ body {
33
+ margin: 0;
34
+ }
35
+ }
36
36
  }
@@ -1,28 +1,28 @@
1
1
  @mixin normalize-embedded {
2
- img {
3
- @if ($include-ie-normalization
4
- or $include-ie6-normalization
5
- or $include-ie7-normalization
6
- or $include-ie8-normalization
7
- or $include-ie9-normalization
8
- or $include-ff-normalization) {
9
- // Removes border when inside 'a' element in IE6/7/8/9, FF3
10
- border: 0;
11
- }
12
-
13
- @if ($include-ie-normalization
14
- or $include-ie7-normalization) {
15
- // Improves image quality when scaled in IE7
16
- // code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
17
- -ms-interpolation-mode: bicubic;
18
- }
19
- }
2
+ img {
3
+ @if ($include-ie-normalization
4
+ or $include-ie6-normalization
5
+ or $include-ie7-normalization
6
+ or $include-ie8-normalization
7
+ or $include-ie9-normalization
8
+ or $include-ff-normalization) {
9
+ // Removes border when inside 'a' element in IE6/7/8/9, FF3
10
+ border: 0;
11
+ }
12
+
13
+ @if ($include-ie-normalization
14
+ or $include-ie7-normalization) {
15
+ // Improves image quality when scaled in IE7
16
+ // code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
17
+ -ms-interpolation-mode: bicubic;
18
+ }
19
+ }
20
20
 
21
- @if ($include-ie-normalization
22
- or $include-ie9-normalization) {
23
- // Corrects overflow displayed oddly in IE9
24
- svg:not(:root) {
25
- overflow: hidden;
26
- }
27
- }
21
+ @if ($include-ie-normalization
22
+ or $include-ie9-normalization) {
23
+ // Corrects overflow displayed oddly in IE9
24
+ svg:not(:root) {
25
+ overflow: hidden;
26
+ }
27
+ }
28
28
  }
@@ -1,14 +1,14 @@
1
1
  @mixin normalize-figures {
2
- @if ($include-ie-normalization
3
- or $include-ie6-normalization
4
- or $include-ie7-normalization
5
- or $include-ie8-normalization
6
- or $include-ie9-normalization
7
- or $include-sa-normalization
8
- or $include-op-normalization) {
9
- // Addresses margin not present in IE6/7/8/9, S5, O11
10
- figure {
11
- margin: 0;
12
- }
13
- }
2
+ @if ($include-ie-normalization
3
+ or $include-ie6-normalization
4
+ or $include-ie7-normalization
5
+ or $include-ie8-normalization
6
+ or $include-ie9-normalization
7
+ or $include-sa-normalization
8
+ or $include-op-normalization) {
9
+ // Addresses margin not present in IE6/7/8/9, S5, O11
10
+ figure {
11
+ margin: 0;
12
+ }
13
+ }
14
14
  }
@@ -1,169 +1,169 @@
1
1
  @mixin normalize-forms {
2
- @if ($include-ie-normalization
3
- or $include-ie6-normalization
4
- or $include-ie7-normalization) {
5
- // Corrects margin displayed oddly in IE6/7
6
- form {
7
- margin: 0;
8
- }
9
- }
2
+ @if ($include-ie-normalization
3
+ or $include-ie6-normalization
4
+ or $include-ie7-normalization) {
5
+ // Corrects margin displayed oddly in IE6/7
6
+ form {
7
+ margin: 0;
8
+ }
9
+ }
10
10
 
11
- // Define consistent border, margin, and padding
12
- fieldset {
13
- border: 1px solid #c0c0c0;
14
- margin: 0 2px;
15
- padding: 0.35em 0.625em 0.75em;
16
- }
11
+ // Define consistent border, margin, and padding
12
+ fieldset {
13
+ border: 1px solid #c0c0c0;
14
+ margin: 0 2px;
15
+ padding: 0.35em 0.625em 0.75em;
16
+ }
17
17
 
18
- legend {
19
- @if ($include-ie-normalization
20
- or $include-ie6-normalization
21
- or $include-ie7-normalization
22
- or $include-ie8-normalization
23
- or $include-ie9-normalization) {
24
- // Corrects color not being inherited in IE6/7/8/9
25
- border: 0;
26
- padding: 0;
27
- }
28
-
29
- @if $include-ff-normalization {
30
- // Corrects text not wrapping in FF3
31
- white-space: normal;
32
- }
33
-
34
- @if ($include-ie-normalization
35
- or $include-ie6-normalization
36
- or $include-ie7-normalization) {
37
- // Corrects alignment displayed oddly in IE6/7
38
- *margin-left: -7px;
39
- }
40
- }
18
+ legend {
19
+ @if ($include-ie-normalization
20
+ or $include-ie6-normalization
21
+ or $include-ie7-normalization
22
+ or $include-ie8-normalization
23
+ or $include-ie9-normalization) {
24
+ // Corrects color not being inherited in IE6/7/8/9
25
+ border: 0;
26
+ padding: 0;
27
+ }
28
+
29
+ @if $include-ff-normalization {
30
+ // Corrects text not wrapping in FF3
31
+ white-space: normal;
32
+ }
33
+
34
+ @if ($include-ie-normalization
35
+ or $include-ie6-normalization
36
+ or $include-ie7-normalization) {
37
+ // Corrects alignment displayed oddly in IE6/7
38
+ *margin-left: -7px;
39
+ }
40
+ }
41
41
 
42
- button,
43
- input,
44
- select,
45
- textarea {
46
- // Corrects font size not being inherited in all browsers
47
- font-size: 100%;
48
-
49
- @if ($include-ie-normalization
50
- or $include-ie6-normalization
51
- or $include-ie7-normalization
52
- or $include-ff-normalization
53
- or $include-sa-normalization
54
- or $include-chr-normalization) {
55
- // Addresses margins set differently in IE6/7, FF3+, S5, Chrome
56
- margin: 0;
57
- }
58
-
59
- // Improves appearance and consistency in all browsers
60
- vertical-align: baseline;
61
- *vertical-align: middle;
62
- }
42
+ button,
43
+ input,
44
+ select,
45
+ textarea {
46
+ // Corrects font size not being inherited in all browsers
47
+ font-size: 100%;
48
+
49
+ @if ($include-ie-normalization
50
+ or $include-ie6-normalization
51
+ or $include-ie7-normalization
52
+ or $include-ff-normalization
53
+ or $include-sa-normalization
54
+ or $include-chr-normalization) {
55
+ // Addresses margins set differently in IE6/7, FF3+, S5, Chrome
56
+ margin: 0;
57
+ }
58
+
59
+ // Improves appearance and consistency in all browsers
60
+ vertical-align: baseline;
61
+ *vertical-align: middle;
62
+ }
63
63
 
64
- @if $include-ff-normalization {
65
- // Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
66
- button,
67
- input {
68
- line-height: normal;
69
- }
70
- }
64
+ @if $include-ff-normalization {
65
+ // Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
66
+ button,
67
+ input {
68
+ line-height: normal;
69
+ }
70
+ }
71
71
 
72
- button,
73
- input[type="button"],
74
- input[type="reset"],
75
- input[type="submit"] {
76
- // Improves usability and consistency of cursor style between image-type 'input' and others
77
- cursor: pointer;
78
-
79
- @if $include-ios-normalization {
80
- // Corrects inability to style clickable 'input' types in iOS
81
- -webkit-appearance: button;
82
- }
83
-
84
- @if ($include-ie-normalization
85
- or $include-ie7-normalization) {
86
- // Removes inner spacing in IE7 without affecting normal text inputs
87
- // Known issue: inner spacing remains in IE6
88
- *overflow: visible;
89
- }
90
- }
72
+ button,
73
+ input[type="button"],
74
+ input[type="reset"],
75
+ input[type="submit"] {
76
+ // Improves usability and consistency of cursor style between image-type 'input' and others
77
+ cursor: pointer;
78
+
79
+ @if $include-ios-normalization {
80
+ // Corrects inability to style clickable 'input' types in iOS
81
+ -webkit-appearance: button;
82
+ }
83
+
84
+ @if ($include-ie-normalization
85
+ or $include-ie7-normalization) {
86
+ // Removes inner spacing in IE7 without affecting normal text inputs
87
+ // Known issue: inner spacing remains in IE6
88
+ *overflow: visible;
89
+ }
90
+ }
91
91
 
92
- // Re-set default cursor for disabled elements
93
- button[disabled],
94
- input[disabled] {
95
- cursor: default;
96
- }
92
+ // Re-set default cursor for disabled elements
93
+ button[disabled],
94
+ input[disabled] {
95
+ cursor: default;
96
+ }
97
97
 
98
- input[type="checkbox"],
99
- input[type="radio"] {
100
- @if ($include-ie-normalization
101
- or $include-ie8-normalization
102
- or $include-ie9-normalization) {
103
- // Addresses box sizing set to content-box in IE8/9
104
- box-sizing: border-box;
105
- }
106
-
107
- @if ($include-ie-normalization
108
- or $include-ie8-normalization
109
- or $include-ie9-normalization) {
110
- // Removes excess padding in IE8/9
111
- padding: 0;
112
- }
113
-
114
- @if ($include-ie-normalization
115
- or $include-ie7-normalization) {
116
- // Removes excess padding in IE7
117
- // Known issue: excess padding remains in IE6
118
- *height: 13px;
119
- *width: 13px;
120
- }
121
- }
98
+ input[type="checkbox"],
99
+ input[type="radio"] {
100
+ @if ($include-ie-normalization
101
+ or $include-ie8-normalization
102
+ or $include-ie9-normalization) {
103
+ // Addresses box sizing set to content-box in IE8/9
104
+ box-sizing: border-box;
105
+ }
106
+
107
+ @if ($include-ie-normalization
108
+ or $include-ie8-normalization
109
+ or $include-ie9-normalization) {
110
+ // Removes excess padding in IE8/9
111
+ padding: 0;
112
+ }
113
+
114
+ @if ($include-ie-normalization
115
+ or $include-ie7-normalization) {
116
+ // Removes excess padding in IE7
117
+ // Known issue: excess padding remains in IE6
118
+ *height: 13px;
119
+ *width: 13px;
120
+ }
121
+ }
122
122
 
123
- input[type="search"] {
124
- @if ($include-sa-normalization
125
- or $include-chr-normalization) {
126
- // Addresses appearance set to searchfield in S5, Chrome
127
- -webkit-appearance: textfield;
128
-
129
- // Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
130
- -webkit-box-sizing: content-box;
131
- -moz-box-sizing: content-box;
132
- }
133
-
134
- box-sizing: content-box;
135
- }
123
+ input[type="search"] {
124
+ @if ($include-sa-normalization
125
+ or $include-chr-normalization) {
126
+ // Addresses appearance set to searchfield in S5, Chrome
127
+ -webkit-appearance: textfield;
128
+
129
+ // Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
130
+ -webkit-box-sizing: content-box;
131
+ -moz-box-sizing: content-box;
132
+ }
133
+
134
+ box-sizing: content-box;
135
+ }
136
136
 
137
- @if ($include-sa-normalization
138
- or $include-chr-normalization) {
139
- // Removes inner padding and search cancel button in S5, Chrome on OS X
140
- input[type="search"]::-webkit-search-decoration,
141
- input[type="search"]::-webkit-search-cancel-button {
142
- -webkit-appearance: none;
143
- }
144
- }
137
+ @if ($include-sa-normalization
138
+ or $include-chr-normalization) {
139
+ // Removes inner padding and search cancel button in S5, Chrome on OS X
140
+ input[type="search"]::-webkit-search-decoration,
141
+ input[type="search"]::-webkit-search-cancel-button {
142
+ -webkit-appearance: none;
143
+ }
144
+ }
145
145
 
146
- @if $include-ff-normalization {
147
- // Removes inner padding and border in FF3+
148
- // www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
149
- button::-moz-focus-inner,
150
- input::-moz-focus-inner {
151
- border: 0;
152
- padding: 0;
153
- }
154
- }
146
+ @if $include-ff-normalization {
147
+ // Removes inner padding and border in FF3+
148
+ // www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
149
+ button::-moz-focus-inner,
150
+ input::-moz-focus-inner {
151
+ border: 0;
152
+ padding: 0;
153
+ }
154
+ }
155
155
 
156
- textarea {
157
- @if ($include-ie-normalization
158
- or $include-ie6-normalization
159
- or $include-ie7-normalization
160
- or $include-ie8-normalization
161
- or $include-ie9-normalization) {
162
- // Removes default vertical scrollbar in IE6/7/8/9
163
- overflow: auto;
164
- }
165
-
166
- // Improves readability and alignment in all browsers
167
- vertical-align: top;
168
- }
156
+ textarea {
157
+ @if ($include-ie-normalization
158
+ or $include-ie6-normalization
159
+ or $include-ie7-normalization
160
+ or $include-ie8-normalization
161
+ or $include-ie9-normalization) {
162
+ // Removes default vertical scrollbar in IE6/7/8/9
163
+ overflow: auto;
164
+ }
165
+
166
+ // Improves readability and alignment in all browsers
167
+ vertical-align: top;
168
+ }
169
169
  }
@@ -1,52 +1,52 @@
1
1
  @mixin normalize-html5 {
2
- @if ($include-ie-normalization
3
- or $include-ie6-normalization
4
- or $include-ie7-normalization
5
- or $include-ie8-normalization
6
- or $include-ie9-normalization
7
- or $include-ff-normalization) {
8
- // Corrects block display not defined in IE6/7/8/9 & FF3
9
- article,
10
- aside,
11
- details,
12
- figcaption,
13
- figure,
14
- footer,
15
- header,
16
- hgroup,
17
- nav,
18
- section,
19
- summary {
20
- display: block;
21
- }
2
+ @if ($include-ie-normalization
3
+ or $include-ie6-normalization
4
+ or $include-ie7-normalization
5
+ or $include-ie8-normalization
6
+ or $include-ie9-normalization
7
+ or $include-ff-normalization) {
8
+ // Corrects block display not defined in IE6/7/8/9 & FF3
9
+ article,
10
+ aside,
11
+ details,
12
+ figcaption,
13
+ figure,
14
+ footer,
15
+ header,
16
+ hgroup,
17
+ nav,
18
+ section,
19
+ summary {
20
+ display: block;
21
+ }
22
22
 
23
- // Corrects inline-block display not defined in IE6/7/8/9 & FF3
24
- audio,
25
- canvas,
26
- video {
27
- display: inline-block;
28
- *display: inline;
29
- *zoom: 1;
30
- }
31
- }
23
+ // Corrects inline-block display not defined in IE6/7/8/9 & FF3
24
+ audio,
25
+ canvas,
26
+ video {
27
+ display: inline-block;
28
+ *display: inline;
29
+ *zoom: 1;
30
+ }
31
+ }
32
32
 
33
- // Prevents modern browsers from displaying 'audio' without controls
34
- // Remove excess height in iOS5 devices
35
- audio:not([controls]) {
36
- display: none;
37
- height: 0;
38
- }
33
+ // Prevents modern browsers from displaying 'audio' without controls
34
+ // Remove excess height in iOS5 devices
35
+ audio:not([controls]) {
36
+ display: none;
37
+ height: 0;
38
+ }
39
39
 
40
- @if ($include-ie-normalization
41
- or $include-ie7-normalization
42
- or $include-ie8-normalization
43
- or $include-ie9-normalization
44
- or $include-ff-normalization
45
- or $include-sa-normalization) {
46
- // Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
47
- // Known issue: no IE6 support
48
- [hidden] {
49
- display: none;
50
- }
51
- }
40
+ @if ($include-ie-normalization
41
+ or $include-ie7-normalization
42
+ or $include-ie8-normalization
43
+ or $include-ie9-normalization
44
+ or $include-ff-normalization
45
+ or $include-sa-normalization) {
46
+ // Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
47
+ // Known issue: no IE6 support
48
+ [hidden] {
49
+ display: none;
50
+ }
51
+ }
52
52
  }
@@ -1,17 +1,17 @@
1
1
  @mixin normalize-links {
2
- a {
3
- @if $include-chr-normalization {
4
- // Addresses outline displayed oddly in Chrome
5
- &:focus {
6
- outline: thin dotted;
7
- }
8
- }
2
+ a {
3
+ @if $include-chr-normalization {
4
+ // Addresses outline displayed oddly in Chrome
5
+ &:focus {
6
+ outline: thin dotted;
7
+ }
8
+ }
9
9
 
10
- // Improves readability when focused and also mouse hovered in all browsers
11
- // people.opera.com/patrickl/experiments/keyboard/test
12
- &:hover,
13
- &:active {
14
- outline: 0;
15
- }
16
- }
10
+ // Improves readability when focused and also mouse hovered in all browsers
11
+ // people.opera.com/patrickl/experiments/keyboard/test
12
+ &:hover,
13
+ &:active {
14
+ outline: 0;
15
+ }
16
+ }
17
17
  }
@@ -1,36 +1,36 @@
1
1
  @mixin normalize-lists {
2
- @if ($include-ie-normalization
3
- or $include-ie6-normalization
4
- or $include-ie7-normalization) {
5
- // Addresses margins set differently in IE6/7
6
- dl,
7
- menu,
8
- ol,
9
- ul {
10
- margin: 1em 0;
11
- }
2
+ @if ($include-ie-normalization
3
+ or $include-ie6-normalization
4
+ or $include-ie7-normalization) {
5
+ // Addresses margins set differently in IE6/7
6
+ dl,
7
+ menu,
8
+ ol,
9
+ ul {
10
+ margin: 1em 0;
11
+ }
12
12
 
13
- dd {
14
- margin: 0 0 0 40px;
15
- }
13
+ dd {
14
+ margin: 0 0 0 40px;
15
+ }
16
16
 
17
- // Addresses paddings set differently in IE6/7
18
- menu,
19
- ol,
20
- ul {
21
- padding: 0 0 0 40px;
22
- }
23
- }
17
+ // Addresses paddings set differently in IE6/7
18
+ menu,
19
+ ol,
20
+ ul {
21
+ padding: 0 0 0 40px;
22
+ }
23
+ }
24
24
 
25
- @if ($include-ie-normalization
26
- or $include-ie7-normalization) {
27
- // Corrects list images handled incorrectly in IE7
28
- nav {
29
- ul,
30
- ol {
31
- list-style: none;
32
- list-style-image: none;
33
- }
34
- }
35
- }
25
+ @if ($include-ie-normalization
26
+ or $include-ie7-normalization) {
27
+ // Corrects list images handled incorrectly in IE7
28
+ nav {
29
+ ul,
30
+ ol {
31
+ list-style: none;
32
+ list-style-image: none;
33
+ }
34
+ }
35
+ }
36
36
  }
@@ -1,7 +1,7 @@
1
1
  @mixin normalize-tables {
2
- // Remove most spacing between table cells
3
- table {
4
- border-collapse: collapse;
5
- border-spacing: 0;
6
- }
2
+ // Remove most spacing between table cells
3
+ table {
4
+ border-collapse: collapse;
5
+ border-spacing: 0;
6
+ }
7
7
  }
@@ -1,159 +1,159 @@
1
1
  @mixin normalize-typography {
2
- @if ($include-ie-normalization
3
- or $include-ie6-normalization
4
- or $include-ie7-normalization
5
- or $include-ff-normalization
6
- or $include-chr-normalization
7
- or $include-sa-normalization) {
8
- // Addresses font sizes and margins set differently in IE6/7
9
- // Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
10
- h1 {
11
- font-size: 2em;
12
- margin: 0.67em 0;
13
- }
14
-
15
- h2 {
16
- font-size: 1.5em;
17
- margin: 0.83em 0;
18
- }
19
-
20
- h3 {
21
- font-size: 1.17em;
22
- margin: 1em 0;
23
- }
24
-
25
- h4 {
26
- font-size: 1em;
27
- margin: 1.33em 0;
28
- }
29
-
30
- h5 {
31
- font-size: 0.83em;
32
- margin: 1.67em 0;
33
- }
34
-
35
- h6 {
36
- font-size: 0.75em;
37
- margin: 2.33em 0;
38
- }
39
- }
40
-
41
- @if ($include-ie-normalization
42
- or $include-ie7-normalization
43
- or $include-ie8-normalization
44
- or $include-ie9-normalization
45
- or $include-sa-normalization
46
- or $include-chr-normalization) {
47
- // Addresses styling not present in IE7/8/9, S5, Chrome
48
- abbr[title] {
49
- border-bottom: 1px dotted;
50
- }
51
- }
52
-
53
- @if ($include-ff-normalization
54
- or $include-sa-normalization
55
- or $include-chr-normalization) {
56
- // Addresses style set to 'bolder' in FF3+, S4/5, Chrome
57
- b,
58
- strong {
59
- font-weight: bold;
60
- }
61
- }
62
-
63
- blockquote {
64
- margin: 1em 40px;
65
- }
66
-
67
- @if ($include-sa-normalization
68
- or $include-chr-normalization) {
69
- // Addresses styling not present in S5, Chrome
70
- dfn {
71
- font-style: italic;
72
- }
73
- }
74
-
75
- @if ($include-ie-normalization
76
- or $include-ie6-normalization
77
- or $include-ie7-normalization
78
- or $include-ie8-normalization
79
- or $include-ie9-normalization) {
80
- // Addresses styling not present in IE6/7/8/9
81
- mark {
82
- background: #ff0;
83
- color: #000;
84
- }
85
- }
86
-
87
- @if ($include-ie-normalization
88
- or $include-ie6-normalization
89
- or $include-ie7-normalization) {
90
- // Addresses margins set differently in IE6/7
91
- p,
92
- pre {
93
- margin: 1em 0;
94
- }
95
- }
96
-
97
- @if ($include-ie-normalization
98
- or $include-ie6-normalization
99
- or $include-sa-normalization
100
- or $include-chr-normalization) {
101
- // Corrects font family set oddly in IE6, S4/5, Chrome
102
- // en.wikipedia.org/wiki/User:Davidgothberg/Test59
103
- pre,
104
- code,
105
- kbd,
106
- samp {
107
- font-family: monospace, serif;
108
- _font-family: 'courier new', monospace;
109
- font-size: 1em;
110
- }
111
- }
112
-
113
- // Improves readability of pre-formatted text in all browsers
114
- pre {
115
- white-space: pre;
116
- white-space: pre-wrap;
117
- word-wrap: break-word;
118
- }
119
-
120
- @if ($include-ie-normalization
121
- or $include-ie6-normalization
122
- or $include-ie7-normalization) {
123
- // Addresses CSS quotes not supported in IE6/7
124
- q {
125
- quotes: none;
126
- }
127
- }
128
-
129
- @if $include-sa-normalization {
130
- // Addresses quote property not supported in S4
131
- q:before,
132
- q:after {
133
- content: '';
134
- content: none;
135
- }
136
- }
137
-
138
- small {
139
- font-size: 75%;
140
- }
141
-
142
- // Prevents sub and sup affecting line-height in all browsers
143
- // gist.github.com/413930
144
- sub,
145
- sup {
146
- font-size: 75%;
147
- line-height: 0;
148
- position: relative;
149
- vertical-align: baseline;
150
- }
151
-
152
- sup {
153
- top: -0.5em;
154
- }
155
-
156
- sub {
157
- bottom: -0.25em;
158
- }
2
+ @if ($include-ie-normalization
3
+ or $include-ie6-normalization
4
+ or $include-ie7-normalization
5
+ or $include-ff-normalization
6
+ or $include-chr-normalization
7
+ or $include-sa-normalization) {
8
+ // Addresses font sizes and margins set differently in IE6/7
9
+ // Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
10
+ h1 {
11
+ font-size: 2em;
12
+ margin: 0.67em 0;
13
+ }
14
+
15
+ h2 {
16
+ font-size: 1.5em;
17
+ margin: 0.83em 0;
18
+ }
19
+
20
+ h3 {
21
+ font-size: 1.17em;
22
+ margin: 1em 0;
23
+ }
24
+
25
+ h4 {
26
+ font-size: 1em;
27
+ margin: 1.33em 0;
28
+ }
29
+
30
+ h5 {
31
+ font-size: 0.83em;
32
+ margin: 1.67em 0;
33
+ }
34
+
35
+ h6 {
36
+ font-size: 0.75em;
37
+ margin: 2.33em 0;
38
+ }
39
+ }
40
+
41
+ @if ($include-ie-normalization
42
+ or $include-ie7-normalization
43
+ or $include-ie8-normalization
44
+ or $include-ie9-normalization
45
+ or $include-sa-normalization
46
+ or $include-chr-normalization) {
47
+ // Addresses styling not present in IE7/8/9, S5, Chrome
48
+ abbr[title] {
49
+ border-bottom: 1px dotted;
50
+ }
51
+ }
52
+
53
+ @if ($include-ff-normalization
54
+ or $include-sa-normalization
55
+ or $include-chr-normalization) {
56
+ // Addresses style set to 'bolder' in FF3+, S4/5, Chrome
57
+ b,
58
+ strong {
59
+ font-weight: bold;
60
+ }
61
+ }
62
+
63
+ blockquote {
64
+ margin: 1em 40px;
65
+ }
66
+
67
+ @if ($include-sa-normalization
68
+ or $include-chr-normalization) {
69
+ // Addresses styling not present in S5, Chrome
70
+ dfn {
71
+ font-style: italic;
72
+ }
73
+ }
74
+
75
+ @if ($include-ie-normalization
76
+ or $include-ie6-normalization
77
+ or $include-ie7-normalization
78
+ or $include-ie8-normalization
79
+ or $include-ie9-normalization) {
80
+ // Addresses styling not present in IE6/7/8/9
81
+ mark {
82
+ background: #ff0;
83
+ color: #000;
84
+ }
85
+ }
86
+
87
+ @if ($include-ie-normalization
88
+ or $include-ie6-normalization
89
+ or $include-ie7-normalization) {
90
+ // Addresses margins set differently in IE6/7
91
+ p,
92
+ pre {
93
+ margin: 1em 0;
94
+ }
95
+ }
96
+
97
+ @if ($include-ie-normalization
98
+ or $include-ie6-normalization
99
+ or $include-sa-normalization
100
+ or $include-chr-normalization) {
101
+ // Corrects font family set oddly in IE6, S4/5, Chrome
102
+ // en.wikipedia.org/wiki/User:Davidgothberg/Test59
103
+ pre,
104
+ code,
105
+ kbd,
106
+ samp {
107
+ font-family: monospace, serif;
108
+ _font-family: 'courier new', monospace;
109
+ font-size: 1em;
110
+ }
111
+ }
112
+
113
+ // Improves readability of pre-formatted text in all browsers
114
+ pre {
115
+ white-space: pre;
116
+ white-space: pre-wrap;
117
+ word-wrap: break-word;
118
+ }
119
+
120
+ @if ($include-ie-normalization
121
+ or $include-ie6-normalization
122
+ or $include-ie7-normalization) {
123
+ // Addresses CSS quotes not supported in IE6/7
124
+ q {
125
+ quotes: none;
126
+ }
127
+ }
128
+
129
+ @if $include-sa-normalization {
130
+ // Addresses quote property not supported in S4
131
+ q:before,
132
+ q:after {
133
+ content: '';
134
+ content: none;
135
+ }
136
+ }
137
+
138
+ small {
139
+ font-size: 75%;
140
+ }
141
+
142
+ // Prevents sub and sup affecting line-height in all browsers
143
+ // gist.github.com/413930
144
+ sub,
145
+ sup {
146
+ font-size: 75%;
147
+ line-height: 0;
148
+ position: relative;
149
+ vertical-align: baseline;
150
+ }
151
+
152
+ sup {
153
+ top: -0.5em;
154
+ }
155
+
156
+ sub {
157
+ bottom: -0.25em;
158
+ }
159
159
  }
@@ -1,5 +1,28 @@
1
1
  @import "normalize";
2
2
 
3
+ // Configuration
4
+ // Internet Explorer
5
+ $include-ie-normalization: true;
6
+ $include-ie6-normalization: true;
7
+ $include-ie7-normalization: true;
8
+ $include-ie8-normalization: true;
9
+ $include-ie9-normalization: true;
10
+
11
+ // Firefox
12
+ $include-ff-normalization: true;
13
+
14
+ // Safari
15
+ $include-sa-normalization: true;
16
+
17
+ // iOS
18
+ $include-ios-normalization: true;
19
+
20
+ // Chrome
21
+ $include-chr-normalization: true;
22
+
23
+ // Opera
24
+ $include-op-normalization: true;
25
+
3
26
  @include normalize;
4
27
 
5
28
  // It is also possible to use only parts of normalize.css
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: compass-normalize-plugin
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.2.1
4
+ version: 0.2.2
5
5
  prerelease:
6
6
  platform: ruby
7
7
  authors:
@@ -11,11 +11,11 @@ authors:
11
11
  autorequire:
12
12
  bindir: bin
13
13
  cert_chain: []
14
- date: 2012-03-31 00:00:00.000000000 Z
14
+ date: 2012-04-02 00:00:00.000000000 Z
15
15
  dependencies:
16
16
  - !ruby/object:Gem::Dependency
17
17
  name: compass
18
- requirement: &70353196025680 !ruby/object:Gem::Requirement
18
+ requirement: &70133412124100 !ruby/object:Gem::Requirement
19
19
  none: false
20
20
  requirements:
21
21
  - - ! '>='
@@ -23,7 +23,7 @@ dependencies:
23
23
  version: 0.11.1
24
24
  type: :runtime
25
25
  prerelease: false
26
- version_requirements: *70353196025680
26
+ version_requirements: *70133412124100
27
27
  description: This is a normalize.css extension for the Compass framework.
28
28
  email: johannes@roettger.us
29
29
  executables: []
@@ -50,7 +50,7 @@ files:
50
50
  - templates/project/manifest.rb
51
51
  - templates/project/screen.scss
52
52
  - VERSION
53
- homepage: http://roettger.us/
53
+ homepage: https://github.com/jroettger/compass-normalize-plugin
54
54
  licenses: []
55
55
  post_install_message:
56
56
  rdoc_options: []