Carbon/src/sass/components/rooms.sass

45 lines
826 B
Sass

@use "../colors" as c
$list-width: 240px
$icon-size: 32px
$icon-padding: 8px
.c-rooms
background-color: c.$darker
padding: $icon-padding
width: $list-width
font-size: 18px
font-weight: 500
overflow-y: auto
scrollbar-width: thin
scrollbar-color: c.$darkest c.$darker
flex-shrink: 0
.c-room
display: flex
align-items: center
padding: $icon-padding * 0.75 $icon-padding
margin: $icon-padding * 0.25 0
cursor: pointer
border-radius: 8px
&:not(&--active):hover
background-color: c.$mild
&--active
background-color: c.$milder
&__icon
width: $icon-size
height: $icon-size
margin-right: $icon-padding
border-radius: 50%
flex-shrink: 0
&--no-icon
background-color: #bbb
&__name
white-space: nowrap
overflow: hidden
text-overflow: ellipsis