mirror of
https://github.com/WordPress/five-for-the-future.git
synced 2025-04-20 18:13:44 +03:00
Theme: Align header text left on mobile.
This commit is contained in:
parent
ded645fabc
commit
883ed29374
|
@ -1,4 +1,9 @@
|
||||||
.site-header {
|
.site-header {
|
||||||
|
.site-title,
|
||||||
|
.site-description {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
.home & {
|
.home & {
|
||||||
background: #0073aa;
|
background: #0073aa;
|
||||||
|
|
||||||
|
@ -13,17 +18,24 @@
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
margin: 2rem 0 1rem;
|
margin: 2rem 0 1rem;
|
||||||
text-align: center;
|
|
||||||
|
|
||||||
@include breakpoint( $ms-breakpoint ) {
|
@include breakpoint( $ms-breakpoint ) {
|
||||||
font-size: ms( 12 );
|
font-size: ms( 12 );
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@include breakpoint( $breakpoint-tablet ) {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.site-description {
|
.site-description {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
padding: 11px 0;
|
padding: 11px 0;
|
||||||
|
|
||||||
|
@include breakpoint( $breakpoint-tablet ) {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue