This gem is to enable foundations mixins to be included in my rails stylesheets without duplicating meta-styles. For some reason, Rails 4 asset pipeline stuffs up the mixin inclusion, and this is a workaround to the problem. Inspired by bradfeehan at this thread: foundation/foundation-sites#2128
Simply add this line to the top of any .scss files that you want to use the mixins in:
@import "foundation_mixins_only";
e.g. /assets/stylesheets/my_awesome_stylesheet.css.scss
@import "foundation_mixins_only";
.my-awesome-class {
@include grid-row();
}
Obviously, this is not ideal, as it will increase the amount of PC processing since it includes the entire library for each file, but I'm simply using it until another more permanant solution is reached.
Cheers, Caleb McDonnell
Foundation::Rails is a gem to make it super easy to use Foundation in your upcoming Rails project. You can start using Foundation::Rails in your projects by following the instructions below.
Add this line to your application's Gemfile:
$ gem 'foundation-rails'
And then execute:
$ bundle
Or install it yourself as:
$ gem install foundation-rails
You can run the following command to add Foundation:
$ rails g foundation:install
Append the following line to your app/assets/stylesheets/application.css file:
/*= require foundation */
If you're planning on using Sass, then you'll want to rename application.css to application.scss. That file should then look like:
@import "foundation_and_overrides";
/* Add imports of custom sass/scss files here */
Append the following lines to your app/assets/javascripts/application.js file:
//= require foundation
$(document).foundation();
Make sure that Modernizr is included in the <head> of your page layout:
javascript_include_tag "vendor/modernizr"
Add the following line to the head of your page layout:
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
Run the generator to add foundation to the asset pipeline:
rails g foundation:install [layout_name] [options]
Options:
[--haml] # Generate HAML layout instead of erb
[--slim] # Generate Slim layout instead of erb
Runtime options:
-f, [--force] # Overwrite files that already exist
-p, [--pretend] # Run but do not make any changes
-q, [--quiet] # Suppress status output
-s, [--skip] # Skip files that already exist
- Fork it
- Create your feature branch (
git checkout -b my-new-feature) - Commit your changes (
git commit -am 'Add some feature') - Push to the branch (
git push origin my-new-feature) - Create new Pull Request
Cheers, Caleb McDonnell
Foundation::Rails is a gem to make it super easy to use Foundation in your upcoming Rails project. You can start using Foundation::Rails in your projects by following the instructions below.
Add this line to your application's Gemfile:
$ gem 'foundation-rails'
And then execute:
$ bundle
Or install it yourself as:
$ gem install foundation-rails
You can run the following command to add Foundation:
$ rails g foundation:install
Append the following line to your app/assets/stylesheets/application.css file:
/*= require foundation */
If you're planning on using Sass, then you'll want to rename application.css to application.scss. That file should then look like:
@import "foundation_and_overrides";
/* Add imports of custom sass/scss files here */
Append the following lines to your app/assets/javascripts/application.js file:
//= require foundation
$(document).foundation();
Make sure that Modernizr is included in the <head> of your page layout:
javascript_include_tag "vendor/modernizr"
Add the following line to the head of your page layout:
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
Run the generator to add foundation to the asset pipeline:
rails g foundation:install [layout_name] [options]
Options:
[--haml] # Generate HAML layout instead of erb
[--slim] # Generate Slim layout instead of erb
Runtime options:
-f, [--force] # Overwrite files that already exist
-p, [--pretend] # Run but do not make any changes
-q, [--quiet] # Suppress status output
-s, [--skip] # Skip files that already exist
- Fork it
- Create your feature branch (
git checkout -b my-new-feature) - Commit your changes (
git commit -am 'Add some feature') - Push to the branch (
git push origin my-new-feature) - Create new Pull Request