bourbon-compass 2.1.1.0 → 2.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.
@@ -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