34 lines
605 B
Sass
34 lines
605 B
Sass
$avatarSize: 3em
|
|
$borderRadius: .3em
|
|
|
|
$backColor: #333
|
|
$tileColor: #222
|
|
$darkColor: #151515
|
|
$halfColor: #999
|
|
$noneColor: #aaa
|
|
$foreColor: #eee
|
|
|
|
@mixin rounded
|
|
border-radius: $borderRadius
|
|
|
|
@mixin tile
|
|
@include rounded
|
|
margin: $borderRadius
|
|
background-color: $tileColor
|
|
|
|
@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
|