X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2F%2Bmy-library%2Fmy-ownership%2Fmy-ownership.component.scss;h=a8450ff1b6bd1df3ebb659d30709c2a2e1b3ab46;hb=93c728a25a87cf6dae5fc49d42d6af52ff7f7ff2;hp=7cac9c9f3a6425961f159c616c8e4f285b30a173;hpb=17119e4a546522468878cf115558b17949ab50d0;p=github%2FChocobozzz%2FPeerTube.git diff --git a/client/src/app/+my-library/my-ownership/my-ownership.component.scss b/client/src/app/+my-library/my-ownership/my-ownership.component.scss index 7cac9c9f3..a8450ff1b 100644 --- a/client/src/app/+my-library/my-ownership/my-ownership.component.scss +++ b/client/src/app/+my-library/my-ownership/my-ownership.component.scss @@ -1,27 +1,24 @@ -@import 'miniature'; -@import 'mixins'; +@use 'sass:math'; +@use '_miniature' as *; +@use '_mixins' as *; .chip { @include chip; } -.badge { - @include table-badge; -} - .video-table-video { display: inline-flex; .video-table-video-image { - @include miniature-thumbnail; - $image-height: 45px; + @include miniature-thumbnail; + @include margin-right(0.5rem); + height: $image-height; - width: #{(16/9) * $image-height}; - margin-right: 0.5rem; + width: #{math.div(16, 9) * $image-height}; border-radius: 2px; - border: none; + border: 0; background: transparent; display: inline-flex; justify-content: center; @@ -58,12 +55,6 @@ color: pvar(--mainForegroundColor); line-height: 1rem; - div .glyphicon { - font-size: 80%; - color: gray; - margin-left: 0.1rem; - } - div + div { font-size: 80%; }