Improve css for blog posts
Fixes https://gitlab.com/gitlab-com/www-gitlab-com/issues/652
To be approved!
Improvement on blog posts styles
- Paragraphs and list items
<li>
: justified - Blockquotes: font-size was bigger than
<p>
=> now:- Font-size: equals to
<p>
- Color: lighter than
<p>
- Font-style: italic
- Font-size: equals to
- Notes: were the same size as
<p>
and looked exactly like blockquotes => now:- Font-size: 10% smaller than
<p>
- Font-style: italic
- Color: lighter than
<p>
- Font-size: 10% smaller than
- H3
<h3>
headings: were too close to<h2>
=> now:- Padding-top: leaves more space between
h3
and theh2
immediately above it
- Padding-top: leaves more space between
How to apply notes styles
**Note:** Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet sit repellat facilis inventore necessitatibus, doloribus laboriosam tempore error deleniti? Minus, esse vitae voluptate commodi debitis! Libero hic quam sunt, a.
{: .note}
{: .note}
does the tricky part: adding a class .note
for the paragraph immediately above it. Must not exist a blank line between the paragraph and the markup to add the class.
Results:
cc/ @axil