18
20

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

railsのcssフレームワークでbootstrapの代わりにuikitを使う

Posted at

1. uikitとは

皆さん,uikitというcssフレームワークはご存知でしょうか.
知らない方はこちらが参考になると思うので,どうぞ.

BootstrapユーザーがUIkitに乗り換えるべき3つの理由

2. uikitをrailsで使う

uikit-sass-rails
gemで提供されているので,お手軽に使いたいならこれだと思います.
Gemfileにgem 'uikit-sass-rails'と書いてapplication.js, application.cssに数行付け足すだけで使えます.

3. uikit-sass-railsのバグ

requireする順序がおかしいせいでprecompileして一つのjsになると,jsが正しく動作しなくなる不具合があります.
パッチを書いてPRは送ってあるのですが,見ていないのかマージされる様子がないようです.

とりあえず,現状では

gem 'uikit-sass-rails', git: 'https://github.com/8398a7/uikit-sass-rails'

をとすれば,productionでも問題なく動作します.

18
20
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
18
20

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?