Unify blockquote spacing and border style with Design Style Guide
Unifying blockquote spacing and border style with Design Style Guide. Also ensuring that blockquote children don't apply inherited whitespace. Bug: T265947 Change-Id: I43a6951c17376fe3fdd4d24966ec4661c18ffd87
This commit is contained in:
parent
193cd1c2d7
commit
0884f55767
|
@ -124,6 +124,25 @@ pre,
|
|||
p {
|
||||
margin: 0.5em 0;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
border-left: @border-start-blockquote;
|
||||
padding: @padding-blockquote;
|
||||
|
||||
// Ensure not to inherit whitespace mashing margins on child elements.
|
||||
> :first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
> :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
> :only-child {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// External links
|
||||
|
|
|
@ -63,9 +63,11 @@
|
|||
@border-color-portal-heading: #c8ccd1;
|
||||
// Use `rgba()` notation for better Safari support, see T254489.
|
||||
@border-color-portal-heading-transparent: rgba( red( @border-color-portal-heading ), green( @border-color-portal-heading ), blue( @border-color-portal-heading ), 0 );
|
||||
@border-start-blockquote: 4px @border-style-base #eaecf0;
|
||||
@padding-content: 1em;
|
||||
@padding-top-content: 1.25em;
|
||||
@padding-horizontal-content: 0.5em;
|
||||
@padding-blockquote: 8px 32px;
|
||||
|
||||
// Navigation
|
||||
@background-color-secondary: #f6f6f6;
|
||||
|
|
Loading…
Reference in New Issue