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

Theme: Iterate on About fonts and block styles.

Browse source
This commit is contained in:
Ian Dunn 2019-10-18 09:19:27 -07:00
parent 91ed1e933d
commit 9c700e59cb
No known key found for this signature in database
GPG key ID: 99B971B50343CBCB
8 changed files with 34 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,25 +0,0 @@
// 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;
}
}

3
themes/wporg-5ftf/css/objects/_objects.scss
View file

@ -7,7 +7,6 @@
@import "../../../pub/wporg/css/objects/links";
@import "../../../pub/wporg/css/objects/notices";
@import "buttons";
@import "image";
@import "hero";
@import "pledge-form";
@import "pullquote";
@import "site-header";

41
themes/wporg-5ftf/css/objects/_site-header.scss
View file

@ -1,41 +0,0 @@
.site-header {
.site-title,
.site-description {
text-align: left;
}
.home & {
background: #0073aa;
@include breakpoint( $ms-breakpoint ) {
padding: ms( 10 ) ms( 4 );
}
.site-title {
color: #fff;
display: block;
font-size: ms( 10 );
font-weight: 300;
line-height: 1;
margin: 2rem 0 1rem;
@include breakpoint( $ms-breakpoint ) {
font-size: ms( 12 );
}
@include breakpoint( $breakpoint-tablet ) {
text-align: center;
}
}
.site-description {
color: #fff;
max-width: 100%;
padding: 11px 0;
@include breakpoint( $breakpoint-tablet ) {
text-align: center;
}
}
}
}