magic-stylez <%= MagicStylezVersion %>

Some style helpers used in a lot of our apps.

Warning

This Gem is still work in process!

(But it is already used in some production apps).

It is mostly driven by my own habits, so I don't know if its usefull for others.


Info

ATM I´m working on a complete rewrite of this styleset, to be compatible to BootStrap 4.x!

But this will not be compatible to magic_styles .. a lot of stuff gets removed and all sizing is handled via em and rem.

Dependencies

(both are allready included)

Usage


add the gem to your applications gemfile

gem "magic_stylez"

run the generator

$ rails g magic_stylez:install

add to stylesheets

SASS:
  @import 'magic-stylez'; // import all
  @import 'magic-min';    // import basic
CSS:
  //= 'magic-stylez'; /* import all */
  //= 'magic-min';    /* import basic */

add to javascripts

  //= 'magic-stylez'; /* import all */
  //= 'magic-min';    /* import basic */

NEWs


rail-ujs.js file optimized for splitted and divided buttons

//= require magic/ext/rails-ujs

magic-styles update generator

in the process I often add new variables to the corporate files

what causes "Missing variable!" when you update to new version

this generator adds all new variables without touching your settings

$ rails g magic_stylez:update



Please allways look in the Changelog for recent chnages.

On to / To Do


update gem to work with new bootstrap structure (outside vendor folder)

npm & bower compatiblity

small paralax plugin to fix fixed-background problem on chrome

optimize code, variables

clean up unused or double css

learn english :)

improve documentation

Thanks

A lot of code for this gem is taken from bootstrap-sass, so thank you guys for the great work.

Same goes for bourbon thanks for a lightweight helper set.

Also thanks to all the people, how share their knowlegde on stackoverflow.

Authors

License

MIT-License

© 2017 Torsten Wetzel (berlinmagic UG)