mirror of
https://github.com/WordPress/five-for-the-future.git
synced 2025-04-24 11:53:45 +03:00
157b73e13f
- 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
35 lines
503 B
SCSS
35 lines
503 B
SCSS
.wp-block-pullquote.is-style-wporg-home-pullquote {
|
|
padding: 0;
|
|
margin-bottom: 0;
|
|
font-family: $font__serif;
|
|
border: none;
|
|
|
|
blockquote {
|
|
max-width: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
border: none;
|
|
text-align: left;
|
|
}
|
|
|
|
@include breakpoint( $breakpoint-tablet ) {
|
|
position: absolute;
|
|
top: 14rem;
|
|
left: -17.5rem;
|
|
max-width: 16rem;
|
|
|
|
blockquote {
|
|
border-left: none;
|
|
color: $color__text-heading;
|
|
}
|
|
|
|
p {
|
|
font-size: 2.8rem;
|
|
|
|
&:first-child {
|
|
margin-top: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|