Cleanup CSS.

Extend Bootstrap classes instead of using own styling.
This commit is contained in:
2019-04-10 17:08:01 +02:00
parent 2c207b35e2
commit af020d4653

View File

@@ -155,14 +155,14 @@ $card-progress-height: 5px
/* Tiny label for cards. e.g. 'WATCHED' on videos. */
.card-label
background-color: rgba($black, .5)
border-radius: 3px
color: $white
display: block
@extend .font-weight-bold
@extend .position-absolute
@extend .rounded
@extend .text-white
@extend .bg-dark
bottom: $card-progress-height + 3px // enough to be above the progress-bar
font-size: $font-size-xxs
left: 5px
bottom: $card-progress-height + 3px // enough to be above the progress-bar
position: absolute
padding: 1px 5px
z-index: 1