Join GitHub today
GitHub is home to over 50 million developers working together to host and review code, manage projects, and build software together.Sign up
GitHub is where the world builds software
Millions of developers and companies build, ship, and maintain their software on GitHub — the largest and most advanced development platform in the world.
Increase margins between text in govspeak component #733
Before and after examples
(The more spaced out examples in the GIFs are the new margins)
* Put line breaks between selectors * Put each comma separated selector on a new line
Use 20px margins (15px at thinner viewports) to match GOV.UK elements. This improves the legibility of content that contains many medium to long paragraphs, it comes at the cost of legibility for content with a group of one line paragraphs, mainly specialist content. Add spacing between list items, as per older front-end typography.
* Simplify background rule, there’s no background image for either call to action or information block (information block uses a pseudo element) * Move the right padding needed for information-block into its own declaration * Increase spacing around the block to better match text spacing * Remove margins from last child only, and apply to lists too - a list in a call to action doesn’t sit correctly in the box