mirror of
https://github.com/WordPress/five-for-the-future.git
synced 2025-04-23 19:33:44 +03:00
20 lines
505 B
SCSS
20 lines
505 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;
|
||
|
|
|
||
|
|
@include breakpoint( $breakpoint-tablet ) {
|
||
|
|
position: inherit;
|
||
|
|
left: inherit;
|
||
|
|
width: inherit;
|
||
|
|
max-width: inherit;
|
||
|
|
clear: inherit;
|
||
|
|
}
|
||
|
|
}
|