mirror of
https://github.com/WordPress/five-for-the-future.git
synced 2025-04-22 11:03:43 +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
26 lines
594 B
SCSS
26 lines
594 B
SCSS
// Defined here so we can use `ms`.
|
|
$size__spacing-unit: ms( 4 );
|
|
|
|
/* Fills 100% of the screen on mobile, and 100% of the content area on desktop */
|
|
.is-style-wporg-hero {
|
|
position: relative;
|
|
left: -#{ $size__spacing-unit };
|
|
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;
|
|
left: inherit;
|
|
width: inherit;
|
|
max-width: inherit;
|
|
clear: inherit;
|
|
margin-bottom: 1em;
|
|
|
|
&.wp-block-group {
|
|
margin-top: -8rem;
|
|
}
|
|
}
|
|
}
|