Sha256: 55bdc15709c3603b506df90f7f4109f490cbea7b320a53246c6e94c56ac916ef

Contents?: true

Size: 1.26 KB

Versions: 1

Compression:

Stored size: 1.26 KB

Contents

Rails-pixrem
===================================================================

[![Build Status](https://semaphoreapp.com/api/v1/projects/db183d30-2136-4ba5-99e4-d0d8dac5f09d/230344/badge.png)](https://semaphoreapp.com/vast/rails-pixrem)

CSS post-processor which generates pixel fallbacks for rem units
in your Rails (Sinatra) application.


Usage
===================================================================

### Ruby on Rails

Add `rails-pixrem` to your `Gemfile`:

```ruby
gem 'rails-pixrem', github: 'vast/rails-pixrem'
```

Write your CSS (SASS, Stylus, LESS) using `rem`s:

```scss
#header {
  font-size: 2rem;
}
```

Rails-pixrem will automatically add fallback rules with pixel values:

```scss
#header {
  font-size: 32px; // IE8, Opera Mini
  font-size: 2rem; // modern browsers
}
```


### Sprockets

If you use a non-Rails framework with Sprockets, connect Sprockets environment
with `RailsPixrem`:


```ruby
assets = Sprockets::Environment.new do |env|
  # ...
end

require 'rails-pixrem'
RailsPixrem.install(assets)
```

## Configuration

You can specify root element font size (default: '16px') in px, em or percents:

### Ruby On Rails

```yaml
# config/pixrem.yml
root_value: 24px
```

### Sprockets

```ruby
RailsPixrem.install(assets, root_value: '85%')
```

Version data entries

1 entries across 1 versions & 1 rubygems

Version Path
rails-pixrem-0.0.1 README.md