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

style badge grid into a grid.

Browse source
This commit is contained in:
Kelly Dwan 2019-10-27 13:01:12 -04:00
parent b968c967a7
commit 407dcc8d22
No known key found for this signature in database
GPG key ID: 8BA5575F3D11575D
2 changed files with 30 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

30
themes/wporg-5ftf/css/components/_team-badges.scss
View file

@ -2,11 +2,36 @@
* Copied from the profiles.wordpress.org theme stylesheet.
*/
.team-grid div.dashicons:before {
.team-grid {
display: flex;
flex-wrap: wrap;
margin: 0;
list-style: none;
li {
display: flex;
align-items: center;
margin: 0 0 1em;
width: 25%;
min-width: 10em;
}
div.dashicons {
margin-right: 0.5em;
&:before {
position: relative;
top: 2px;
font-size: 24px;
}
}
@include breakpoint( 0, $breakpoint-small ) {
li {
width: 100%;
}
}
}
.badge {
margin: 4px;
@ -16,9 +41,6 @@
border-radius: 50%;
box-sizing: border-box;
position: relative;
//position: absolute;
//top: 8px;
//left: 0;
}
.badge-themes-reviewer {

2
themes/wporg-5ftf/single-5ftf_pledge.php
View file

@ -71,7 +71,7 @@ get_header(); ?>
?>
<li>
<div class="badge item dashicons <?php echo esc_attr( implode( ' ', $badge_classes ) ); ?>"></div>
<?php echo esc_html( $team ); ?>
<span class="badge-label"><?php echo esc_html( $team ); ?></span>
</li>
<?php endforeach; ?>
</ul>