Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mkhairi/bootswatch-sass
bootswatch ruby gems for assets pipeline
https://github.com/mkhairi/bootswatch-sass
bootstrap bootstrap-theme bootstrap4 bootswatch bootswatch-rubygem bootswatch4 rails rubygem rubyonrails
Last synced: 7 days ago
JSON representation
bootswatch ruby gems for assets pipeline
- Host: GitHub
- URL: https://github.com/mkhairi/bootswatch-sass
- Owner: mkhairi
- License: mit
- Created: 2014-11-18T08:17:12.000Z (almost 10 years ago)
- Default Branch: master
- Last Pushed: 2019-10-15T03:04:47.000Z (almost 5 years ago)
- Last Synced: 2024-05-01T13:36:42.955Z (5 months ago)
- Topics: bootstrap, bootstrap-theme, bootstrap4, bootswatch, bootswatch-rubygem, bootswatch4, rails, rubygem, rubyonrails
- Language: Ruby
- Homepage: https://github.com/thomaspark/bootswatch
- Size: 537 KB
- Stars: 14
- Watchers: 4
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
# Bootswatch ruby gem [](http://badge.fury.io/rb/bootswatch)
[Bootswatch](http://bootswatch.com) is a collection of free themes for [Bootstrap](v4-alpha.getbootstrap.com).
## Installation
Add this line to your application's Gemfile:
```ruby
gem 'bootstrap'
gem 'bootswatch'
```
Bootstrap JavaScript depends on jQuery. If you're using Rails 5.1+, add the jquery-rails gem to your Gemfile:
```ruby
gem 'jquery-rails'
```
And then execute:
$ bundle
## Usage
### Stylesheets
in your ```application.scss```
```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```:
```js
//= require jquery3
//= require popper
//= require bootstrap
```
or use individual Bootstrap components for ease of debugging
```js
//= require jquery3
//= require popper
//= require bootstrap-sprockets
```
see more on bootstrap [readme](https://github.com/twbs/bootstrap-rubygem)
## 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