49 lines
845 B
Plaintext

const group-padding-y = 0.75rem
const group-padding-x = 0.75rem
.groups-beta-message
text-align center
margin-bottom 1rem
.groups
display grid
grid-gap content-padding-half
grid-template-columns repeat(auto-fit, 100%)
> 600px
.groups
grid-template-columns repeat(auto-fit, 520px)
justify-content center
.group
horizontal
ui-element
position relative
padding group-padding-y group-padding-x
color text-color
:hover
color text-color
text-shadow none
border 1px solid input-focus-border-color
// TODO: Replace with alpha(main-color, 20%) function
box-shadow 0 0 6px rgba(248, 165, 130, 0.2)
.group-info
vertical
overflow hidden
.group-name
clip-long-text
.group-tagline
opacity 0.6
clip-long-text
.group-member-count
position absolute
top 0.5rem
right 1rem
text-align right
font-size 0.8rem
opacity 0.5