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.
@@ -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
- @include border-radius (3px);
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
- @include border-radius(5px);
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
- @include border-radius(16px);
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
- font-family: $font-family;
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') format('embedded-opentype'),
6
- url('#{$file-path}.woff') format('woff'),
7
- url('#{$file-path}.ttf') format('truetype'),
8
- url('#{$file-path}.svg##{$font-family}') format('svg');
9
- font-weight: $weight;
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,
@@ -1,6 +1,8 @@
1
1
  module Bourbon::SassExtensions
2
2
  end
3
3
 
4
- require "sass"
4
+ unless defined?(Sass)
5
+ require 'sass'
6
+ end
5
7
 
6
- require File.join(File.dirname(__FILE__), "/sass_extensions/functions")
8
+ require File.join(File.dirname(__FILE__), '/sass_extensions/functions')
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.1.0
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-06-29 00:00:00.000000000 Z
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.1'
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.1'
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