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

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. * 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; position: relative;
top: 2px; top: 2px;
font-size: 24px; font-size: 24px;
} }
}
@include breakpoint( 0, $breakpoint-small ) {
li {
width: 100%;
}
}
}
.badge { .badge {
margin: 4px; margin: 4px;
@ -16,9 +41,6 @@
border-radius: 50%; border-radius: 50%;
box-sizing: border-box; box-sizing: border-box;
position: relative; position: relative;
//position: absolute;
//top: 8px;
//left: 0;
} }
.badge-themes-reviewer { .badge-themes-reviewer {

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

@ -71,7 +71,7 @@ get_header(); ?>
?> ?>
<li> <li>
<div class="badge item dashicons <?php echo esc_attr( implode( ' ', $badge_classes ) ); ?>"></div> <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> </li>
<?php endforeach; ?> <?php endforeach; ?>
</ul> </ul>