guardian/frontend — pull request #5913 by uplne (2014-09-10 17:07:59+00:00)
Title: Move join us

join us: list from 'more' in top navigation changes.

- only visible in UK edition
- moved to the left next to 'sign in', before 'search'
- added 'membership' link
- on less than desktop it's moved back under 'more'

I've introduced new CSS helper functionality. .flushp (padding) which should be used to remove paddings from classes that are difficult to override or extend. It's using important which I am not a big fan of but in this case and because we are using multi class approach, we want it to have maximum specificity.

It can be extended with .flushm (margin) and with versions .flushp--top, .flushp--bottom etc in the future.

For example Harry Roberts is using similar, more verbose, technique in his inuitcss https://github.com/csswizardry/inuit.css/blob/master/generic/_helper.scss

I had to use it because icons have default padding-top: 7px and guardian logo icon needs to be without padding to show correctly. I didn't want to extend and change control__icon because it has nested things 2 levels deep and extend will be messy. If there is some other way how to do that let me please know.