mirror of
https://github.com/WordPress/five-for-the-future.git
synced 2025-07-04 18:05:45 +03:00
Theme: Iterate on About fonts and block styles.
This commit is contained in:
parent
91ed1e933d
commit
9c700e59cb
8 changed files with 34 additions and 33 deletions
44
themes/wporg-5ftf/css/components/_site-header.scss
Normal file
44
themes/wporg-5ftf/css/components/_site-header.scss
Normal 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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue