Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Adding space between badges for medium-sized viewports

This commit is contained in:
Kris 2018-12-11 09:45:49 -05:00
parent 71a5369fef
commit 4cc0a3503b
1 changed files with 10 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
app/assets/stylesheets/common/base/user-badges.scss
View File

@ -206,15 +206,19 @@
}
&.medium {
vertical-align: top;
flex: 0 0 32%;
flex: 0 0 auto;
width: 32%;
margin-right: calc(2% - 3px);
&:nth-of-type(3n) {
margin-right: 0;
@media screen and (min-width: 851px) {
&:nth-of-type(3n) {
margin-right: 0;
}
}
@include breakpoint(medium) {
flex: 0 0 49%;
margin-right: 0;
width: 48.5%;
&:nth-of-type(2n) {
margin-right: 0;
}
}
@include breakpoint(mobile) {
flex: 0 0 100%;
@ -225,9 +229,6 @@
&:active {
box-shadow: none;
}
@include breakpoint(mobile-small) {
width: 100%;
}
}
&.large {
width: 100%;