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

Style the page header

Browse source
This commit is contained in:
Kelly Dwan 2019-10-25 14:32:05 -04:00
parent 5d6cb25232
commit 85b8b38ed0
No known key found for this signature in database
GPG key ID: 8BA5575F3D11575D
6 changed files with 114 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

9
themes/wporg-5ftf/css/components/_archive.scss Normal file
View file

@ -0,0 +1,9 @@
body.archive {
.page-title {
color: $color__text-heading-darker;
font-size: ms(8);
font-weight: 300;
line-height: 1.5;
}
}

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

@ -20,6 +20,7 @@
@import "../../../pub/wporg/css/components/wporg-footer";
@import "../../../pub/wporg/css/components/wporg-header";
@import "about";
@import "archive";
@import "entry-content";
@import "page";
@import "pledge-list";

61
themes/wporg-5ftf/css/components/_pledge-list.scss
View file

@ -1,5 +1,58 @@
// Expand archive content area to full-width of header.
body.archive.post-type-archive-5ftf_pledge .site-content .site-main {
padding: 0 10px;
max-width: $size__site-main;
body.archive.post-type-archive-5ftf_pledge {
// Expand archive content area to full-width of header.
.site-content .site-main {
padding: 0 10px;
max-width: $size__site-main;
}
.page-header {
display: grid;
grid-template-columns: 1fr auto;
align-items: center;
margin: ms(12) 0;
.page-title {
grid-column: 1;
grid-row: 1;
margin: 0;
}
.page-header-callout {
grid-column: 2;
grid-row: 1;
}
.page-header-controls {
grid-column: 1 / span 2;
grid-row: 2;
display: grid;
grid-template-columns: 1fr 1fr;
margin-top: ms(2);
border-top: 1px solid $color-gray-light-500;
padding-top: ms(2);
form:nth-of-type(2n+1) {
grid-column: 1;
grid-row: 1;
}
form:nth-of-type(2n) {
grid-column: 2;
grid-row: 1;
text-align: right;
}
}
}
.page-header-controls {
font-size: ms(-2);
label {
display: inline-block;
font-size: 1em;
font-weight: 700;
}
}
}