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

Single Pledge: Add intro message to pledges for clarity.

Browse source
This commit is contained in:
Ian Dunn 2021-04-30 12:55:55 -07:00
parent 325a6d71e2
commit 7174ae2fb6
No known key found for this signature in database
GPG key ID: 99B971B50343CBCB
16 changed files with 222 additions and 166 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,4 +1,8 @@
.pledge-contributors {
display: flex;
flex-wrap: wrap;
list-style: none;
margin-left: 0;
h3 {
margin-top: 0;
@ -6,60 +10,20 @@
color: $color__text-lighter;
}
li {
width: 100px;
height: 100px;
margin: 0 1em 1em 0;
}
.pledge-contributor__avatar {
display: inline-block;
background: $color-gray-light-700;
margin-right: 4px;
margin-bottom: 4px;
border-radius: $avatar__border-radius;
img {
vertical-align: middle;
}
}
&.has-contrib-names {
margin: ms(2) 0;
list-style: none;
li {
display: inline-block;
margin: 0 20px 40px 0;
width: calc( 50% - 15px );
&:nth-of-type(2n) {
margin-right: 0;
}
@include breakpoint( $breakpoint-small ) {
margin-right: 48px;
width: calc( 33% - 33px );
&:nth-of-type(2n) {
margin-right: 48px;
}
&:nth-of-type(3n) {
margin-right: 0;
}
}
}
li:first-child:last-child {
width: 100%;
margin-right: 0;
a {
max-width: 280px;
}
}
.pledge-contributor__avatar {
margin-bottom: 20px;
}
.pledge-contributor__name {
display: block;
text-align: center;
border-radius: $avatar__border-radius;
}
}
}