compass-normalize 1.3 → 1.4

Sign up to get free protection for your applications and to get access to all the features.
data/README.md CHANGED
@@ -5,10 +5,12 @@ This simple plugin for [Compass](http://compass-style.org/) enables you to use [
5
5
 
6
6
  ## Installation
7
7
 
8
+ It is highly encouraged to install from the [RubyGems build](http://rubygems.org/gems/compass-normalize) which can be found [here](http://rubygems.org/gems/compass-normalize).
9
+
8
10
  From the command line:
9
11
 
10
12
  ```
11
- $ (sudo) gem install compass-normalize
13
+ $ gem install compass-normalize
12
14
  ```
13
15
 
14
16
  You can also install the gem from your local fork:
@@ -18,7 +20,7 @@ $ git clone git://github.com/ksmandersen/compass-normalize.git
18
20
  $ rake build
19
21
  $ rake install
20
22
  ```
21
-
23
+
22
24
  ## Normalize Versions
23
25
  Normalize has two versions, a modern Normalize for Firefox 4+, Chrome, Safari 5+, Opera, and Internet Explorer 8+, and a legacy Normalize with support for all legacy versions of those browsers.
24
26
 
@@ -50,6 +52,7 @@ You can also just import parts you need:
50
52
  @import 'normalize/base';
51
53
  @import 'normalize/links';
52
54
  @import 'normalize/typography';
55
+ @import 'normalize/lists'; // Only for legacy suport (see below).
53
56
  @import 'normalize/embeds';
54
57
  @import 'normalize/figures';
55
58
  @import 'normalize/forms';
@@ -57,40 +60,26 @@ You can also just import parts you need:
57
60
  ```
58
61
 
59
62
  ### Legacy Normalize
60
- When creating a new project with compass:
63
+ This plugin has been re-written to use compass's native cross-browser variables to determine compatability. http://compass-style.org/reference/compass/support/
61
64
 
62
- ```
63
- $ compass create <my_project> -r compass-normalize --using compass-normalize/legacy
64
- ```
65
-
66
- If using an existing project, edit your config.rb and add this line:
65
+ You can still create a legacy project using the following:
67
66
 
68
- ```ruby
69
- require 'compass-normalize'
70
67
  ```
71
-
72
- To use the normalize plugin, just import and include normalize:
73
-
74
- ```scss
75
- @import normalize-legacy;
68
+ $ compass create <my_project> -r compass-normalize --using compass-normalize/legacy
76
69
  ```
77
70
 
78
- You can also just import parts you need:
79
-
71
+ But to just import normalize and include legacy portions of the code, set the necissary legacy-support variables to true:
80
72
  ```scss
81
- @import 'normalize-legacy/html5';
82
- @import 'normalize-legacy/base';
83
- @import 'normalize-legacy/links';
84
- @import 'normalize-legacy/typography';
85
- @import 'normalize-legacy/lists';
86
- @import 'normalize-legacy/embeds';
87
- @import 'normalize-legacy/figures';
88
- @import 'normalize-legacy/forms';
89
- @import 'normalize-legacy/tables';
73
+ $legacy-support-for-ie6: true;
74
+ $legacy-support-for-ie7: true;
75
+ $legacy-support-for-ie8: true;
76
+ $legacy-support-for-mozilla: true;
77
+ @import normalize;
90
78
  ```
79
+ You can also import any part that you want, just like the code for modern normalize.
91
80
 
92
81
  ## Acknowledgements
93
- Many thanks to [Frederic Hemberger](https://github.com/fhemberger/) and [Sam Richard](https://github.com/snugug) who contributed greatly to this project.
82
+ Many thanks to [Frederic Hemberger](https://github.com/fhemberger/), [Sam Richard](https://github.com/snugug) and [Ian Carrico](https://github.com/ChinggizKhan) who contributed greatly to this project.
94
83
 
95
84
  ## License
96
85
  This is free and unencumbered software released into the public domain.
@@ -1,6 +1,6 @@
1
- @mixin normalize-version($partial: false, $legacy: false) {
1
+ @mixin normalize-version($partial: false) {
2
2
  $version: 'v2.0.1';
3
- @if $legacy {
3
+ @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
4
4
  $version: 'v1.0.1';
5
5
  }
6
6
 
@@ -10,4 +10,4 @@
10
10
  @else {
11
11
  /*! normalize.css #{$version} | MIT License | git.io/normalize */
12
12
  }
13
- }
13
+ }
@@ -7,6 +7,7 @@
7
7
  @import 'normalize/base';
8
8
  @import 'normalize/links';
9
9
  @import 'normalize/typography';
10
+ @import 'normalize/lists';
10
11
  @import 'normalize/embeds';
11
12
  @import 'normalize/figures';
12
13
  @import 'normalize/forms';
@@ -8,6 +8,9 @@
8
8
 
9
9
  img {
10
10
  border: 0;
11
+ @if $legacy-support-for-ie7 {
12
+ -ms-interpolation-mode: bicubic;
13
+ }
11
14
  }
12
15
 
13
16
  // Corrects overflow displayed oddly in IE 9.
@@ -4,6 +4,14 @@
4
4
  // Forms
5
5
  // ==========================================================================
6
6
 
7
+ @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
8
+ // Corrects margin displayed oddly in IE6/7
9
+
10
+ form {
11
+ margin: 0;
12
+ }
13
+ }
14
+
7
15
  // Define consistent border, margin, and padding.
8
16
 
9
17
  fieldset {
@@ -14,15 +22,26 @@ fieldset {
14
22
 
15
23
  // 1. Corrects color not being inherited in IE 8/9.
16
24
  // 2. Remove padding so people aren't caught out if they zero out fieldsets.
25
+ @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
26
+ // 3. Corrects text not wrapping in Firefox 3.
27
+ // 4. Corrects alignment displayed oddly in IE 6/7.
28
+ }
17
29
 
18
30
  legend {
19
31
  border: 0; // 1
20
32
  padding: 0; // 2
33
+ @if $legacy-support-for-mozilla {
34
+ white-space: normal; // 3
35
+ }
36
+ @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
37
+ *margin-left: -7px; // 4
38
+ }
21
39
  }
22
40
 
23
41
  // 1. Corrects font family not being inherited in all browsers.
24
42
  // 2. Corrects font size not being inherited in all browsers.
25
43
  // 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
44
+ // 4. Improves appearance and consistency in all browsers.
26
45
 
27
46
  button,
28
47
  input,
@@ -31,6 +50,10 @@ textarea {
31
50
  font-family: inherit; // 1
32
51
  font-size: 100%; // 2
33
52
  margin: 0; // 3
53
+ @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
54
+ vertical-align: baseline; // 4
55
+ *vertical-align: middle; // 4
56
+ }
34
57
  }
35
58
 
36
59
  // Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
@@ -46,6 +69,10 @@ input {
46
69
  // 2. Corrects inability to style clickable `input` types in iOS.
47
70
  // 3. Improves usability and consistency of cursor style between image-type
48
71
  // `input` and others.
72
+ @if $legacy-support-for-ie7 {
73
+ // 4. Removes inner spacing in IE 7 without affecting normal text inputs.
74
+ // Known issue: inner spacing remains in IE 6.
75
+ }
49
76
 
50
77
  button,
51
78
  html input[type="button"], // 1
@@ -53,6 +80,9 @@ input[type="reset"],
53
80
  input[type="submit"] {
54
81
  -webkit-appearance: button; // 2
55
82
  cursor: pointer; // 3
83
+ @if $legacy-support-for-ie7 {
84
+ *overflow: visible;
85
+ }
56
86
  }
57
87
 
58
88
  // Re-set default cursor for disabled elements.
@@ -64,11 +94,19 @@ input[disabled] {
64
94
 
65
95
  // 1. Addresses box sizing set to `content-box` in IE 8/9.
66
96
  // 2. Removes excess padding in IE 8/9.
97
+ @if $legacy-support-for-ie7 {
98
+ // 3. Removes excess padding in IE 7.
99
+ // Known issue: excess padding remains in IE 6.
100
+ }
67
101
 
68
102
  input[type="checkbox"],
69
103
  input[type="radio"] {
70
104
  box-sizing: border-box; // 1
71
105
  padding: 0; // 2
106
+ @if $legacy-support-for-ie7 {
107
+ *height: 13px; // 3
108
+ *width: 13px; // 3
109
+ }
72
110
  }
73
111
 
74
112
  // 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
@@ -26,6 +26,10 @@ audio,
26
26
  canvas,
27
27
  video {
28
28
  display: inline-block;
29
+ @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
30
+ *display: inline;
31
+ *zoom: 1;
32
+ }
29
33
  }
30
34
 
31
35
  // Prevents modern browsers from displaying `audio` without controls.
@@ -1,5 +1,4 @@
1
- @include normalize-version('Lists', true);
2
-
1
+ @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
3
2
  // ==========================================================================
4
3
  // Lists
5
4
  // ==========================================================================
@@ -32,4 +31,4 @@ nav ol {
32
31
  list-style: none;
33
32
  list-style-image: none;
34
33
  }
35
-
34
+ }
@@ -24,6 +24,12 @@ strong {
24
24
  font-weight: bold;
25
25
  }
26
26
 
27
+ @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
28
+ blockquote {
29
+ margin: 1em 40px;
30
+ }
31
+ }
32
+
27
33
  // Addresses styling not present in Safari 5 and Chrome.
28
34
 
29
35
  dfn {
@@ -37,6 +43,15 @@ mark {
37
43
  color: #000;
38
44
  }
39
45
 
46
+ @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
47
+ // Addresses margins set differently in IE 6/7.
48
+
49
+ p,
50
+ pre {
51
+ margin: 1em 0;
52
+ }
53
+ }
54
+
40
55
  // Corrects font family set oddly in Safari 5 and Chrome.
41
56
 
42
57
  code,
@@ -44,6 +59,9 @@ kbd,
44
59
  pre,
45
60
  samp {
46
61
  font-family: monospace, serif;
62
+ @if $legacy-support-for-ie6 {
63
+ _font-family: 'courier new', monospace;
64
+ }
47
65
  font-size: 1em;
48
66
  }
49
67
 
@@ -61,6 +79,22 @@ q {
61
79
  quotes: "\201C" "\201D" "\2018" "\2019";
62
80
  }
63
81
 
82
+ @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
83
+
84
+ // 1. Addresses CSS quotes not supported in IE6/7
85
+ // 2. Addresses quote property not supported in S4
86
+
87
+ q {
88
+ quotes: none; // 1
89
+ }
90
+
91
+ q:before,
92
+ q:after {
93
+ content: ''; // 2
94
+ content: none; // 2
95
+ }
96
+ }
97
+
64
98
  // Addresses inconsistent and variable font size in all browsers.
65
99
 
66
100
  small {
@@ -1,2 +1,7 @@
1
+ // Set the global compass vars.
2
+ $legacy-support-for-ie6: true;
3
+ $legacy-support-for-ie7: true;
4
+ $legacy-support-for-ie8: true;
5
+ $legacy-support-for-mozilla: true;
1
6
  // Import the normalize plugin
2
- @import "normalize-legacy";
7
+ @import "normalize";
@@ -1,2 +1,7 @@
1
+ // Set the global compass vars.
2
+ $legacy-support-for-ie6: false;
3
+ $legacy-support-for-ie7: false;
4
+ $legacy-support-for-ie8: true;
5
+ $legacy-support-for-mozilla: false;
1
6
  // Import the normalize plugin
2
7
  @import "normalize";
metadata CHANGED
@@ -1,17 +1,18 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: compass-normalize
3
3
  version: !ruby/object:Gem::Version
4
- version: '1.3'
4
+ version: '1.4'
5
5
  prerelease:
6
6
  platform: ruby
7
7
  authors:
8
8
  - Kristian Andersen
9
9
  - Frederic Hemberger
10
10
  - Sam Richard
11
+ - Ian Carrico
11
12
  autorequire:
12
13
  bindir: bin
13
14
  cert_chain: []
14
- date: 2012-08-26 00:00:00.000000000 Z
15
+ date: 2012-10-16 00:00:00.000000000 Z
15
16
  dependencies:
16
17
  - !ruby/object:Gem::Dependency
17
18
  name: compass
@@ -40,7 +41,6 @@ extra_rdoc_files: []
40
41
  files:
41
42
  - README.md
42
43
  - lib/compass-normalize.rb
43
- - stylesheets/_normalize-legacy.scss
44
44
  - stylesheets/_normalize-version.scss
45
45
  - stylesheets/_normalize.scss
46
46
  - stylesheets/normalize/_base.scss
@@ -49,17 +49,9 @@ files:
49
49
  - stylesheets/normalize/_forms.scss
50
50
  - stylesheets/normalize/_html5.scss
51
51
  - stylesheets/normalize/_links.scss
52
+ - stylesheets/normalize/_lists.scss
52
53
  - stylesheets/normalize/_tables.scss
53
54
  - stylesheets/normalize/_typography.scss
54
- - stylesheets/normalize-legacy/_base.scss
55
- - stylesheets/normalize-legacy/_embeds.scss
56
- - stylesheets/normalize-legacy/_figures.scss
57
- - stylesheets/normalize-legacy/_forms.scss
58
- - stylesheets/normalize-legacy/_html5.scss
59
- - stylesheets/normalize-legacy/_links.scss
60
- - stylesheets/normalize-legacy/_lists.scss
61
- - stylesheets/normalize-legacy/_tables.scss
62
- - stylesheets/normalize-legacy/_typography.scss
63
55
  - templates/legacy/manifest.rb
64
56
  - templates/legacy/screen.scss
65
57
  - templates/project/manifest.rb
@@ -1,14 +0,0 @@
1
- // Normalize Legacy Version Comment
2
- @import 'normalize-version';
3
- @include normalize-version($legacy: true);
4
-
5
- // Normalize Legacy Partial Imports
6
- @import 'normalize-legacy/html5';
7
- @import 'normalize-legacy/base';
8
- @import 'normalize-legacy/links';
9
- @import 'normalize-legacy/typography';
10
- @import 'normalize-legacy/lists';
11
- @import 'normalize-legacy/embeds';
12
- @import 'normalize-legacy/figures';
13
- @import 'normalize-legacy/forms';
14
- @import 'normalize-legacy/tables';
@@ -1,253 +0,0 @@
1
- @include normalize-version('Base', true);
2
-
3
- // =============================================================================
4
- // Base
5
- // ==========================================================================
6
-
7
- // 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
8
- // http://clagnut.com/blog/348/#c790
9
- // 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
10
- // www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
11
-
12
- html {
13
- font-size: 100%; /* 1 */
14
- -webkit-text-size-adjust: 100%; /* 2 */
15
- -ms-text-size-adjust: 100%; /* 2 */
16
- }
17
-
18
- // Addresses font-family inconsistency between 'textarea' and other form elements.
19
-
20
- html,
21
- button,
22
- input,
23
- select,
24
- textarea {
25
- font-family: sans-serif;
26
- }
27
-
28
- // Addresses margins handled incorrectly in IE6/7
29
-
30
- body {
31
- margin: 0;
32
- }
33
-
34
-
35
- // =============================================================================
36
- // Links
37
- // ========================================================================== */
38
-
39
-
40
- // Addresses outline displayed oddly in Chrome
41
-
42
- a:focus {
43
- outline: thin dotted;
44
- }
45
-
46
- // Improves readability when focused and also mouse hovered in all browsers
47
- // people.opera.com/patrickl/experiments/keyboard/test
48
-
49
- a:hover,
50
- a:active {
51
- outline: 0;
52
- }
53
-
54
-
55
- // =============================================================================
56
- // Typography
57
- // ==========================================================================
58
-
59
- // Addresses font sizes and margins set differently in IE6/7
60
- // Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
61
-
62
- h1 {
63
- font-size: 2em;
64
- margin: 0.67em 0;
65
- }
66
-
67
- h2 {
68
- font-size: 1.5em;
69
- margin: 0.83em 0;
70
- }
71
-
72
- h3 {
73
- font-size: 1.17em;
74
- margin: 1em 0;
75
- }
76
-
77
- h4 {
78
- font-size: 1em;
79
- margin: 1.33em 0;
80
- }
81
-
82
- h5 {
83
- font-size: 0.83em;
84
- margin: 1.67em 0;
85
- }
86
-
87
- h6 {
88
- font-size: 0.75em;
89
- margin: 2.33em 0;
90
- }
91
-
92
- // Addresses styling not present in IE7/8/9, S5, Chrome
93
-
94
- abbr[title] {
95
- border-bottom: 1px dotted;
96
- }
97
-
98
- // Addresses style set to 'bolder' in FF3+, S4/5, Chrome
99
-
100
- b,
101
- strong {
102
- font-weight: bold;
103
- }
104
-
105
- blockquote {
106
- margin: 1em 40px;
107
- }
108
-
109
- // Addresses styling not present in S5, Chrome
110
-
111
- dfn {
112
- font-style: italic;
113
- }
114
-
115
- // Addresses styling not present in IE6/7/8/9
116
-
117
- mark {
118
- background: #ff0;
119
- color: #000;
120
- }
121
-
122
- // Addresses margins set differently in IE6/7
123
-
124
- p,
125
- pre {
126
- margin: 1em 0;
127
- }
128
-
129
- // Corrects font family set oddly in IE6, S4/5, Chrome
130
- // en.wikipedia.org/wiki/User:Davidgothberg/Test59
131
-
132
- pre,
133
- code,
134
- kbd,
135
- samp {
136
- font-family: monospace, serif;
137
- _font-family: 'courier new', monospace;
138
- font-size: 1em;
139
- }
140
-
141
- // Improves readability of pre-formatted text in all browsers
142
-
143
- pre {
144
- white-space: pre;
145
- white-space: pre-wrap;
146
- word-wrap: break-word;
147
- }
148
-
149
- // 1. Addresses CSS quotes not supported in IE6/7
150
- // 2. Addresses quote property not supported in S4
151
-
152
- // 1
153
-
154
- q {
155
- quotes: none;
156
- }
157
-
158
- // 2
159
-
160
- q:before,
161
- q:after {
162
- content: '';
163
- content: none;
164
- }
165
-
166
- small {
167
- font-size: 75%;
168
- }
169
-
170
- // Prevents sub and sup affecting line-height in all browsers
171
- // gist.github.com/413930
172
-
173
- sub,
174
- sup {
175
- font-size: 75%;
176
- line-height: 0;
177
- position: relative;
178
- vertical-align: baseline;
179
- }
180
-
181
- sup {
182
- top: -0.5em;
183
- }
184
-
185
- sub {
186
- bottom: -0.25em;
187
- }
188
-
189
-
190
- // =============================================================================
191
- // Lists
192
- // ==========================================================================
193
-
194
- // Addresses margins set differently in IE6/7
195
-
196
- dl,
197
- menu,
198
- ol,
199
- ul {
200
- margin: 1em 0;
201
- }
202
-
203
- dd {
204
- margin: 0 0 0 40px;
205
- }
206
-
207
- // Addresses paddings set differently in IE6/7
208
-
209
- menu,
210
- ol,
211
- ul {
212
- padding: 0 0 0 40px;
213
- }
214
-
215
- // Corrects list images handled incorrectly in IE7
216
-
217
- nav ul,
218
- nav ol {
219
- list-style: none;
220
- list-style-image: none;
221
- }
222
-
223
-
224
- // =============================================================================
225
- // Embedded content
226
- // ==========================================================================
227
-
228
- // 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
229
- // 2. Improves image quality when scaled in IE7
230
- // code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
231
-
232
- img {
233
- border: 0; /* 1 */
234
- -ms-interpolation-mode: bicubic; /* 2 */
235
- }
236
-
237
- // Corrects overflow displayed oddly in IE9
238
-
239
- svg:not(:root) {
240
- overflow: hidden;
241
- }
242
-
243
-
244
- // =============================================================================
245
- // Tables
246
- // ==========================================================================
247
-
248
- // Remove most spacing between table cells
249
-
250
- table {
251
- border-collapse: collapse;
252
- border-spacing: 0;
253
- }
@@ -1,19 +0,0 @@
1
- @include normalize-version('Embedded Content', true);
2
-
3
- // ==========================================================================
4
- // Embedded content
5
- // ==========================================================================
6
-
7
- // 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
8
- // 2. Improves image quality when scaled in IE 7.
9
-
10
- img {
11
- border: 0; /* 1 */
12
- -ms-interpolation-mode: bicubic; /* 2 */
13
- }
14
-
15
- // Corrects overflow displayed oddly in IE 9.
16
-
17
- svg:not(:root) {
18
- overflow: hidden;
19
- }
@@ -1,11 +0,0 @@
1
- @include normalize-version('Figures', true);
2
-
3
- // =============================================================================
4
- // Figures
5
- // ==========================================================================
6
-
7
- // Addresses margin not present in IE6/7/8/9, S5, O11
8
-
9
- figure {
10
- margin: 0;
11
- }
@@ -1,121 +0,0 @@
1
- @include normalize-version('Forms', true);
2
-
3
- // =============================================================================
4
- // Forms
5
- // ==========================================================================
6
-
7
- // Corrects margin displayed oddly in IE6/7
8
-
9
- form {
10
- margin: 0;
11
- }
12
-
13
- // Define consistent border, margin, and padding
14
-
15
- fieldset {
16
- border: 1px solid #c0c0c0;
17
- margin: 0 2px;
18
- padding: 0.35em 0.625em 0.75em;
19
- }
20
-
21
- // 1. Corrects color not being inherited in IE6/7/8/9
22
- // 2. Corrects text not wrapping in FF3
23
- // 3. Corrects alignment displayed oddly in IE6/7
24
-
25
- legend {
26
- border: 0; // 1
27
- padding: 0;
28
- white-space: normal; // 2
29
- *margin-left: -7px; // 3
30
- }
31
-
32
- // 1. Corrects font size not being inherited in all browsers
33
- // 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
34
- // 3. Improves appearance and consistency in all browsers
35
-
36
- button,
37
- input,
38
- select,
39
- textarea {
40
- font-size: 100%; // 1
41
- margin: 0; // 2
42
- vertical-align: baseline; // 3
43
- *vertical-align: middle; // 3
44
- }
45
-
46
- // Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
47
-
48
- button,
49
- input {
50
- line-height: normal;
51
- }
52
-
53
- // 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
54
- // and `video` controls.
55
- // 2. Corrects inability to style clickable `input` types in iOS.
56
- // 3. Improves usability and consistency of cursor style between image-type
57
- // `input` and others.
58
- // 4. Removes inner spacing in IE7 without affecting normal text inputs.
59
- // Known issue: inner spacing remains in IE6.
60
-
61
- button,
62
- html input[type="button"], // 1
63
- input[type="reset"],
64
- input[type="submit"] {
65
- -webkit-appearance: button; // 2
66
- cursor: pointer; // 3
67
- *overflow: visible; // 4
68
- }
69
-
70
- // Re-set default cursor for disabled elements
71
-
72
- button[disabled],
73
- input[disabled] {
74
- cursor: default;
75
- }
76
-
77
- // 1. Addresses box sizing set to content-box in IE8/9
78
- // 2. Removes excess padding in IE8/9
79
- // 3. Removes excess padding in IE7
80
- // Known issue: excess padding remains in IE6
81
-
82
- input[type="checkbox"],
83
- input[type="radio"] {
84
- box-sizing: border-box; // 1
85
- padding: 0; // 2
86
- *height: 13px; // 3
87
- *width: 13px; // 3
88
- }
89
-
90
- // 1. Addresses appearance set to searchfield in S5, Chrome
91
- // 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
92
-
93
- input[type="search"] {
94
- -webkit-appearance: textfield; // 1
95
- -moz-box-sizing: content-box;
96
- -webkit-box-sizing: content-box; // 2
97
- box-sizing: content-box;
98
- }
99
-
100
- // Removes inner padding and search cancel button in S5, Chrome on OS X
101
-
102
- input[type="search"]::-webkit-search-decoration,
103
- input[type="search"]::-webkit-search-cancel-button {
104
- -webkit-appearance: none;
105
- }
106
-
107
- // Removes inner padding and border in FF3+.
108
-
109
- button::-moz-focus-inner,
110
- input::-moz-focus-inner {
111
- border: 0;
112
- padding: 0;
113
- }
114
-
115
- // 1. Removes default vertical scrollbar in IE6/7/8/9
116
- // 2. Improves readability and alignment in all browsers
117
-
118
- textarea {
119
- overflow: auto; // 1
120
- vertical-align: top; // 2
121
- }
@@ -1,47 +0,0 @@
1
- @include normalize-version('HTML5 Display Definitions', true);
2
-
3
- // =============================================================================
4
- // HTML5 display definitions
5
- // ========================================================================== */
6
-
7
-
8
- // Corrects block display not defined in IE6/7/8/9 & FF3
9
-
10
- article,
11
- aside,
12
- details,
13
- figcaption,
14
- figure,
15
- footer,
16
- header,
17
- hgroup,
18
- nav,
19
- section,
20
- summary {
21
- display: block;
22
- }
23
-
24
- // Corrects inline-block display not defined in IE6/7/8/9 & FF3
25
-
26
- audio,
27
- canvas,
28
- video {
29
- display: inline-block;
30
- *display: inline;
31
- *zoom: 1;
32
- }
33
-
34
- // Prevents modern browsers from displaying 'audio' without controls
35
- // Remove excess height in iOS5 devices
36
-
37
- audio:not([controls]) {
38
- display: none;
39
- height: 0;
40
- }
41
-
42
- // Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
43
- // Known issue: no IE6 support
44
-
45
- [hidden] {
46
- display: none;
47
- }
@@ -1,18 +0,0 @@
1
- @include normalize-version('Links', true);
2
-
3
- // ==========================================================================
4
- // Links
5
- // ==========================================================================
6
-
7
- // Addresses `outline` inconsistency between Chrome and other browsers.
8
-
9
- a:focus {
10
- outline: thin dotted;
11
- }
12
-
13
- // Improves readability when focused and also mouse hovered in all browsers.
14
-
15
- a:active,
16
- a:hover {
17
- outline: 0;
18
- }
@@ -1,11 +0,0 @@
1
- @include normalize-version('Tables', true);
2
-
3
- // ==========================================================================
4
- // Tables
5
- // ==========================================================================
6
- // Remove most spacing between table cells.
7
-
8
- table {
9
- border-collapse: collapse;
10
- border-spacing: 0;
11
- }
@@ -1,133 +0,0 @@
1
- @include normalize-version('Typography', true);
2
-
3
- // ==========================================================================
4
- // Typography
5
- // ==========================================================================
6
-
7
- // Addresses font sizes and margins set differently in IE 6/7.
8
- // Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
9
- // and Chrome.
10
-
11
- h1 {
12
- font-size: 2em;
13
- margin: 0.67em 0;
14
- }
15
-
16
- h2 {
17
- font-size: 1.5em;
18
- margin: 0.83em 0;
19
- }
20
-
21
- h3 {
22
- font-size: 1.17em;
23
- margin: 1em 0;
24
- }
25
-
26
- h4 {
27
- font-size: 1em;
28
- margin: 1.33em 0;
29
- }
30
-
31
- h5 {
32
- font-size: 0.83em;
33
- margin: 1.67em 0;
34
- }
35
-
36
- h6 {
37
- font-size: 0.75em;
38
- margin: 2.33em 0;
39
- }
40
-
41
- // Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
42
-
43
- abbr[title] {
44
- border-bottom: 1px dotted;
45
- }
46
-
47
- // Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
48
-
49
- b,
50
- strong {
51
- font-weight: bold;
52
- }
53
-
54
- blockquote {
55
- margin: 1em 40px;
56
- }
57
-
58
- // Addresses styling not present in Safari 5 and Chrome.
59
-
60
- dfn {
61
- font-style: italic;
62
- }
63
-
64
- // Addresses styling not present in IE 6/7/8/9.
65
-
66
- mark {
67
- background: #ff0;
68
- color: #000;
69
- }
70
-
71
- // Addresses margins set differently in IE 6/7.
72
-
73
- p,
74
- pre {
75
- margin: 1em 0;
76
- }
77
-
78
- // Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
79
-
80
- code,
81
- kbd,
82
- pre,
83
- samp {
84
- font-family: monospace, serif;
85
- _font-family: 'courier new', monospace;
86
- font-size: 1em;
87
- }
88
-
89
- // Improves readability of pre-formatted text in all browsers.
90
-
91
- pre {
92
- white-space: pre;
93
- white-space: pre-wrap;
94
- word-wrap: break-word;
95
- }
96
-
97
- // Addresses CSS quotes not supported in IE 6/7.
98
-
99
- q {
100
- quotes: none;
101
- }
102
-
103
- // Addresses `quotes` property not supported in Safari 4.
104
-
105
- q:before,
106
- q:after {
107
- content: '';
108
- content: none;
109
- }
110
-
111
- // Addresses inconsistent and variable font size in all browsers.
112
-
113
- small {
114
- font-size: 80%;
115
- }
116
-
117
- // Prevents `sub` and `sup` affecting `line-height` in all browsers.
118
-
119
- sub,
120
- sup {
121
- font-size: 75%;
122
- line-height: 0;
123
- position: relative;
124
- vertical-align: baseline;
125
- }
126
-
127
- sup {
128
- top: -0.5em;
129
- }
130
-
131
- sub {
132
- bottom: -0.25em;
133
- }