formalize icon indicating copy to clipboard operation
formalize copied to clipboard

the sass file could use some variable goodness

Open chrisdrackett opened this issue 12 years ago • 9 comments

being sass and all

chrisdrackett avatar Mar 22 '12 16:03 chrisdrackett

What aspects would you like to see variable-ized?

nathansmith avatar Mar 22 '12 16:03 nathansmith

I just saw a lot of repeated colors and sizes. Seems if you are going to use sass, might be worth creating maybe a mixin so users can customize the colors/sizes by changing a couple of clear variables

chrisdrackett avatar Mar 22 '12 16:03 chrisdrackett

Yeah, not disagreeing, was just wondering if you had specifics you'd like to see variable-ized. Cool, cool.

nathansmith avatar Mar 22 '12 16:03 nathansmith

yeah, sorry ;)

I actually wrote this issue and was planning on doing it myself. Then I decided that formalize has a bit too many default styles for my use, and I've started writing my own "reset" that in theory will be theme-able.

chrisdrackett avatar Mar 22 '12 16:03 chrisdrackett

This might be of interest...

https://gist.github.com/1599212

It removes all styling of form elements, so that they can be built back up again.

nathansmith avatar Mar 22 '12 16:03 nathansmith

nice, thanks :)

chrisdrackett avatar Mar 22 '12 16:03 chrisdrackett

I'd love to see Formalize variablized too. It would make it easy to deploy customized versions.

chrisvanpatten avatar Mar 22 '12 19:03 chrisvanpatten

For me main issue is padding of form elements. This line in particular is evil "height: 1.8em;" If I add 3 pixels of padding above and below, by how much should I increase height? (Rethorical question). Sass could calculate that probably.

Also font-family could be as one mixin.

henrijs avatar May 29 '12 20:05 henrijs

@henrijs — Sure, that could be automated (made dependent on a variable), but not reliably calculated. I mean, it's going to be contingent on whatever visual effect you're trying to achieve. I settled on 1.8em because that makes textual inputs the same height as a <select> drop-down.

nathansmith avatar May 29 '12 21:05 nathansmith