Project

bootswatch

0.01
No commit activity in last 3 years
No release in over 3 years
Bootswatches in your Rails asset pipeline.
2005
2006
2007
2008
2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
 Dependencies

Development

~> 1.7
~> 10.0

Runtime

 Project Readme

Bootswatch ruby gem Gem Version

Bootswatch is a collection of free themes for Bootstrap.

Installation

Add this line to your application's Gemfile:

gem 'bootstrap'
gem 'bootswatch'

Bootstrap JavaScript depends on jQuery. If you're using Rails 5.1+, add the jquery-rails gem to your Gemfile:

gem 'jquery-rails'

And then execute:

$ bundle

Usage

Stylesheets

in your application.scss

// example override bootswatch variables
$primary:       #FFCF06;
$secondary:     #37474f;
$success:       #28b62c;
$info:          #03a9f4;
$warning:       #fbe42c;
$danger:        #ff4136;
$light:         #eeeeee;
$dark:          #444444;
// end example override

// import scss file
@import "bootswatch/materia/variables";
@import "bootstrap";
@import "bootswatch/materia/bootswatch";

Make sure the file has .scss extension (or .sass for Sass syntax). If you have just generated a new Rails app, it may come with a .css file instead. If this file exists, it will be served instead of Sass, so rename it:

Javascript

Add Bootstrap dependencies and Bootstrap to your application.js:

//= require jquery3
//= require popper
//= require bootstrap

or use individual Bootstrap components for ease of debugging

//= require jquery3
//= require popper
//= require bootstrap-sprockets

see more on bootstrap readme

Contributing

  1. Fork it ( https://github.com/mkhairi/bootswatch/fork )
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Commit your changes (git commit -am 'Add some feature')
  4. Push to the branch (git push origin my-new-feature)
  5. Create a new Pull Request