tec3/five-for-the-future
tec3/five-for-the-future
1
0
Fork 0
mirror of https://github.com/WordPress/five-for-the-future.git synced 2025-07-05 10:25:45 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Move blocks and block styles to the correct places in the CSS structure

Browse source 
There should be no visual changes
This commit is contained in:
Kelly Dwan 2019-10-02 15:54:45 -04:00
parent ef8c78f4f3
commit e6b3fbd989
No known key found for this signature in database
GPG key ID: 8BA5575F3D11575D
10 changed files with 52 additions and 45 deletions
Download patch file Download diff file Expand all files Collapse all files

25
themes/wporg-5ftf/css/objects/_image.scss Normal file
View file

@ -0,0 +1,25 @@
// Defined here so we can use `ms`.
$size__spacing-unit: ms( 4 );
.wp-block-image {
// this shouldn't apply to all images, just .alignfull ?
// but then the design calls for the images to be allignful on mobile, but not on desktop, so.... wtf?
// need a new alignment setting that says "alignfull-on-mobile-but-constrain-on-desktop" ?
// maybe this impacts how you do the has-background pullquote and other paragraphs, too, since they're also aligned fully on mobile.
/* Make it fill 100% of the screen */
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-desktop ) {
position: inherit;
left: inherit;
width: inherit;
max-width: inherit;
clear: inherit;
}
}