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-12 13:25:45 +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

4
themes/wporg-5ftf/css/components/_about.scss
View file

@ -2,6 +2,7 @@ body.page-about .entry-content {
@include breakpoint( $breakpoint-tablet ) {
> p,
> ul,
> h1,
> h2,
> h3,
@ -10,7 +11,8 @@ body.page-about .entry-content {
> h6,
> .wp-block-quote,
> .wp-block-media-text,
> .wp-block-button {
> .wp-block-button,
> .wp-block-group {
margin-left: 40%;
}

1
themes/wporg-5ftf/css/components/_components.scss
View file

@ -23,5 +23,6 @@
@import "entry-content";
@import "page";
@import "site-content";
@import "site-header";
@import "site-title";
@import "wporg-header";

44
themes/wporg-5ftf/css/components/_site-header.scss Normal file
View file

@ -0,0 +1,44 @@
.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: 1.4rem;
font-weight: 300;
line-height: 1;
margin: 2rem 0 .6rem;
@include breakpoint( $ms-breakpoint ) {
font-size: ms( 12 );
}
@include breakpoint( $breakpoint-tablet ) {
font-size: 3.75rem;
text-align: center;
}
}
.site-description {
color: #fff;
max-width: 100%;
padding: 11px 0;
font-size: 1rem;
@include breakpoint( $breakpoint-tablet ) {
font-size: 1.25rem;
text-align: center;
}
}
}
}