63 lines
1.5 KiB
Sass
63 lines
1.5 KiB
Sass
@mixin buildTileColors($color, $bg, $status)
|
|
> .#{$status}
|
|
background-color: $bg
|
|
.icon-request g > *
|
|
fill: $color
|
|
&:hover
|
|
background-color: $color
|
|
.status-icon g > *
|
|
fill: $white
|
|
.status-icon .circle
|
|
border-color: $white
|
|
|
|
@media #{$medium-up}
|
|
.dropup--status
|
|
border-color: $color
|
|
color: $color
|
|
&:before
|
|
background-color: $color
|
|
|
|
|
|
.build-tiles
|
|
height: 5.6rem
|
|
margin: 0
|
|
padding: 0
|
|
list-style: none
|
|
li
|
|
position: relative
|
|
display: inline-block
|
|
height: 100%
|
|
width: 18.8%
|
|
background-color: #F7F7F7
|
|
.status-icon
|
|
position: absolute
|
|
top: 0
|
|
right: 0
|
|
bottom: 0
|
|
left: 0
|
|
width: 2rem
|
|
height: 2rem
|
|
margin: auto !important
|
|
background-color: transparent
|
|
.is-rotating
|
|
width: 100%
|
|
height: 100%
|
|
line-height: 1.5
|
|
.circle
|
|
width: 8px
|
|
height: 8px
|
|
a
|
|
display: block
|
|
height: 100%
|
|
text-align: center
|
|
|
|
@include buildTileColors(#44A662, #F5FBF6, 'passed')
|
|
@include buildTileColors(#D94341, #FFF7F5, 'failed')
|
|
@include buildTileColors(#D94341, #FFF7F5, 'errored')
|
|
@include buildTileColors(#A1A0A0, #F5F5F5, 'canceled')
|
|
@include buildTileColors(#bfb502, #fdfcee, 'started')
|
|
@include buildTileColors(#bfb502, #fdfcee, 'queued')
|
|
@include buildTileColors(#bfb502, #fdfcee, 'booting')
|
|
@include buildTileColors(#bfb502, #fdfcee, 'received')
|
|
@include buildTileColors(#bfb502, #fdfcee, 'created')
|