five-for-the-future/themes/wporg-5ftf/css/objects/_hero.scss
2019-10-18 14:29:26 -07:00

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;
}
}