rails-sass-images 0.1 → 0.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.
- data/ChangeLog +4 -1
- data/Gemfile.lock +5 -5
- data/README.md +3 -3
- data/lib/assets/stylesheets/rails-sass-images.sass +2 -2
- data/lib/assets/stylesheets/rails-sass-images/deprecated.sass +9 -0
- data/lib/assets/stylesheets/rails-sass-images/hidpi-image.sass +8 -0
- data/lib/assets/stylesheets/rails-sass-images/{retina-inline.sass → hidpi-inline.sass} +3 -3
- data/lib/assets/stylesheets/rails-sass-images/image-size.sass +2 -2
- data/lib/rails-sass-images/version.rb +1 -1
- data/spec/app/app/assets/stylesheets/{retina-image.sass → hidpi-image.sass} +1 -1
- data/spec/app/app/assets/stylesheets/{retina-inline.sass → hidpi-inline.sass} +1 -1
- data/spec/app/app/assets/stylesheets/{wrong_inline.sass → wrong-inline.sass} +0 -0
- data/spec/sass_spec.rb +5 -5
- metadata +10 -9
- data/lib/assets/stylesheets/rails-sass-images/retina-image.sass +0 -9
    
        data/ChangeLog
    CHANGED
    
    
    
        data/Gemfile.lock
    CHANGED
    
    | @@ -1,7 +1,7 @@ | |
| 1 1 | 
             
            PATH
         | 
| 2 2 | 
             
              remote: .
         | 
| 3 3 | 
             
              specs:
         | 
| 4 | 
            -
                rails-sass-images (0. | 
| 4 | 
            +
                rails-sass-images (0.2)
         | 
| 5 5 | 
             
                  dimensions (> 0)
         | 
| 6 6 | 
             
                  rails (>= 3.1)
         | 
| 7 7 | 
             
                  sass-rails (> 0)
         | 
| @@ -38,7 +38,7 @@ GEM | |
| 38 38 | 
             
                  multi_json (~> 1.0)
         | 
| 39 39 | 
             
                arel (3.0.2)
         | 
| 40 40 | 
             
                builder (3.0.4)
         | 
| 41 | 
            -
                diff-lcs (1.2. | 
| 41 | 
            +
                diff-lcs (1.2.4)
         | 
| 42 42 | 
             
                dimensions (1.2.0)
         | 
| 43 43 | 
             
                erubis (2.7.0)
         | 
| 44 44 | 
             
                hike (1.2.2)
         | 
| @@ -49,7 +49,7 @@ GEM | |
| 49 49 | 
             
                  i18n (>= 0.4.0)
         | 
| 50 50 | 
             
                  mime-types (~> 1.16)
         | 
| 51 51 | 
             
                  treetop (~> 1.4.8)
         | 
| 52 | 
            -
                mime-types (1. | 
| 52 | 
            +
                mime-types (1.23)
         | 
| 53 53 | 
             
                multi_json (1.7.2)
         | 
| 54 54 | 
             
                polyglot (0.3.3)
         | 
| 55 55 | 
             
                rack (1.4.5)
         | 
| @@ -81,14 +81,14 @@ GEM | |
| 81 81 | 
             
                rspec-expectations (2.13.0)
         | 
| 82 82 | 
             
                  diff-lcs (>= 1.1.3, < 2.0)
         | 
| 83 83 | 
             
                rspec-mocks (2.13.1)
         | 
| 84 | 
            -
                rspec-rails (2.13. | 
| 84 | 
            +
                rspec-rails (2.13.1)
         | 
| 85 85 | 
             
                  actionpack (>= 3.0)
         | 
| 86 86 | 
             
                  activesupport (>= 3.0)
         | 
| 87 87 | 
             
                  railties (>= 3.0)
         | 
| 88 88 | 
             
                  rspec-core (~> 2.13.0)
         | 
| 89 89 | 
             
                  rspec-expectations (~> 2.13.0)
         | 
| 90 90 | 
             
                  rspec-mocks (~> 2.13.0)
         | 
| 91 | 
            -
                sass (3.2. | 
| 91 | 
            +
                sass (3.2.8)
         | 
| 92 92 | 
             
                sass-rails (3.2.6)
         | 
| 93 93 | 
             
                  railties (~> 3.2.0)
         | 
| 94 94 | 
             
                  sass (>= 3.1.10)
         | 
    
        data/README.md
    CHANGED
    
    | @@ -16,10 +16,10 @@ with HiDPI (Retina) support: | |
| 16 16 |  | 
| 17 17 | 
             
            ```sass
         | 
| 18 18 | 
             
            .icon
         | 
| 19 | 
            -
              + | 
| 19 | 
            +
              +hidpi-inline("icon.png")
         | 
| 20 20 |  | 
| 21 21 | 
             
            .background
         | 
| 22 | 
            -
              + | 
| 22 | 
            +
              +hidpi-image("big-image.jpg")
         | 
| 23 23 | 
             
            ```
         | 
| 24 24 |  | 
| 25 25 | 
             
            and fonts support:
         | 
| @@ -36,7 +36,7 @@ Sponsored by [Evil Martians](http://evilmartians.com/). | |
| 36 36 |  | 
| 37 37 | 
             
            Instead of Compass, Rails Sass Images has:
         | 
| 38 38 |  | 
| 39 | 
            -
            * Retina support.
         | 
| 39 | 
            +
            * HiDPI (Retina) support.
         | 
| 40 40 | 
             
            * Full Assets Pipeline support.
         | 
| 41 41 | 
             
            * Useful shortcuts.
         | 
| 42 42 | 
             
            * More file types support.
         | 
| @@ -1,3 +1,3 @@ | |
| 1 1 | 
             
            @import "rails-sass-images/image-size"
         | 
| 2 | 
            -
            @import "rails-sass-images/ | 
| 3 | 
            -
            @import "rails-sass-images/ | 
| 2 | 
            +
            @import "rails-sass-images/hidpi-image"
         | 
| 3 | 
            +
            @import "rails-sass-images/hidpi-inline"
         | 
| @@ -0,0 +1,9 @@ | |
| 1 | 
            +
            // Deprecated mixins
         | 
| 2 | 
            +
             | 
| 3 | 
            +
            @mixin retina-image($path)
         | 
| 4 | 
            +
              @warn "Mixin retina-inline is deprecated. Use hidpi-inline instead."
         | 
| 5 | 
            +
              +hidpi-image($path)
         | 
| 6 | 
            +
             | 
| 7 | 
            +
            @mixin retina-inline($path)
         | 
| 8 | 
            +
              @warn "Mixin retina-inline is deprecated. Use hidpi-inline instead."
         | 
| 9 | 
            +
              +hidpi-inline($path)
         | 
| @@ -0,0 +1,8 @@ | |
| 1 | 
            +
            // Set HiDPI (Retina) image sizes and background.
         | 
| 2 | 
            +
            //
         | 
| 3 | 
            +
            //   .button
         | 
| 4 | 
            +
            //      +hidpi-image("nice/button.png")
         | 
| 5 | 
            +
            @mixin hidpi-image($path)
         | 
| 6 | 
            +
              +image-size($path, 2)
         | 
| 7 | 
            +
              background: image-url($path) no-repeat
         | 
| 8 | 
            +
              background-size: (image-width($path) / 2) (image-height($path) / 2)
         | 
| @@ -1,9 +1,9 @@ | |
| 1 1 | 
             
            // Set image sizes and background and inline file as base64 data:uri.
         | 
| 2 | 
            -
            // It will use  | 
| 2 | 
            +
            // It will use `background-size` to set HiDPI (Retina) image.
         | 
| 3 3 | 
             
            //
         | 
| 4 4 | 
             
            //   .button
         | 
| 5 | 
            -
            //      + | 
| 6 | 
            -
            @mixin  | 
| 5 | 
            +
            //      +hidpi-inline("nice/button.png")
         | 
| 6 | 
            +
            @mixin hidpi-inline($path)
         | 
| 7 7 | 
             
              +image-size($path, 2)
         | 
| 8 8 | 
             
              background: inline($path) no-repeat
         | 
| 9 9 | 
             
              background-size: (image-width($path) / 2) (image-height($path) / 2)
         | 
| @@ -1,6 +1,6 @@ | |
| 1 1 | 
             
            // Add `width` and `height` properties with image size.
         | 
| 2 | 
            -
            // For  | 
| 3 | 
            -
            // will be  | 
| 2 | 
            +
            // For HiDPI images you can set scale `factor` and width and height
         | 
| 3 | 
            +
            // will be divided by this factor.
         | 
| 4 4 | 
             
            //
         | 
| 5 5 | 
             
            //   .button
         | 
| 6 6 | 
             
            //     +image-size("button/nice.png")
         | 
| 
            File without changes
         | 
    
        data/spec/sass_spec.rb
    CHANGED
    
    | @@ -14,7 +14,7 @@ describe CssController, :type => :controller do | |
| 14 14 |  | 
| 15 15 | 
             
              it "should raise error on unknown file" do
         | 
| 16 16 | 
             
                proc {
         | 
| 17 | 
            -
                  get :test, :file => ' | 
| 17 | 
            +
                  get :test, :file => 'wrong-inline'
         | 
| 18 18 | 
             
                }.should raise_error(/Can't find asset no\.png/)
         | 
| 19 19 | 
             
              end
         | 
| 20 20 |  | 
| @@ -30,16 +30,16 @@ describe CssController, :type => :controller do | |
| 30 30 | 
             
                response.body.should == ".icon{width:4px;height:6px}\n"
         | 
| 31 31 | 
             
              end
         | 
| 32 32 |  | 
| 33 | 
            -
              it "should has  | 
| 34 | 
            -
                get :test, :file => ' | 
| 33 | 
            +
              it "should has hidpi-image mixin" do
         | 
| 34 | 
            +
                get :test, :file => 'hidpi-image'
         | 
| 35 35 | 
             
                response.should be_success
         | 
| 36 36 | 
             
                response.body.should == ".icon{width:2px;height:3px;" +
         | 
| 37 37 | 
             
                  "background:url(/assets/monolith.png) no-repeat;" +
         | 
| 38 38 | 
             
                  "background-size:2px 3px}\n"
         | 
| 39 39 | 
             
              end
         | 
| 40 40 |  | 
| 41 | 
            -
              it "should has  | 
| 42 | 
            -
                get :test, :file => ' | 
| 41 | 
            +
              it "should has hidpi-inline mixin" do
         | 
| 42 | 
            +
                get :test, :file => 'hidpi-inline'
         | 
| 43 43 | 
             
                response.should be_success
         | 
| 44 44 | 
             
                response.body.should == ".icon{width:2px;height:3px;" +
         | 
| 45 45 | 
             
                  "background:#{INLINE} no-repeat;" +
         | 
    
        metadata
    CHANGED
    
    | @@ -1,7 +1,7 @@ | |
| 1 1 | 
             
            --- !ruby/object:Gem::Specification
         | 
| 2 2 | 
             
            name: rails-sass-images
         | 
| 3 3 | 
             
            version: !ruby/object:Gem::Version
         | 
| 4 | 
            -
              version: '0. | 
| 4 | 
            +
              version: '0.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: 2013-04- | 
| 12 | 
            +
            date: 2013-04-29 00:00:00.000000000 Z
         | 
| 13 13 | 
             
            dependencies:
         | 
| 14 14 | 
             
            - !ruby/object:Gem::Dependency
         | 
| 15 15 | 
             
              name: sass-rails
         | 
| @@ -78,9 +78,10 @@ files: | |
| 78 78 | 
             
            - README.md
         | 
| 79 79 | 
             
            - Rakefile
         | 
| 80 80 | 
             
            - lib/assets/stylesheets/rails-sass-images.sass
         | 
| 81 | 
            +
            - lib/assets/stylesheets/rails-sass-images/deprecated.sass
         | 
| 82 | 
            +
            - lib/assets/stylesheets/rails-sass-images/hidpi-image.sass
         | 
| 83 | 
            +
            - lib/assets/stylesheets/rails-sass-images/hidpi-inline.sass
         | 
| 81 84 | 
             
            - lib/assets/stylesheets/rails-sass-images/image-size.sass
         | 
| 82 | 
            -
            - lib/assets/stylesheets/rails-sass-images/retina-image.sass
         | 
| 83 | 
            -
            - lib/assets/stylesheets/rails-sass-images/retina-inline.sass
         | 
| 84 85 | 
             
            - lib/rails-sass-images.rb
         | 
| 85 86 | 
             
            - lib/rails-sass-images/sass.rb
         | 
| 86 87 | 
             
            - lib/rails-sass-images/sass/inline.rb
         | 
| @@ -89,12 +90,12 @@ files: | |
| 89 90 | 
             
            - rails-sass-images.gemspec
         | 
| 90 91 | 
             
            - spec/app/.gitignore
         | 
| 91 92 | 
             
            - spec/app/app/assets/images/monolith.png
         | 
| 93 | 
            +
            - spec/app/app/assets/stylesheets/hidpi-image.sass
         | 
| 94 | 
            +
            - spec/app/app/assets/stylesheets/hidpi-inline.sass
         | 
| 92 95 | 
             
            - spec/app/app/assets/stylesheets/image-size.sass
         | 
| 93 96 | 
             
            - spec/app/app/assets/stylesheets/inline.sass
         | 
| 94 | 
            -
            - spec/app/app/assets/stylesheets/retina-image.sass
         | 
| 95 | 
            -
            - spec/app/app/assets/stylesheets/retina-inline.sass
         | 
| 96 97 | 
             
            - spec/app/app/assets/stylesheets/size.sass
         | 
| 97 | 
            -
            - spec/app/app/assets/stylesheets/ | 
| 98 | 
            +
            - spec/app/app/assets/stylesheets/wrong-inline.sass
         | 
| 98 99 | 
             
            - spec/app/app/controllers/application_controller.rb
         | 
| 99 100 | 
             
            - spec/app/app/controllers/css_controller.rb
         | 
| 100 101 | 
             
            - spec/app/config.ru
         | 
| @@ -119,7 +120,7 @@ required_ruby_version: !ruby/object:Gem::Requirement | |
| 119 120 | 
             
                  version: '0'
         | 
| 120 121 | 
             
                  segments:
         | 
| 121 122 | 
             
                  - 0
         | 
| 122 | 
            -
                  hash:  | 
| 123 | 
            +
                  hash: -2995797738750552235
         | 
| 123 124 | 
             
            required_rubygems_version: !ruby/object:Gem::Requirement
         | 
| 124 125 | 
             
              none: false
         | 
| 125 126 | 
             
              requirements:
         | 
| @@ -128,7 +129,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement | |
| 128 129 | 
             
                  version: '0'
         | 
| 129 130 | 
             
                  segments:
         | 
| 130 131 | 
             
                  - 0
         | 
| 131 | 
            -
                  hash:  | 
| 132 | 
            +
                  hash: -2995797738750552235
         | 
| 132 133 | 
             
            requirements: []
         | 
| 133 134 | 
             
            rubyforge_project: 
         | 
| 134 135 | 
             
            rubygems_version: 1.8.23
         | 
| @@ -1,9 +0,0 @@ | |
| 1 | 
            -
            // Set image sizes and background. It will use retina image, that has twice
         | 
| 2 | 
            -
            // size to be clean on Retina screens.
         | 
| 3 | 
            -
            //
         | 
| 4 | 
            -
            //   .button
         | 
| 5 | 
            -
            //      +retina-image("nice/button.png")
         | 
| 6 | 
            -
            @mixin retina-image($path)
         | 
| 7 | 
            -
              +image-size($path, 2)
         | 
| 8 | 
            -
              background: image-url($path) no-repeat
         | 
| 9 | 
            -
              background-size: (image-width($path) / 2) (image-height($path) / 2)
         |