mirror of
https://github.com/WordPress/five-for-the-future.git
synced 2025-07-05 10:25:45 +03:00
Homepage: clean up item positioning
- Remove accidental drop-shadow (mistake in Figma) - Use the correct fonts for callout text - Switch to a fixed width of rems over percentages to make alignment easier - Use rems to outdent quote so it lines up with the edge of the photo - Overlap the blue box + photo on larger screens, and offset the quote down - Remove unused selectors - Fix quote display in the editor
This commit is contained in:
parent
f888fd85c8
commit
157b73e13f
10 changed files with 28 additions and 15 deletions
|
@ -8,6 +8,7 @@ $size__spacing-unit: ms( 4 );
|
|||
width: calc( 100% + ( 2 * #{ $size__spacing-unit } ) );
|
||||
max-width: calc( 100% + ( 2 * #{ $size__spacing-unit} ) );
|
||||
clear: both;
|
||||
margin-bottom: 0;
|
||||
|
||||
@include breakpoint( $breakpoint-tablet ) {
|
||||
position: inherit;
|
||||
|
@ -15,5 +16,10 @@ $size__spacing-unit: ms( 4 );
|
|||
width: inherit;
|
||||
max-width: inherit;
|
||||
clear: inherit;
|
||||
margin-bottom: 1em;
|
||||
|
||||
&.wp-block-group {
|
||||
margin-top: -8rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue