mirror of
https://github.com/WordPress/five-for-the-future.git
synced 2025-07-04 10:05:43 +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
|
@ -1,6 +1,7 @@
|
|||
.wp-block-pullquote.is-style-wporg-home-pullquote {
|
||||
padding: 0;
|
||||
margin-bottom: 0;
|
||||
font-family: $font__serif;
|
||||
border: none;
|
||||
|
||||
blockquote {
|
||||
|
@ -13,9 +14,9 @@
|
|||
|
||||
@include breakpoint( $breakpoint-tablet ) {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -255px;
|
||||
max-width: 250px;
|
||||
top: 14rem;
|
||||
left: -17.5rem;
|
||||
max-width: 16rem;
|
||||
|
||||
blockquote {
|
||||
border-left: none;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue