projects / github / Chocobozzz / PeerTube.git / blame
| Commit | Line | Data |
|---|---|---|
| dc9c9500 C |
1 | @use '_badges' as *; |
| 2 | @use '_icons' as *; | |
| 3 | @use '_variables' as *; | |
| 4 | @use '_mixins' as *; | |
| 5 | ||
| 6 | .link-orange { | |
| 7 | color: pvar(--mainForegroundColor); | |
| 8 | font-weight: $font-semibold; | |
| 9 | border-bottom: 0.18em solid pvar(--mainColor); | |
| 10 | display: inline-block; | |
| 11 | line-height: 1.1; | |
| 12 | ||
| 13 | &:hover { | |
| 14 | color: pvar(--mainForegroundColor); | |
| 15 | opacity: 0.8; | |
| 16 | } | |
| 17 | } | |
| 18 | ||
| 19 | .underline-orange { | |
| 20 | display: inline-block; | |
| 21 | border-bottom: 0.19em solid pvar(--mainColor); | |
| 22 | } | |
| 23 | ||
| 24 | // --------------------------------------------------------------------------- | |
| 25 | ||
| 26 | .muted { | |
| 27 | @include muted; | |
| 28 | } | |
| 29 | ||
| 30 | // --------------------------------------------------------------------------- | |
| 31 | ||
| 32 | @mixin ellipsis-multiline($number-of-lines) { | |
| 33 | display: -webkit-box; /* stylelint-disable-line value-no-vendor-prefix */ | |
| 34 | -webkit-line-clamp: $number-of-lines; | |
| 35 | -webkit-box-orient: vertical; | |
| 36 | overflow: hidden; | |
| 37 | } | |
| 38 | ||
| 39 | .ellipsis-multiline-2 { | |
| 40 | @include ellipsis-multiline(2); | |
| 41 | } | |
| 42 | ||
| 43 | .ellipsis-multiline-3 { | |
| 44 | @include ellipsis-multiline(3); | |
| 45 | } | |
| 46 | ||
| 47 | // --------------------------------------------------------------------------- |