Migrate component styles to Stylus? about brick HOT 10 CLOSED

Great idea! I'd like to see stylus in action too. I can help with this if you need any extra pair of eyes/hands.
Or maybe even documenting how to build-is the current sass step documented anywhere? I didn't see it in the Makefile.

from brick.

@ldoubleuz I'd love to get your okay on this before we go forward!

from brick.

Stylus would have the added beauty of economies of scale from other teams at Mozilla (most notably, Marketplace) also using it. This overlap can be helpful.

@sole I'm afraid I can only let you lend your eyes OR hands to this bug, not both. 😆

from brick.

@potch Sure thing! I'm okay with converting to using Stylus to simplify the build stack.

from brick.

Sweet, going to get cracking on this immediately.

from brick.

I have some strawman stuff hanging out over here: https://github.com/mozilla/brick/compare/stylus Not ready for merge yet, but would love feedback. Going to change the name of foundation as there's an established CSS framework with that name.

from brick.

@potch It looks like this creates a Brick dependency in the Calendar by having to reference ../../../mixins, etc..

If we break the common styles into another repo and use Bower, then the stylus import becomes ../bower_components/brick-common/mixins. This allows the element to be built in isolation and all dependencies are local to the element. This is how js and css dependences are already handled on every component at github.com/x-tag/.

Another benefit of having these styles in a repo is that contributors can easily clone them and come up with their own styles without having to clone all of Brick. We could essentially create skin packs like this and one could choose a skin pack by running something like bower install ffos-skin-silver, then run a build command.

What do you think?

from brick.

@pennyfx totally. I just placed those files in that location for the purposes of getting this started. When things are split up that approach makes complete sense.

from brick.

I would suggest to use visionmedia/rework instead of stylus, it offers greater flexibility.

from brick.

Fixed by 2b267ee.

from brick.