archive/pillar
0
0
Fork 0
Code Issues 42 Pull Requests Projects Releases Wiki Activity

Cleanup CSS.

Browse Source 
Extend Bootstrap classes instead of using own styling.
This commit is contained in:
Pablo Vazquez
2019-04-10 17:08:01 +02:00
parent 2c207b35e2
commit af020d4653
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/styles/components/_card.sass
View File

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