Need modular button class

[mhulse]

Make it so the bugs can be styled different colors easily (for like an updated bug that's of a red background). Make these button styles that can be applied to any link/button or other. That way we can add them inline with news update headlines. In other words I need to start building a button class.

Related: https://github.com/registerguard/tracker/issues/153#issuecomment-21656665

[psullivan6]

I'm sure this is something that is probably overkill for what you need, but here's what I did for raptor if it helps: https://github.com/registerguard/raptor/blob/master/build/src/less/colors.less

[mhulse]

@psullivan6 Thanks! I appreciate the help. :smile:

Also, I totally dig your:

.grayE
.grayD
.grayC
.grayB
.grayA

... class names. I never liked using numbers for the non-number grays.

Recently, via another personal project, I changed-up my thinking on grays (when compared to Bulldog):

@gray14: #eee;
@gray13: #ddd;
@gray12: #ccc;
@gray11: #bbb;
@gray10: #aaa;
@gray9: #999;
@gray8: #888;
@gray7: #777;
@gray6: #666;
@gray5: #555;
@gray4: #444;
@gray3: #333;
@gray2: #222;
@gray1: #111;

It's so much easier to remember that @gray1 === #111.

Bulldog's gray seetup:

@white: #fff;
@gray1: #eee;
@gray2: #ddd;
@gray3: #ccc;
@gray4: #bbb;
@gray5: #aaa;
@gray6: #999;
@gray7: #888;
@gray8: #777;
@gray9: #666;
@gray10: #555;
@gray11: #444;
@gray12: #333;
@gray13: #222;
@gray14: #111;
@black: #000;

In the above example, it's not easy to remember that @gray14 === #111. In hindsight, I can't believe I didn't think to switch the numbers.

I'm looking forward to using your grayA - grayE logic (as that's so much easier to remember than gray1 === #eee ...). :+1:

Anyway, thanks!