2018-03-18 19:09:58 +01:00
|
|
|
const group-padding-y = 0.75rem
|
|
|
|
|
const group-padding-x = 0.75rem
|
2017-10-18 18:18:15 +02:00
|
|
|
|
2018-11-22 17:31:24 +09:00
|
|
|
.groups-beta-message
|
|
|
|
|
text-align center
|
|
|
|
|
margin-bottom 1rem
|
|
|
|
|
|
2017-10-18 12:02:48 +02:00
|
|
|
.groups
|
2018-11-21 16:37:24 +09:00
|
|
|
display grid
|
2018-11-21 16:43:41 +09:00
|
|
|
grid-gap content-padding-half
|
2018-11-22 14:34:16 +09:00
|
|
|
grid-template-columns repeat(auto-fit, 100%)
|
2018-11-21 20:35:25 +09:00
|
|
|
|
|
|
|
|
> 600px
|
|
|
|
|
.groups
|
|
|
|
|
grid-template-columns repeat(auto-fit, 520px)
|
|
|
|
|
justify-content center
|
2017-10-18 12:02:48 +02:00
|
|
|
|
|
|
|
|
.group
|
2017-10-18 18:18:15 +02:00
|
|
|
horizontal
|
2017-10-18 12:02:48 +02:00
|
|
|
ui-element
|
|
|
|
|
position relative
|
2017-10-18 18:18:15 +02:00
|
|
|
padding group-padding-y group-padding-x
|
|
|
|
|
color text-color
|
|
|
|
|
|
|
|
|
|
:hover
|
2018-11-22 10:39:23 +09:00
|
|
|
color text-color
|
2018-03-04 15:43:00 +01:00
|
|
|
text-shadow none
|
2018-11-22 10:42:10 +09:00
|
|
|
border 1px solid input-focus-border-color
|
2018-11-22 10:39:23 +09:00
|
|
|
// TODO: Replace with alpha(main-color, 20%) function
|
2018-11-22 10:42:10 +09:00
|
|
|
box-shadow 0 0 6px rgba(248, 165, 130, 0.2)
|
2017-10-18 18:18:15 +02:00
|
|
|
|
|
|
|
|
.group-info
|
|
|
|
|
vertical
|
2018-11-21 20:35:25 +09:00
|
|
|
overflow hidden
|
2017-10-18 12:02:48 +02:00
|
|
|
|
|
|
|
|
.group-name
|
2018-11-21 20:35:25 +09:00
|
|
|
clip-long-text
|
2017-10-18 12:02:48 +02:00
|
|
|
|
|
|
|
|
.group-tagline
|
|
|
|
|
opacity 0.6
|
2018-11-21 20:35:25 +09:00
|
|
|
clip-long-text
|
2017-10-18 12:02:48 +02:00
|
|
|
|
|
|
|
|
.group-member-count
|
|
|
|
|
position absolute
|
|
|
|
|
top 0.5rem
|
|
|
|
|
right 1rem
|
|
|
|
|
text-align right
|
|
|
|
|
font-size 0.8rem
|
|
|
|
|
opacity 0.5
|
