bourbon-compass 2.1.1.0 → 2.1.2
Sign up to get free protection for your applications and to get access to all the features.
- data/stylesheets/bourbon/_bourbon.scss +2 -0
- data/stylesheets/bourbon/addons/_button.scss +3 -3
- data/stylesheets/bourbon/addons/_font-face.scss +18 -9
- data/stylesheets/bourbon/addons/_hidpi-media-query.scss +10 -0
- data/stylesheets/bourbon/css3/_image-rendering.scss +13 -0
- data/stylesheets/bourbon/css3/_prefixer.scss +4 -0
- data/stylesheets/bourbon/lib/bourbon/sass_extensions.rb +4 -2
- metadata +6 -4
@@ -21,6 +21,7 @@
|
|
21
21
|
@import "css3/box-sizing";
|
22
22
|
@import "css3/columns";
|
23
23
|
@import "css3/flex-box";
|
24
|
+
@import "css3/image-rendering";
|
24
25
|
@import "css3/inline-block";
|
25
26
|
@import "css3/linear-gradient";
|
26
27
|
@import "css3/prefixer";
|
@@ -38,3 +39,4 @@
|
|
38
39
|
@import "addons/html5-input-types";
|
39
40
|
@import "addons/position";
|
40
41
|
@import "addons/timing-functions";
|
42
|
+
@import "addons/hidpi-media-query";
|
@@ -64,7 +64,7 @@
|
|
64
64
|
}
|
65
65
|
|
66
66
|
border: 1px solid $border;
|
67
|
-
|
67
|
+
border-radius: 3px;
|
68
68
|
@include box-shadow (inset 0 1px 0 0 $inset-shadow);
|
69
69
|
color: $color;
|
70
70
|
display: inline-block;
|
@@ -136,7 +136,7 @@
|
|
136
136
|
|
137
137
|
border: 1px solid $border;
|
138
138
|
border-bottom: 1px solid $border-bottom;
|
139
|
-
|
139
|
+
border-radius: 5px;
|
140
140
|
@include box-shadow(inset 0 1px 0 0 $inset-shadow);
|
141
141
|
color: $color;
|
142
142
|
display: inline-block;
|
@@ -207,7 +207,7 @@
|
|
207
207
|
|
208
208
|
border: 1px solid $border-top;
|
209
209
|
border-color: $border-top $border-sides $border-bottom;
|
210
|
-
|
210
|
+
border-radius: 16px;
|
211
211
|
@include box-shadow(inset 0 1px 0 0 $inset-shadow, 0 1px 2px 0 #b3b3b3);
|
212
212
|
color: $color;
|
213
213
|
display: inline-block;
|
@@ -1,12 +1,21 @@
|
|
1
|
-
@mixin font-face($font-family, $file-path, $weight: normal, $style: normal ) {
|
1
|
+
@mixin font-face($font-family, $file-path, $weight: normal, $style: normal, $asset-pipeline: false ) {
|
2
2
|
@font-face {
|
3
|
-
|
3
|
+
font-family: $font-family;
|
4
|
+
font-weight: $weight;
|
5
|
+
font-style: $style;
|
6
|
+
|
7
|
+
@if $asset-pipeline == true {
|
8
|
+
src: font-url('#{$file-path}.eot');
|
9
|
+
src: font-url('#{$file-path}.eot?#iefix') format('embedded-opentype'),
|
10
|
+
font-url('#{$file-path}.woff') format('woff'),
|
11
|
+
font-url('#{$file-path}.ttf') format('truetype'),
|
12
|
+
font-url('#{$file-path}.svg##{$font-family}') format('svg');
|
13
|
+
} @else {
|
4
14
|
src: url('#{$file-path}.eot');
|
5
|
-
src: url('#{$file-path}.eot?#iefix')
|
6
|
-
url('#{$file-path}.woff')
|
7
|
-
url('#{$file-path}.ttf')
|
8
|
-
url('#{$file-path}.svg##{$font-family}')
|
9
|
-
|
10
|
-
font-style: $style;
|
15
|
+
src: url('#{$file-path}.eot?#iefix') format('embedded-opentype'),
|
16
|
+
url('#{$file-path}.woff') format('woff'),
|
17
|
+
url('#{$file-path}.ttf') format('truetype'),
|
18
|
+
url('#{$file-path}.svg##{$font-family}') format('svg');
|
19
|
+
}
|
11
20
|
}
|
12
|
-
}
|
21
|
+
}
|
@@ -0,0 +1,10 @@
|
|
1
|
+
// HiDPI mixin. Default value set to 1.3 to target Google Nexus 7 (http://bjango.com/articles/min-device-pixel-ratio/)
|
2
|
+
@mixin hidpi($ratio: 1.3) {
|
3
|
+
@media only screen and (-webkit-min-device-pixel-ratio: $ratio),
|
4
|
+
only screen and (min--moz-device-pixel-ratio: $ratio),
|
5
|
+
only screen and (-o-min-device-pixel-ratio: #{$ratio}/1),
|
6
|
+
only screen and (min-resolution: #{round($ratio*96)}dpi),
|
7
|
+
only screen and (min-resolution: #{$ratio}dppx) {
|
8
|
+
@content;
|
9
|
+
}
|
10
|
+
}
|
@@ -0,0 +1,13 @@
|
|
1
|
+
@mixin image-rendering ($mode:optimizeQuality) {
|
2
|
+
|
3
|
+
@if ($mode == optimize-contrast) {
|
4
|
+
image-rendering: -moz-crisp-edges;
|
5
|
+
image-rendering: -o-crisp-edges;
|
6
|
+
image-rendering: -webkit-optimize-contrast;
|
7
|
+
image-rendering: optimize-contrast;
|
8
|
+
}
|
9
|
+
|
10
|
+
@else {
|
11
|
+
image-rendering: $mode;
|
12
|
+
}
|
13
|
+
}
|
@@ -1,3 +1,7 @@
|
|
1
|
+
//************************************************************************//
|
2
|
+
// Default: Webkit, moz, spec
|
3
|
+
// Example: @include prefixer(border-radius, $radii, $o: true);
|
4
|
+
//************************************************************************//
|
1
5
|
@mixin prefixer ($property, $value,
|
2
6
|
$webkit: true,
|
3
7
|
$moz: true,
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: bourbon-compass
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 2.1.
|
4
|
+
version: 2.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: 2012-
|
12
|
+
date: 2012-11-02 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: compass
|
@@ -34,7 +34,7 @@ dependencies:
|
|
34
34
|
requirements:
|
35
35
|
- - ! '>='
|
36
36
|
- !ruby/object:Gem::Version
|
37
|
-
version: '3.
|
37
|
+
version: '3.2'
|
38
38
|
type: :runtime
|
39
39
|
prerelease: false
|
40
40
|
version_requirements: !ruby/object:Gem::Requirement
|
@@ -42,7 +42,7 @@ dependencies:
|
|
42
42
|
requirements:
|
43
43
|
- - ! '>='
|
44
44
|
- !ruby/object:Gem::Version
|
45
|
-
version: '3.
|
45
|
+
version: '3.2'
|
46
46
|
description: ThoughtBot's Bourbon packaged as Compass extension.
|
47
47
|
email: jed@jedfoster.com
|
48
48
|
executables: []
|
@@ -57,6 +57,7 @@ files:
|
|
57
57
|
- stylesheets/bourbon/addons/_font-face.scss
|
58
58
|
- stylesheets/bourbon/addons/_font-family.scss
|
59
59
|
- stylesheets/bourbon/addons/_hide-text.scss
|
60
|
+
- stylesheets/bourbon/addons/_hidpi-media-query.scss
|
60
61
|
- stylesheets/bourbon/addons/_html5-input-types.scss
|
61
62
|
- stylesheets/bourbon/addons/_position.scss
|
62
63
|
- stylesheets/bourbon/addons/_timing-functions.scss
|
@@ -71,6 +72,7 @@ files:
|
|
71
72
|
- stylesheets/bourbon/css3/_box-sizing.scss
|
72
73
|
- stylesheets/bourbon/css3/_columns.scss
|
73
74
|
- stylesheets/bourbon/css3/_flex-box.scss
|
75
|
+
- stylesheets/bourbon/css3/_image-rendering.scss
|
74
76
|
- stylesheets/bourbon/css3/_inline-block.scss
|
75
77
|
- stylesheets/bourbon/css3/_linear-gradient.scss
|
76
78
|
- stylesheets/bourbon/css3/_prefixer.scss
|