47 lines
798 B
Plaintext
Raw Normal View History

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