https://github.com/iguchi1124/honoka-rails

Mount Honoka on your Rails application!
https://github.com/iguchi1124/honoka-rails

bootstrap honoka rails sass

Last synced: 17 days ago
JSON representation

Mount Honoka on your Rails application!

• Host: GitHub
• URL: https://github.com/iguchi1124/honoka-rails
• Owner: iguchi1124
• License: mit
• Created: 2016-01-04T13:27:02.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2016-07-31T00:34:24.000Z (over 8 years ago)
• Last Synced: 2024-10-03T23:47:30.405Z (about 1 month ago)
• Topics: bootstrap, honoka, rails, sass
• Language: CSS
• Homepage:
• Size: 265 KB
• Stars: 12
• Watchers: 5
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: MIT-LICENSE

Awesome Lists containing this project

README

        
# Honoka Rails

[![Build Status](https://travis-ci.org/iguchi1124/honoka-rails.svg?branch=master)](https://travis-ci.org/iguchi1124/honoka-rails)

[Honoka](https://github.com/windyakin/Honoka) is a bootstrap theme for Japanese.

honoka-rails mount Honoka on your rails application, and has been developed based on [bootstrap-sass](https://github.com/twbs/bootstrap-sass).

## Usage

honoka-rails is easy to drop into Rails with the asset pipeline.

```rb

gem 'sass-rails', '>= 3.2'

gem 'honoka-rails'

```

bundle install and restart your server to make the files available through the pipeline.

Import Bootstrap(Honoka) styles in app/assets/stylesheets/application.scss:

```

$ mv app/assets/stylesheets/application.css app/assets/stylesheets/application.scss

```

"bootstrap-sprockets" must be imported before "honoka" and "honoka/variables"

```scss

@import "bootstrap-sprockets";

@import "honoka";

```

Then, remove all the

``*= require_self`` and ``*= require_tree .`` statements from the sass file. Instead,use @import to import Sass files.

Do not use ``*= require`` in Sass or your other stylesheets will not be able to access the Bootstrap mixins or variables.

Require Bootstrap Javascripts in app/assets/javascripts/application.js:

```js

//= require jquery

//= require bootstrap-sprockets

```

bootstrap-sprockets and bootstrap should not both be included in application.js.