2019-05-01 15:07:08 +00:00
|
|
|
$avatarSize: 3em
|
|
|
|
|
$borderRadius: .3em
|
|
|
|
|
|
|
|
|
|
$backColor: #333
|
|
|
|
|
$tileColor: #222
|
2019-05-02 16:28:00 +00:00
|
|
|
$darkColor: #151515
|
2019-05-01 15:07:08 +00:00
|
|
|
$halfColor: #999
|
|
|
|
|
$noneColor: #aaa
|
|
|
|
|
$foreColor: #eee
|
|
|
|
|
|
2019-05-02 16:28:00 +00:00
|
|
|
@mixin rounded
|
|
|
|
|
border-radius: $borderRadius
|
|
|
|
|
|
2019-05-01 15:07:08 +00:00
|
|
|
@mixin tile
|
2019-05-02 16:28:00 +00:00
|
|
|
@include rounded
|
2019-05-01 15:07:08 +00:00
|
|
|
margin: $borderRadius
|
|
|
|
|
background-color: $tileColor
|
2019-05-02 16:28:00 +00:00
|
|
|
|
|
|
|
|
@mixin main-tile
|
|
|
|
|
@include tile
|
|
|
|
|
padding: $borderRadius
|
|
|
|
|
|
|
|
|
|
@mixin group-tile
|
|
|
|
|
@include main-tile
|
|
|
|
|
padding: $borderRadius / 2
|
|
|
|
|
& > div
|
|
|
|
|
@include rounded
|
|
|
|
|
padding: $borderRadius
|
|
|
|
|
margin: $borderRadius / 2
|
|
|
|
|
background-color: $darkColor
|
|
|
|
|
border: 1px solid $backColor
|
|
|
|
|
&.selected
|
|
|
|
|
border-color: $halfColor
|
