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

Theme: Single pledge view (#43)

Browse source 
* Theme: Create template part for single pledge

* Plugin: Add functions for handling xprofile data

* Plugin: Add helper function for getting contributor user objects

* Theme: Display aggregated contributor data on single pledge view

* Theme: Add functions, markup, and styles to show team badges

* Theme: Add badge for Test team

* Theme: Add tentative URL for report a pledge link

* Theme: Add support for post thumbnails

* Theme: Add org logo to single pledge view

* Theme: Update `$content_width` to 960

This matches the width of the content in the global header and
the About page.

* Move pledge template to a file used by the template heirarchy

* Clean up some PHPCS errors

* Move pledge structure out to just the list items

* Create file for single pledge styles

* style badge grid into a grid.

* Add a custom image size for the logo

* Update styles

* Un-hide pledges with no confirmed contributors

* Fix content width
This commit is contained in:
Corey McKrill 2019-10-28 10:38:49 -07:00 • committed by Kelly Dwan
parent 2ec665bcbb
commit dbdcf26bd9
17 changed files with 683 additions and 53 deletions
Download patch file Download diff file Expand all files Collapse all files

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;
}
}
}