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-07 19:25:44 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Theme: Add WIP styles for About page.

Browse source
This commit is contained in:
Ian Dunn 2019-09-26 15:34:24 -07:00
parent 7b45a8c1c1
commit a197adc6e2
No known key found for this signature in database
GPG key ID: 99B971B50343CBCB
13 changed files with 285 additions and 168 deletions
Download patch file Download diff file Expand all files Collapse all files

32
themes/wporg-5ftf/css/base/_elements.scss Normal file
View file

@ -0,0 +1,32 @@
$size__spacing-unit: ms( 4 ); // todo is this globally scoped? if so should move to vars file
.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;
}
}
p.is-style-wporg-tldr {
color: $color__text-heading;
font-style: italic;
@include breakpoint( $breakpoint-tablet ) {
text-align: center;
}
}