Skip to content
This repository has been archived by the owner. It is now read-only.
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
lib
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Rails Sass Images Build Status

Sass functions and mixins to inline images and get images size:

.icon
  +image-size("icon.png")
  background: inline("icon.png")

.icon-wrap
  width: image-width("icon.png") + 6px
  height: image-height("icon.png")

with HiDPI (Retina) support:

.icon
  +hidpi-inline("icon.png")

.background
  +hidpi-image("big-image.jpg")

and fonts support:

@font-face
  font-family: "MyFont"
  src: inline("my.woff") format('woff')
Sponsored by Evil Martians

Features

Instead of Compass, Rails Sass Images has:

  • HiDPI (Retina) support.
  • Full Assets Pipeline support.
  • Useful shortcuts.
  • More file types support.
  • Smaller and cleaner code.

If you still need Compass for CSS 3 prefixes, see Autoprefixer.

Usage

Ruby on Rails

Add gem to your Rails Gemfile:

gem "rails-sass-images"

and import mixins in your application.sass:

@import "rails-sass-images"

Sprockets

You can use Rails Sass Images with plain Ruby application with Sprockets. Just install in to Sprockets environment:

require 'rails-sass-images'

RailsSassImages.install(sprockets_env)

and import mixins in your Sass files:

@import "rails-sass-images"

Other

You can use Rails Sass Images without Sprockets. Just set dir to load assets:

require 'rails-sass-images'

RailsSassImages.load_from = './images/'

By default, load dir will be current dir ..

About

Sass functions and mixins to inline images and get images size

Resources

License

Packages

No packages published