mirror of
https://github.com/WordPress/five-for-the-future.git
synced 2025-07-06 02:45:43 +03:00
parent
9c700e59cb
commit
78822c4323
5 changed files with 51 additions and 17 deletions
19
themes/wporg-5ftf/css/objects/_hero.scss
Normal file
19
themes/wporg-5ftf/css/objects/_hero.scss
Normal file
|
@ -0,0 +1,19 @@
|
|||
// 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;
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue