今どきなCSSフレームワーク「UIkit」

UIkit

UIkit

UIkit

カスタマイズ方法

参考:http://getuikit.com/docs/documentation_create-a-theme.html

  1. /src/scss/に、uikitのscssを配置する。
  2. /custom/theme-name.scssに、uikit.scssを@importする。
  3. オリジナルの変数をセットしたい場合は、uikit-variables.scssに記述する。
  4. オリジナルのプロパティをセットしたい場合は、uikit-mixin.scssにhookを記述し、呼び出したい箇所に@include hook名を記述する。