compass_sumo 0.3.0 → 0.3.1

data/lib/compass_sumo/sass_extensions/functions/inline_svg.rb

@@ -3,9 +3,9 @@ require 'uri'
 module CompassSumo::SassExtensions::Functions::InlineSvg
   def inline_svg(path)
     data = svg_content(path.value)
-    data = URI.escape(data, '()#') # URL escape breaking characters
-              .split(/[\r\n]+/)    # Get rid of newlines in the URL
-              .join.gsub(/\t/, '') # Get rid of tabs.
+    data = URI.escape(data, '()#'). # URL escape breaking characters
+               split(/[\r\n]+/).    # Get rid of newlines in the URL
+               join.gsub(/\t/, '') # Get rid of tabs.
 
     url = "url('data:image/svg+xml;utf-8,#{data}')"
     Sass::Script::String.new(url)

data/lib/compass_sumo/version.rb

@@ -1,3 +1,3 @@
 module CompassSumo
-  VERSION = "0.3.0"
+  VERSION = "0.3.1"
 end

data/stylesheets/compass_sumo/_mixins.scss

@@ -1,4 +1,4 @@
 @import 'compass_sumo/mixins/animations';
-@import 'compass_sumo/mixins/fallbacks'
+@import 'compass_sumo/mixins/fallbacks';
 @import 'compass_sumo/mixins/load_font';
 @import 'compass_sumo/mixins/retina_sprites';

data/stylesheets/compass_sumo/mixins/_fallbacks.scss

@@ -19,11 +19,12 @@
 $defaultSvgFallbackClass: 'no-svg' !default;
 
 // Setup a SVG background with PNG fallback
-@mixin svg-with-png-fallback($name, $backgroundOptions: nulll,
+@mixin svg-with-png-fallback($name, $backgroundOptions: null,
 				    $svgImage: null, 
 				    $pngImage: null,
 				    $fallbackClass: $defaultSvgFallbackClass,
-				    $inline: true
+				    $inline: true,
+				    $dimensions: true
 			    ) {
 
 	$svgImage: "#{$name}.svg" !default;
@@ -31,8 +32,15 @@ $defaultSvgFallbackClass: 'no-svg' !default;
 
 	@if ($inline) {
 		@include background(inline-image($svgImage) #{$backgroundOptions});
+		background-size: image-width($pngImage) auto;
 	} @else {
 		@include background(image-url($svgImage) #{$backgroundOptions});
+		background-size: image-width($pngImage) auto;
+	}
+	
+	@if ($dimensions) {
+		width: image-width($pngImage);
+		height: image-height($pngImage);
 	}
 
 	@include fallback($fallbackClass) {

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: compass_sumo
 version: !ruby/object:Gem::Version
-  version: 0.3.0
+  version: 0.3.1
   prerelease: 
 platform: ruby
 authors:
@@ -11,7 +11,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-03-14 00:00:00.000000000 Z
+date: 2013-03-19 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: compass