szurubooru/client/css/snapshots-list-view.styl
2018-03-10 17:45:37 +01:00

46 lines
1.4 KiB
Stylus

$snapshot-created-background-color = #E0F5E0
$snapshot-modified-background-color = #E0F5FF
$snapshot-deleted-background-color = #FDE5E5
$snapshot-merged-background-color = #FEC
.snapshot-list
text-align: left
ul
margin: 0 auto
padding: 0
width: 100%
max-width: 35em
list-style-type: none
li
margin-bottom: 1em
&:last-child
margin-bottom: 0
.time
float: right
div
padding: 0.1em 0.5em
.thumbnail
margin: 0 0.4em 0 0
&:empty
padding: 0
div.operation-created
background: $snapshot-created-background-color
&+.details
background: lighten($snapshot-created-background-color, 50%)
div.operation-modified
background: $snapshot-modified-background-color
&+.details
background: lighten($snapshot-modified-background-color, 50%)
div.operation-deleted
background: $snapshot-deleted-background-color
&+.details
background: lighten($snapshot-deleted-background-color, 50%)
div.operation-merged
background: $snapshot-merged-background-color
&+.details
background: lighten($snapshot-merged-background-color, 50%)