aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/header/suggestion.component.scss
diff options
context:
space:
mode:
authorRigel Kent <sendmemail@rigelk.eu>2020-06-09 09:33:28 +0200
committerGitHub <noreply@github.com>2020-06-09 09:33:28 +0200
commite66883b37ae0796256b3aba550670a2d76cfc98a (patch)
tree3cce3c78e9f9f327470f0370a1b4065fe7e0009e /client/src/app/header/suggestion.component.scss
parent6ad971d5f5e9ea2adfc58bd83ba1790efa4a8d12 (diff)
downloadPeerTube-e66883b37ae0796256b3aba550670a2d76cfc98a.tar.gz
PeerTube-e66883b37ae0796256b3aba550670a2d76cfc98a.tar.zst
PeerTube-e66883b37ae0796256b3aba550670a2d76cfc98a.zip
`fitWidth` for `video-miniature`, fluid grid (#2830)
* Fluid abstract video list * normalize timestamp display on miniatures * use grid for abstract-video-list - refactor scss function var to pvar to avoid overriding css variables - move fluid-grid margins to adapt-margin-content-width mixin for maintainability - fix video-miniature-name margin-top on small screen * move sceenratio function in a mixin * display no miniature avatar in channel videos view
Diffstat (limited to 'client/src/app/header/suggestion.component.scss')
-rw-r--r--client/src/app/header/suggestion.component.scss12
1 files changed, 6 insertions, 6 deletions
diff --git a/client/src/app/header/suggestion.component.scss b/client/src/app/header/suggestion.component.scss
index 1de2f43bd..692a81daa 100644
--- a/client/src/app/header/suggestion.component.scss
+++ b/client/src/app/header/suggestion.component.scss
@@ -5,21 +5,21 @@ a {
5 width: 100%; 5 width: 100%;
6 6
7 &, &:hover { 7 &, &:hover {
8 color: var(--mainForegroundColor); 8 color: pvar(--mainForegroundColor);
9 9
10 &.focus-visible { 10 &.focus-visible {
11 background-color: var(--mainHoverColor); 11 background-color: pvar(--mainHoverColor);
12 color: var(--mainBackgroundColor); 12 color: pvar(--mainBackgroundColor);
13 } 13 }
14 } 14 }
15} 15}
16 16
17.bg-gray { 17.bg-gray {
18 background-color: var(--mainBackgroundColor); 18 background-color: pvar(--mainBackgroundColor);
19} 19}
20 20
21.text-gray-light { 21.text-gray-light {
22 color: var(--mainForegroundColor); 22 color: pvar(--mainForegroundColor);
23} 23}
24 24
25my-global-icon { 25my-global-icon {
@@ -28,5 +28,5 @@ my-global-icon {
28 top: -2px; 28 top: -2px;
29 margin: 5px; 29 margin: 5px;
30 30
31 @include apply-svg-color(var(--mainForegroundColor)); 31 @include apply-svg-color(pvar(--mainForegroundColor));
32} 32}