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

Update styles

Browse source
This commit is contained in:
Kelly Dwan 2019-10-28 10:33:57 -04:00
parent 6113ce0c7f
commit bf7fdf7927
No known key found for this signature in database
GPG key ID: 8BA5575F3D11575D
8 changed files with 136 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -23,6 +23,7 @@
@import "archive";
@import "entry-content";
@import "page";
@import "pledge-contributors";
@import "pledge-list";
@import "pledge-single";
@import "site-content";

5
themes/wporg-5ftf/css/components/_entry-content.scss
View file

@ -8,8 +8,13 @@
}
h2 {
margin-top: ms(10);
font-size: ms( 2 );
font-weight: 400;
color: $color__text-heading;
}
> :first-child {
margin-top: 0;
}
}

52
themes/wporg-5ftf/css/components/_pledge-contributors.scss Normal file
View file

@ -0,0 +1,52 @@
.pledge-contributors {
h3 {
margin-top: 0;
font-size: ms(-1);
color: $color__text-lighter;
}
.pledge-contributor__avatar {
display: inline-block;
background: $color-gray-light-700;
img {
vertical-align: middle;
}
}
&.has-contrib-names {
display: flex;
flex-wrap: wrap;
margin: ms(2) 0;
list-style: none;
justify-content: space-between;
li {
margin: 0 auto 40px;
width: calc( 50% - 20px );
@include breakpoint( $breakpoint-small ) {
width: calc( 33% - 48px );
min-width: 170px;
}
}
li:first-child:last-child {
width: 100%;
a {
max-width: 280px;
}
}
.pledge-contributor__avatar {
margin-bottom: 20px;
}
.pledge-contributor__name {
display: block;
text-align: center;
}
}
}

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

@ -45,7 +45,7 @@ body.archive.post-type-archive-5ftf_pledge {
}
}
}
.page-header-controls {
font-size: ms(-2);
@ -78,4 +78,9 @@ body.archive.post-type-archive-5ftf_pledge {
grid-row: 2;
}
}
.entry-title {
font-size: ms(2);
font-weight: 400;
}
}

49
themes/wporg-5ftf/css/components/_pledge-single.scss
View file

@ -5,4 +5,53 @@ body.single.single-5ftf_pledge {
padding: 0 10px;
max-width: $size__site-main;
}
.entry-header {
margin: ms(12) 0;
padding-bottom: ms(4);
border-bottom: 1px solid $color-gray-light-500;
@include breakpoint( $breakpoint-mobile ) {
display: flex;
align-items: center;
> div {
flex: auto;
}
.entry-image {
max-width: 330px;
}
}
@include breakpoint( 0, $breakpoint-mobile ) {
text-align: center;
.entry-image {
margin-top: ms(2);
}
}
}
.entry-title {
margin-bottom: 0;
}
.entry-image__logo {
background: transparent;
}
.pledge-company-description {
max-width: $size__content-width;
}
.team-grid {
margin-top: ms(2);
}
.entry-footer {
margin-top: ms(2);
border-top: 1px solid $color-gray-light-500;
padding-top: ms(2);
}
}

2
themes/wporg-5ftf/css/components/_site-content.scss
View file

@ -6,7 +6,7 @@
padding: 0;
.site-main {
margin: 0 auto;
margin: 0 auto ms(8);
padding: 0 ms( 2 );
max-width: calc( #{ $size__content-width } + #{ ms( 2 ) * 2 } );
}

26
themes/wporg-5ftf/css/objects/_pledge.scss
View file

@ -1,5 +1,4 @@
article.type-5ftf_pledge {
/* Styles */
.entry-image__placeholder {
background: $color-gray-light-100;
@ -21,33 +20,16 @@ article.type-5ftf_pledge {
}
}
.entry-header a {
text-decoration: underline;
}
.entry-title {
margin-top: 0;
font-size: ms(2);
font-weight: 400;
a {
text-decoration: underline;
}
}
.entry-content {
font-size: ms(-1);
color: $color__text-darker;
}
.pledge-contributors h3 {
margin-top: 0;
font-size: ms(-1);
color: $color__text-lighter;
}
.pledge-contributor__avatar {
display: inline-block;
background: $color-gray-light-700;
img {
vertical-align: middle;
}
}
}