web/notify.moe
Code Issues Pull Requests Activity

Improved groups display on mobile

Browse Source
This commit is contained in:
Eduard Urbach
2018-11-21 16:37:24 +09:00
parent fecc09eee2
commit 7650137b4d
5 changed files with 36 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
pages/groups/groups.scarlet
View File

@ -2,17 +2,18 @@ const group-padding-y = 0.75rem
const group-padding-x = 0.75rem
.groups
horizontal-wrap
justify-content space-around
display grid
grid-gap calc(content-padding / 2)
// grid-template-columns repeat(auto-fill, min(100%, 520px))
// justify-content center
.group
horizontal
ui-element
position relative
width 100%
max-width 520px
// width 100%
// max-width 520px
padding group-padding-y group-padding-x
margin calc(content-padding / 2)
color text-color
:hover