style attention boxes (attention-box CSS class)

davewhiteland commented 10 years ago

We could use some design love to style the breakout-like attention-box divs.

Currently the FMS docs have a few (admittedly currently nothing but hopeful) examples of these secondary classes:

class="attention-box warning"
class="attention-box info"
class="attention-box helpful-hint"

For the warning one especially: it would be helpful for our lovely readers if this was a little more distinct than just the current attention-box's grey border.

I also think I'd use these much more if they were lovely styled, and if they were subtle but pretty then they would break up some of the bigger pages nicely.

Bonus point for a designer who avoids the lightbulb icon cliché in the helpful-hint class ;-)

garethrees commented 10 years ago

+1, been meaning to suggest this

crowbot commented 10 years ago

+1 from me too.

zarino commented 9 years ago

Pull request here: https://github.com/mysociety/mysociety-docs-theme/pull/12

screen shot 2014-12-15 at 10 56 38

dracos commented 9 years ago

Just to note this has now been merged and deployed on http://fixmystreet.org/ - e.g. http://fixmystreet.org/customising/templates/ , thank you :) And a few commits in this theme that had gone missing have been put back (fixmystreet.org was pointing at a non-existing commit in this repository which definitely used to exist! e.g. ones that fixed #3 and #7. All back now)

zarino commented 9 years ago

Awesome, thanks @dracos.

mysociety / mysociety-docs-theme

style attention boxes (attention-box CSS class) #10