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

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

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