compass-h5bp 0.1.1 → 0.1.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.
- data/lib/compass/h5bp/version.rb +1 -1
- data/stylesheets/_h5bp.scss +2 -2
- data/stylesheets/h5bp/_main.scss +2 -2
- data/stylesheets/h5bp/_media.scss +2 -2
- data/stylesheets/h5bp/_normalize.scss +15 -5
- data/test/project/sass/original.scss +5 -5
- data/test/project/sass/original_normalize.scss +12 -6
- data/test/project/sass/test.scss +6 -3
- metadata +8 -2
data/lib/compass/h5bp/version.rb
CHANGED
data/stylesheets/_h5bp.scss
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
// HTML5
|
1
|
+
// HTML5 Boilerplate
|
2
2
|
//
|
3
3
|
// What follows is the result of much research on cross-browser styling.
|
4
4
|
// Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
|
@@ -7,4 +7,4 @@
|
|
7
7
|
@import "h5bp/normalize";
|
8
8
|
@import "h5bp/main";
|
9
9
|
@import "h5bp/helpers";
|
10
|
-
@import "h5bp/media";
|
10
|
+
@import "h5bp/media";
|
data/stylesheets/h5bp/_main.scss
CHANGED
@@ -29,7 +29,7 @@ $selected-background-color: #b3d4fc !default;
|
|
29
29
|
}
|
30
30
|
|
31
31
|
// Remove text-shadow in selection highlight: h5bp.com/i
|
32
|
-
// These selection
|
32
|
+
// These selection rule sets have to be separate.
|
33
33
|
// Customize the background color to match your design.
|
34
34
|
::-moz-selection {
|
35
35
|
background: $selected-background-color;
|
@@ -80,4 +80,4 @@ $selected-background-color: #b3d4fc !default;
|
|
80
80
|
color: #000;
|
81
81
|
padding: 0.2em 0;
|
82
82
|
}
|
83
|
-
}
|
83
|
+
}
|
@@ -11,7 +11,7 @@
|
|
11
11
|
* {
|
12
12
|
background: transparent !important;
|
13
13
|
color: #000 !important; // Black prints faster: h5bp.com/s
|
14
|
-
box-shadow:none !important;
|
14
|
+
box-shadow: none !important;
|
15
15
|
text-shadow: none !important;
|
16
16
|
}
|
17
17
|
|
@@ -72,4 +72,4 @@
|
|
72
72
|
h3 {
|
73
73
|
page-break-after: avoid;
|
74
74
|
}
|
75
|
-
}
|
75
|
+
}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
//
|
2
|
-
// Normalize v1.1.
|
2
|
+
// Normalize v1.1.1 | MIT License | git.io/normalize
|
3
3
|
//
|
4
4
|
|
5
5
|
@mixin h5bp-normalize {
|
@@ -66,10 +66,20 @@
|
|
66
66
|
// `em` units.
|
67
67
|
// 2. Prevent iOS text size adjust after orientation change, without disabling
|
68
68
|
// user zoom.
|
69
|
+
// 1. Prevent system color scheme's background color being used in Firefox, IE,
|
70
|
+
// and Opera.
|
71
|
+
// 2. Prevent system color scheme's text color being used in Firefox, IE, and
|
72
|
+
// Opera.
|
73
|
+
// 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
|
74
|
+
// `em` units.
|
75
|
+
// 4. Prevent iOS text size adjust after orientation change, without disabling
|
76
|
+
// user zoom.
|
69
77
|
html {
|
70
|
-
|
71
|
-
|
72
|
-
-
|
78
|
+
background: #fff; // 1
|
79
|
+
color: #000; // 2
|
80
|
+
font-size: 100%; // 3
|
81
|
+
-webkit-text-size-adjust: 100%; // 4
|
82
|
+
-ms-text-size-adjust: 100%; // 4
|
73
83
|
}
|
74
84
|
|
75
85
|
// Address `font-family` inconsistency between `textarea` and other form
|
@@ -436,4 +446,4 @@
|
|
436
446
|
border-spacing: 0;
|
437
447
|
}
|
438
448
|
|
439
|
-
}
|
449
|
+
}
|
@@ -25,7 +25,7 @@ body {
|
|
25
25
|
|
26
26
|
/*
|
27
27
|
* Remove text-shadow in selection highlight: h5bp.com/i
|
28
|
-
* These selection
|
28
|
+
* These selection rule sets have to be separate.
|
29
29
|
* Customize the background color to match your design.
|
30
30
|
*/
|
31
31
|
|
@@ -212,13 +212,13 @@ textarea {
|
|
212
212
|
|
213
213
|
/* ==========================================================================
|
214
214
|
EXAMPLE Media Queries for Responsive Design.
|
215
|
-
|
215
|
+
These examples override the primary ('mobile first') styles.
|
216
216
|
Modify as content requires.
|
217
217
|
========================================================================== */
|
218
218
|
|
219
219
|
@media only screen and (min-width: 35em) {
|
220
220
|
/* Style adjustments for viewports that meet the condition */
|
221
|
-
body { margin: 0; } //HACK
|
221
|
+
body { margin: 0; } //HACK: scss class can't be empty
|
222
222
|
}
|
223
223
|
|
224
224
|
@media print,
|
@@ -226,7 +226,7 @@ textarea {
|
|
226
226
|
(-webkit-min-device-pixel-ratio: 1.25),
|
227
227
|
(min-resolution: 120dpi) {
|
228
228
|
/* Style adjustments for high resolution devices */
|
229
|
-
body { margin: 0; } //HACK
|
229
|
+
body { margin: 0; } //HACK: scss class can't be empty
|
230
230
|
}
|
231
231
|
|
232
232
|
/* ==========================================================================
|
@@ -238,7 +238,7 @@ textarea {
|
|
238
238
|
* {
|
239
239
|
background: transparent !important;
|
240
240
|
color: #000 !important; // Black prints faster: h5bp.com/s
|
241
|
-
box-shadow:none !important;
|
241
|
+
box-shadow: none !important;
|
242
242
|
text-shadow: none !important;
|
243
243
|
}
|
244
244
|
|
@@ -1,4 +1,4 @@
|
|
1
|
-
/*! normalize.css v1.1.
|
1
|
+
/*! normalize.css v1.1.1 | MIT License | git.io/normalize */
|
2
2
|
|
3
3
|
/* ==========================================================================
|
4
4
|
HTML5 display definitions
|
@@ -59,16 +59,22 @@ audio:not([controls]) {
|
|
59
59
|
========================================================================== */
|
60
60
|
|
61
61
|
/**
|
62
|
-
* 1.
|
62
|
+
* 1. Prevent system color scheme's background color being used in Firefox, IE,
|
63
|
+
* and Opera.
|
64
|
+
* 2. Prevent system color scheme's text color being used in Firefox, IE, and
|
65
|
+
* Opera.
|
66
|
+
* 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
|
63
67
|
* `em` units.
|
64
|
-
*
|
68
|
+
* 4. Prevent iOS text size adjust after orientation change, without disabling
|
65
69
|
* user zoom.
|
66
70
|
*/
|
67
71
|
|
68
72
|
html {
|
69
|
-
|
70
|
-
|
71
|
-
-
|
73
|
+
background: #fff; // 1
|
74
|
+
color: #000; // 2
|
75
|
+
font-size: 100%; // 3
|
76
|
+
-webkit-text-size-adjust: 100%; // 4
|
77
|
+
-ms-text-size-adjust: 100%; // 4
|
72
78
|
}
|
73
79
|
|
74
80
|
/**
|
data/test/project/sass/test.scss
CHANGED
@@ -6,7 +6,7 @@
|
|
6
6
|
|
7
7
|
@media only screen and (min-width: 35em) {
|
8
8
|
/* Style adjustments for viewports that meet the condition */
|
9
|
-
body { margin: 0; } //HACK
|
9
|
+
body { margin: 0; } //HACK: scss class can't be empty
|
10
10
|
}
|
11
11
|
|
12
12
|
@media print,
|
@@ -14,6 +14,9 @@
|
|
14
14
|
(-webkit-min-device-pixel-ratio: 1.25),
|
15
15
|
(min-resolution: 120dpi) {
|
16
16
|
/* Style adjustments for high resolution devices */
|
17
|
-
body { margin: 0; } //HACK
|
17
|
+
body { margin: 0; } //HACK: scss class can't be empty
|
18
|
+
}
|
19
|
+
|
20
|
+
@media print {
|
21
|
+
@include h5bp-media-print;
|
18
22
|
}
|
19
|
-
@include h5bp-media;
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: compass-h5bp
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.1.
|
4
|
+
version: 0.1.2
|
5
5
|
prerelease:
|
6
6
|
platform: ruby
|
7
7
|
authors:
|
@@ -9,7 +9,7 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2013-
|
12
|
+
date: 2013-10-28 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: compass
|
@@ -68,12 +68,18 @@ required_ruby_version: !ruby/object:Gem::Requirement
|
|
68
68
|
- - ! '>='
|
69
69
|
- !ruby/object:Gem::Version
|
70
70
|
version: '0'
|
71
|
+
segments:
|
72
|
+
- 0
|
73
|
+
hash: 2017007837433264976
|
71
74
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
72
75
|
none: false
|
73
76
|
requirements:
|
74
77
|
- - ! '>='
|
75
78
|
- !ruby/object:Gem::Version
|
76
79
|
version: '0'
|
80
|
+
segments:
|
81
|
+
- 0
|
82
|
+
hash: 2017007837433264976
|
77
83
|
requirements: []
|
78
84
|
rubyforge_project: compass-h5bp
|
79
85
|
rubygems_version: 1.8.23
|