compass-icons 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 9b645ef8aedc4d6805fd6a3d7e951e5414ea7984
+  data.tar.gz: acfde91060f3d89a96401443e74f2aadd9db03dc
+SHA512:
+  metadata.gz: 2e882e6194f9a06eb0a17fb69085bbbe48e9162209eb3817090560b948530d326df41e5b0461e5e42a730b1594922d096c33713b04ba499f1accbb7e104e9dff
+  data.tar.gz: 8dade80998dfaeddbbaee71dc7c4e6f8a1c1df4472df6f780b46c48c32c0518ef823dbe1f6184c9a553840dd164b36c9f7fa9c44713fd9c2759589cfe937ed29

data/CHANGELOG.md

@@ -0,0 +1,5 @@
+# compass-icons changelog
+
+## 0.1.0 <span style="font-size: .8em">(2015-02-22)</span>
+
+### Refactor

data/README.md

@@ -0,0 +1,181 @@
+# compass-icons
+
+Flexible compass plugin for working with icons (SVG, PNG).
+
+Works on top of compass sprite API.
+It was designed to easily switch between SVG and PNG while working with icons as background-images.
+So you have more granular control over which icons to use as SVG or PNG.
+SVG first with PNG sprite fallback, or PNG first with hidpi sprite support.
+
+Also managing several "thematic" sprites a breeze.
+
+
+*Best workflow used in conjunction with [grunt-svg2png](https://github.com/pascalduez/grunt-svg2png).*
+
+*Online [preview](http://pascalduez.github.io/SassyIcons/test) (test folder).*
+*Online [Documentation](http://pascalduez.github.io/SassyIcons/docs) (generated with SassDoc).*
+
+## API
+
+`sprite-map-create($name [, $spacing])`
+`icon($map, $sprite [, $offset, $format])`
+`icon-single($map, $sprite [, $format])`
+`icon-generated($map, $sprite [, $pos, $centered, $format])`
+
+
+## Usage
+
+### Requirements
+
+* Sass ~> 3.3.0
+* Compass ~> 1.0.0.rc.1
+
+### Installation
+
+#### Git
+
+```
+git clone git@github.com:pascalduez/SassyIcons.git
+```
+
+#### npm
+
+```
+npm install sassyicons --save
+```
+
+#### Bower
+
+```
+bower install SassyIcons --save
+```
+
+#### Compass extension
+
+Since SassyIcons is dependant on Compass, this is the recommended installation and usage.
+
+1. Add `gem 'SassyIcons', '~>0.1.0'` to your `Gemfile`
+2. `bundle install --path .` (manage your gems in project dir, not globally)
+3. Add `require 'SassyIcons'` to your `config.rb`
+4. Import it in your stylesheets with `@import 'SassyIcons'`
+
+### Configuration
+
+```scss
+// Default settings.
+$icons-defaults: (
+
+  // Space around sprites in generated spritemap.
+  // Useful with `$offset` parameter.
+  // This setting is global for all spritemaps.
+  // Can be set per spritemap with the `$spacing` parameter.
+  spacing: 0,
+
+  // Main icons directory. `sprite-map-create()`, base for sub dirs.
+  dir: "icons",
+
+  // Name of the png sub-folders.
+  dir-png: "png",
+
+  // Name of the hidpi png sub-folders.
+  dir-hidpi: "png_2x",
+
+  // Scale of the hidpi pngs.
+  hidpi-scale: 2,
+
+  // Minimum resolution ratio used in the hidpi media query.
+  hidpi-ratio: 1.3,
+
+  // Whether to embed icons as data URI in the `icon-single()` mixin.
+  single-embed: true,
+
+  // Default file format unless overridden by parameter, svg | png.
+  format: "svg",
+
+  // Whether to support legacy browsers, svg fallback.
+  legacy: true
+
+);
+```
+Override default values in a new `$icons-settings` map.
+
+
+## Usage
+
+#### Example usage with [Compass](http://compass-style.org/help/tutorials/command-line)
+```scss
+// Import SassyIcons.
+@import 'SassyIcons';
+
+// Instantiate a new sprite-map from folder `icons/social`.
+@include sprite-map-create(social, $spacing: 10px);
+
+.icon--twitter {
+  @include icon(social, "twitter");
+}
+
+.icon--twitter {
+  @include icon-generated(social, "twitter", $format: "png");
+}
+
+```
+```
+bundle exec compass watch
+```
+
+
+## Roadmap
+
+* More documentation
+* `icon-generated()` and `generated()` Don't force absolute positioning.
+* Rewrite `generated()` mixin
+* `icon-generated()` configurable `calc()` fallback
+* Helper mixin to work with `background-size`
+* Support for SVG sprites ?
+* Support for SVG stacks ?
+* Try to further improve output CSS
+* More control over print position in the stylesheet ?
+* Abstract and move away from Compass sprites ?
+* Move away from Modernizr classes ? Or make it an option.
+* Clarify or remove the `@content` thing to pass additional rules to `.svg`.
+
+## Future
+
+This library used to address a specific need, at a specific moment. Although one
+of its main feature is to bring granular control on how many icons you want to
+inline, keep in mind that too many inlined SVG's, especially base64 encoded might
+be a concern for performances.
+
+There are a bunch of different techniques to integrate SVG icons, that you should
+check out and evaluate before deciding on any.
+
+Some (non exaustive) resources:
+* [Different ways of using icons ](https://github.com/betravis/icon-methods)
+* [An Overview of SVG Sprite Creation Techniques](http://24ways.org/2014/an-overview-of-svg-sprite-creation-techniques)
+* [Tips For Optimising SVG Delivery For The Web](http://calendar.perfplanet.com/2014/tips-for-optimising-svg-delivery-for-the-web)
+
+
+## Development
+
+### You need
+
+  * [Node.js](http://nodejs.org)
+  * [Ruby](https://www.ruby-lang.org)
+  * [Bundler](http://bundler.io) via `gem install bundler`
+  * `grunt-cli` via `npm install -g grunt-cli`
+
+### How to
+
+  1. Fork this repository
+  2. Run `npm install`
+  3. Make your changes + write tests
+  4. `grunt test`
+
+## Authors
+
+[Pascal Duez](http://pascalduez.me)
+
+
+## Licence
+
+SassyIcons is available under the [MIT](http://opensource.org/licenses/MIT) license.

data/lib/compass-icons.rb

@@ -0,0 +1,4 @@
+require 'compass'
+
+extension_path = File.expand_path(File.join(File.dirname(__FILE__), ".."))
+Compass::Frameworks.register('compass-icons', :path => extension_path)

data/scss/_compass-icons.scss

@@ -0,0 +1,30 @@
+// -----------------------------------------------------------------------------
+// compass-icons - Flexible icons system.
+// -----------------------------------------------------------------------------
+// Repository: https://github.com/reactivestudio/compass-icons
+// -----------------------------------------------------------------------------
+
+// A bit of terminology:
+// sprite = a single image/icon
+// 'sprite-sheet' or 'sprite-map' == all sprites combined together
+
+//
+// Import configuration
+//
+@import "config/config";
+
+//
+// Import helpers
+//
+@import "helpers/helpers";
+
+//
+// Import icons
+//
+@import "icons/sprite-map-create";
+@import "icons/icon";
+@import "icons/icon-single";
+@import "icons/generated";
+@import "icons/icon-generated";
+@import "icons/pseudo-generated";
+@import "icons/icon-pseudo";

data/scss/config/_config.scss

@@ -0,0 +1,92 @@
+
+// compass-icons: configuration
+// -------------------------
+
+
+////
+//// @group config
+////
+
+
+/// Default settings.
+///
+/// @type Map
+///
+/// @prop {Number} spacing (0) - Space around sprites in generated spritemap
+/// @prop {String} dir ('icons') - Main icons directory. `sprite-map-create()`, base for sub dirs
+/// @prop {String} dir-png ('png') - Name of the png sub-folders
+/// @prop {String} dir-hidpi ('png_2x') - Name of the hidpi png sub-folders
+/// @prop {Number} hidpi-scale (2) - Scale of the hidpi pngs
+/// @prop {Number} hidpi-ratio (1.3) - Minimum resolution ratio used in the hidpi media query
+/// @prop {Boolean} single-embed (true) - Whether to embed icons as data URI in the `icon-single()` mixin
+/// @prop {String} format ('svg') - Default file format unless overridden by parameter, svg | png
+/// @prop {Boolean} legacy (true) - Whether to support legacy browsers, svg fallback
+
+$icons-defaults: (
+
+  // Space around sprites in generated spritemap.
+  // Useful with `$offset` parameter.
+  // This setting is global for all spritemaps.
+  // Can be set per spritemap with the `$spacing` parameter.
+  spacing: 0,
+
+  // Main icons directory. `sprite-map-create()`, base for sub dirs.
+  dir: "icons",
+
+  // Name of the png sub-folders.
+  dir-png: "png",
+
+  // Name of the hidpi png sub-folders.
+  dir-hidpi: "png_2x",
+
+  // Scale of the hidpi pngs.
+  hidpi-scale: 2,
+
+  // Minimum resolution ratio used in the hidpi media query.
+  hidpi-ratio: 1.3,
+
+  // Whether to embed icons as data URI in the `icon-single()` mixin.
+  single-embed: true,
+
+  // Default file format unless overridden by parameter, svg | png.
+  format: "svg",
+
+  // Whether to support legacy browsers, svg fallback.
+  legacy: true
+
+);
+
+
+/// User settings.
+/// Instanciate the same object in your stylesheets to override defaults.
+///
+/// @type Map
+///
+/// @example scss Override defaults
+/// $icons-settings: (
+///   dir: "assets",
+///   hidpi-scale: 3
+/// );
+
+$icons-settings: () !default;
+
+
+/// Retrieve a configuration item.
+///
+/// @access private
+///
+/// @requires {variable} icons-defaults
+/// @requires {variable} icons-settings
+///
+/// @param {String} $key - configuration item key
+///
+/// @return {*}
+
+@function conf($key) {
+  @if not map-has-key($icons-defaults, $key) {
+    @warn "No item `#{$key}` found in configuration.";
+    @return false;
+  }
+
+  @return map-get(map-merge($icons-defaults, $icons-settings), $key);
+}

data/scss/helpers/_helpers.scss

@@ -0,0 +1,96 @@
+
+// compass-icons: helpers
+// -------------------
+
+
+////
+//// @group helpers
+//// @access private
+////
+
+
+/// Helper: join `$list` into a string.
+///
+/// @param {List} $list - the list to convert
+/// @param {String} $glue ('') - a string to separate each element of the list
+///
+/// @return {String}
+
+@function _join(
+  $list,
+  $glue: ''
+) {
+  $length: length($list);
+  $result: '';
+
+  @if $length < 1 {
+    @return $result;
+  }
+
+  @for $i from 1 through $length {
+    $result: $result
+             + nth($list, $i)
+             + if($i != $length, $glue, '');
+  }
+
+  @return $result;
+}
+
+
+/// Helper: retrieve a spritemap.
+///
+/// @requires {variable} icons-spritemaps
+///
+/// @param {String} $name - spritemap name
+/// @param {String} $factor (1x) - dpi factor
+///
+/// @return {Spritemap}
+
+@function _sprite-map-get(
+  $name,
+  $factor: 1x
+) {
+  @return map-get(map-get($icons-spritemaps, $name), $factor);
+}
+
+
+/// Helper: return correct spritemap `background-position`.
+///
+/// @requires Compass::sprite-position
+///
+/// @param {Spritemap} $map - spritemap name
+/// @param {String} $sprite - sprite name
+/// @param {Number} $offset-x (0) - adjustment along the x axis
+/// @param {Number} $offset-y (0) - adjustment along the y axis
+/// @param {Number} $scale    (1) - spritemap scale
+///
+/// @return {List} (x-pos y-pos)
+
+@function _sprite-position(
+  $map,
+  $sprite,
+  $offset-x: 0,
+  $offset-y: 0,
+  $scale: 1
+) {
+  $pos: sprite-position($map, $sprite, $offset-x, $offset-y * $scale);
+  @return (nth($pos, 1) nth($pos, 2) / $scale);
+}
+
+
+/// Hidpi media query builder.
+///
+/// @link http://bjango.com/articles/min-device-pixel-ratio/
+/// @link http://brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries
+/// @link http://w3.org/blog/CSS/2012/06/14/unprefix-webkit-device-pixel-ratio
+
+@mixin hidpi-mq {
+  $hidpi-ratio: conf(hidpi-ratio);
+
+  @media (-webkit-min-device-pixel-ratio: $hidpi-ratio),
+         (min-resolution: round($hidpi-ratio * 96dpi)),
+         (min-resolution: $hidpi-ratio * 1dppx)
+  {
+    @content;
+  }
+}

data/scss/icons/_generated.scss

@@ -0,0 +1,39 @@
+
+// compass-icons: generated
+// ---------------------
+
+
+/// Boilerplate styles for generated content `:before` or `:after`.
+///
+/// @access private
+/// @group helpers
+/// @todo Rewrite that crap
+///
+/// @param {Number} $width
+/// @param {Number} $height
+/// @param {Number} $top
+/// @param {Number} $right
+/// @param {Number} $bottom
+/// @param {Number} $left
+
+@mixin generated(
+  $width: false,
+  $height: false,
+  $top: false,
+  $right: false,
+  $bottom: false,
+  $left: false
+) {
+  @if $width { width: $width };
+  @if $height { height: $height };
+  content: "";
+  display: block;
+  position: absolute;
+  @if $top { top: $top; }
+  @if $right { right: $right; }
+  @if $bottom { bottom: $bottom; }
+  @if $left { left: $left; }
+  z-index: 1;
+
+  @content;
+}

data/scss/icons/_icon-generated.scss

@@ -0,0 +1,56 @@
+
+// compass-icons: icon-generated
+// --------------------------
+
+
+/// Include the icon in a generated pseudo-element.
+/// Default to `:before`.
+/// Allows for easier positioning or centering.
+///
+/// @group icons
+///
+/// @requires conf
+/// @requires _sprite-map-get
+/// @requires {mixin} generated
+/// @requires {mixin} icon
+/// @requires Compass::sprite-file
+/// @requires Compass::image-width
+/// @requires Compass::image-height
+///
+/// @param {String} $map - spritemap name
+/// @param {String} $sprite - sprite name
+/// @param {String} $pos ('before') - pseudo-element position
+/// @param {Bool} $centered (false) - whether to center the icon, relative to its parent
+/// @param {String} $format (conf(format)) - file format 'svg' | 'png'
+///
+/// @output Cross-browser icon as background-image.
+
+@mixin icon-generated(
+  $map,
+  $sprite,
+  $pos: 'before',
+  $centered: false,
+  $format: conf(format)
+) {
+  position: relative;
+
+  &:#{$pos} {
+    $sprite-file: sprite-file(_sprite-map-get($map), $sprite);
+
+    $width: image-width($sprite-file);
+    $height: image-height($sprite-file);
+
+    @include generated($width, $height);
+
+    @if $centered {
+      top: 35%;
+      top: calc(50% - #{$height} / 2);
+      left: 35%;
+      left: calc(50% - #{$width} / 2);
+    }
+
+    @include icon($map: $map, $sprite: $sprite, $format: $format);
+
+    @content;
+  }
+}

data/scss/icons/_icon-pseudo.scss

@@ -0,0 +1,62 @@
+
+// compass-icons: icon-pseudo
+// --------------------------
+
+
+/// Include the icon in a generated pseudo-element.
+/// Default to `:before`.
+/// Allows for easier positioning or centering.
+///
+/// @group icons
+///
+/// @requires conf
+/// @requires _sprite-map-get
+/// @requires {mixin} generated
+/// @requires {mixin} icon
+/// @requires Compass::sprite-file
+/// @requires Compass::image-width
+/// @requires Compass::image-height
+///
+/// @param {String} $map - spritemap name
+/// @param {String} $sprite - sprite name
+/// @param {String} $pos ('before') - pseudo-element position
+/// @param {Bool} $centered (false) - whether to center the icon, relative to its parent
+/// @param {String} $format (conf(format)) - file format 'svg' | 'png'
+///
+/// @output Cross-browser icon as background-image.
+
+@mixin icon-pseudo(
+    $map,
+    $sprite,
+    $position: "left",
+    $valign: middle,
+    $margin: 10px,
+    $hover: false
+    $centered: false,
+    $format: conf(format)
+) {
+    $pseudo: "after";
+    @if $position == "left" or $position == "top" {
+        $pseudo: "before";
+    }
+    $sprite-file: sprite-file(_sprite-map-get($map), $sprite);
+    $width: image-width($png-file);
+    $height: image-height($png-file);
+
+    .icon--#{$sprite} {
+        &:#{$pseudo} {
+            @include pseudo-genereted($width, $height, $position, $valign, $margin);
+            @include icon($map: $map, $sprite: $sprite, $format: $format);
+        }
+
+        @if $hover == true {
+            &:hover:#{$pseudo} {
+                $sprite: $sprite + "--hover";
+                @include pseudo-genereted($width, $height, $position, $valign, $margin);
+                @include icon($map: $map, $sprite: $sprite, $format: $format);
+            }
+        }
+
+        @content;
+    }
+}

data/scss/icons/_icon-single.scss

@@ -0,0 +1,81 @@
+
+// compass-icons: icon-single
+// -----------------------
+
+
+/// Embed a single icon as inline-image (no spritemap).
+/// Should be used sporadically.
+///
+/// @group icons
+///
+/// @requires conf
+/// @requires _join
+/// @requires Compass::inline-image
+/// @requires Compass::inline-url
+/// @requires Compass::image-width
+/// @requires {mixin} hidpi-mq
+///
+/// @param {String} $map - spritemap name
+/// @param {String} $sprite - sprite name
+/// @param {String} $format (conf(format)) - file format 'svg' | 'png'
+///
+/// @output Cross-browser icon as background-image
+
+@mixin icon-single(
+  $map,
+  $sprite,
+  $format: conf(format)
+) {
+
+  // sprite-file() and inline-image() no work.
+  // @see https://github.com/chriseppstein/compass/issues/951
+
+  $dir: conf(dir);
+  $svg-file: _join(($dir, $map, '#{$sprite}.svg'), '/');
+  $png-file-1x: _join(($dir, $map, conf(dir-png), '#{$sprite}.png'), '/');
+  $png-file-2x: _join(($dir, $map, conf(dir-hidpi), '#{$sprite}.png'), '/');
+
+  $function: if(conf(single-embed), inline-image, image-url);
+  $svg-url: call($function, $svg-file);
+  $png-url-1x: call($function, $png-file-1x);
+  $png-url-2x: call($function, $png-file-2x);
+
+  $legacy-support: conf(legacy);
+
+  // Allow to pass format as uppercase.
+  $format: to-lower-case($format);
+
+  @if $format == 'svg' {
+
+    background: {
+      image: $svg-url;
+      repeat: no-repeat;
+    }
+
+    .svg & {
+      @content;
+    }
+
+    @if $legacy-support {
+      .no-svg &,
+      .no-js & {
+        background-image: $png-url-1x;
+      }
+    }
+
+  }
+  @else if $format == 'png' {
+
+    background: {
+      image: $png-url-1x;
+      repeat: no-repeat;
+    }
+
+    @include hidpi-mq {
+      background: {
+        image: $png-url-2x;
+        size: ceil(image-width($png-file-2x) / conf(hidpi-scale)) auto;
+      }
+    }
+  }
+}

data/scss/icons/_icon.scss

@@ -0,0 +1,84 @@
+
+// compass-icons: icon
+// ----------------
+
+
+/// Main icon mixin,
+/// default choice unless there are specific needs.
+///
+/// @group icons
+///
+/// @requires conf
+/// @requires _sprite-map-get
+/// @requires _join
+/// @requires _sprite-position
+/// @requires Compass::inline-image
+/// @requires {mixin} hidpi-mq
+///
+/// @param {String} $map - spritemap name
+/// @param {String} $sprite - sprite name
+/// @param {List}   $offset ((0 0)) - adjustment along the x y axis
+/// @param {String} $format (conf(format)) - file format 'svg' | 'png'
+///
+/// @example scss Include an icon
+///   .twitter {
+///     @include icon(social, twitter);
+///   }
+///
+/// @output Cross-browser icon as background-image
+
+@mixin icon(
+  $map,
+  $sprite,
+  $offset: 0 0,
+  $format: conf(format)
+) {
+  $map-1x: _sprite-map-get($map);
+  $map-2x: _sprite-map-get($map, 2x);
+
+  // Shorter mixin calls.
+  $offset-x: nth($offset, 1);
+  $offset-y: nth($offset, length($offset));
+
+  $legacy-support: conf(legacy);
+
+  // Allow to pass format as uppercase.
+  $format: to-lower-case($format);
+
+  @if $format == 'svg' {
+
+    $svg-file: _join((conf(dir), $map, '#{$sprite}.svg'), '/');
+
+    background: {
+      image: inline-image($svg-file);
+      repeat: no-repeat;
+    }
+
+    .svg & {
+      @content;
+    }
+
+    @if $legacy-support {
+      .no-svg &,
+      .no-js & {
+
+        @extend %sprite-map-#{$map}-image-map;
+
+        background-position: _sprite-position($map-1x, $sprite, $offset-x, $offset-y);
+      }
+    }
+
+  }
+  @else if $format == 'png' {
+
+    @extend %sprite-map-#{$map}-image-map;
+
+    background-position: _sprite-position($map-1x, $sprite, $offset-x, $offset-y);
+
+    @extend %sprite-map-#{$map}-2x-image-map;
+
+    @include hidpi-mq {
+      background-position: _sprite-position($map-2x, $sprite, $offset-x, $offset-y, conf(hidpi-scale));
+    }
+  }
+}

data/scss/icons/_pseudo-genereted.scss

@@ -0,0 +1,42 @@
+
+// compass-icons: pseudo-generated
+// ---------------------
+
+
+/// Boilerplate styles for generated content `:before` or `:after`.
+///
+/// @access private
+/// @group helpers
+/// @todo Rewrite that crap
+///
+/// @param {Number} $width
+/// @param {Number} $height
+/// @param {Number} $top
+/// @param {Number} $right
+/// @param {Number} $bottom
+/// @param {Number} $left
+
+@mixin pseudo-generated(
+    $width,
+    $height,
+    $position,
+    $valign,
+    $margin
+) {
+    width: $width;
+    height: $height;
+
+    content: "";
+    position: relative;
+    @if $position == "left" or $position == "right" {
+        display: inline-block;
+        vertical-align: $valign;
+    } @else {
+        display: block;
+    }
+
+    margin: $margin;
+    z-index: 1;
+
+    @content;
+}

data/scss/icons/_sprite-map-create.scss

@@ -0,0 +1,62 @@
+
+// compass-icons: sprite-map-create
+// -----------------------------
+
+
+////
+//// @group icons
+////
+
+
+/// Spritemaps storage.
+///
+/// @access private
+/// @type Map
+
+$icons-spritemaps: ();
+
+
+/// Create a new spritemap from folder.
+///
+/// @requires conf
+/// @requires _join
+/// @requires {mixin} hidpi-mq
+/// @requires {variable} icons-spritemaps
+/// @requires Compass::sprite-map
+/// @requires Compass::sprite-path
+/// @requires Compass::image-width
+///
+/// @param {String} $name - spritemap name, which is also the folder name
+/// @param {Number} $spacing (conf(spacing)) - Whether to add space around sprites in generated spritemap
+///
+/// @example scss Instantiate a new sprite map
+///   @include sprite-map-create(social, $spacing: 30px);
+
+@mixin sprite-map-create(
+  $name,
+  $spacing: conf(spacing)
+) {
+  $sprites-1x: _join((conf(dir), $name, conf(dir-png), "*.png"), "/");
+  $sprites-2x: _join((conf(dir), $name, conf(dir-hidpi), "*.png"), "/");
+
+  $map-1x: sprite-map($sprites-1x, $spacing: $spacing);
+  $map-2x: sprite-map($sprites-2x, $spacing: $spacing);
+
+  $new: ($name: (1x: $map-1x, 2x: $map-2x));
+  $icons-spritemaps: map-merge($icons-spritemaps, $new) !global;
+
+  @at-root %sprite-map-#{$name}-image-map {
+    background: {
+      image: $map-1x;
+      repeat: no-repeat;
+    }
+  }
+  @at-root %sprite-map-#{$name}-2x-image-map {
+    @include hidpi-mq {
+      background: {
+        image: $map-2x;
+        size: ceil(image-width(sprite-path($map-2x)) / conf(hidpi-scale)) auto;
+      }
+    }
+  }
+}

metadata

@@ -0,0 +1,84 @@
+--- !ruby/object:Gem::Specification
+name: compass-icons
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Dmitriy Bushin
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2015-02-23 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: sass
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '3.3'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '3.3'
+- !ruby/object:Gem::Dependency
+  name: compass
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: 1.0.0.rc.1
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: 1.0.0.rc.1
+description: Compass plugin for icons
+email: 
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- README.md
+- CHANGELOG.md
+- lib/compass-icons.rb
+- scss/_compass-icons.scss
+- scss/config/_config.scss
+- scss/helpers/_helpers.scss
+- scss/icons/_generated.scss
+- scss/icons/_icon-generated.scss
+- scss/icons/_icon-pseudo.scss
+- scss/icons/_icon-single.scss
+- scss/icons/_icon.scss
+- scss/icons/_pseudo-genereted.scss
+- scss/icons/_sprite-map-create.scss
+homepage: https://github.com/reactivestudio/compass-icons
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - '>='
+    - !ruby/object:Gem::Version
+      version: 1.3.6
+requirements: []
+rubyforge_project: compass-icons
+rubygems_version: 2.1.5
+signing_key: 
+specification_version: 4
+summary: Flexible compass plugin for working with icons (SVG, PNG)
+test_files: []