diff options
Diffstat (limited to 'src/sass/components/captions.scss')
| -rw-r--r-- | src/sass/components/captions.scss | 7 |
1 files changed, 4 insertions, 3 deletions
diff --git a/src/sass/components/captions.scss b/src/sass/components/captions.scss index 1cfca92e..85899ef3 100644 --- a/src/sass/components/captions.scss +++ b/src/sass/components/captions.scss @@ -10,7 +10,6 @@ .plyr__captions { animation: plyr-fade-in 0.3s ease; bottom: 0; - color: $plyr-captions-color; display: none; font-size: $plyr-font-size-captions-small; left: 0; @@ -21,9 +20,12 @@ width: 100%; .plyr__caption { - background: $plyr-captions-bg; + background: $plyr-captions-background; + background: var(--plyr-captions-background, $plyr-captions-background); border-radius: 2px; box-decoration-break: clone; + color: $plyr-captions-text-color; + color: var(--plyr-captions-text-color, $plyr-captions-text-color); line-height: 185%; padding: 0.2em 0.5em; white-space: pre-wrap; @@ -56,4 +58,3 @@ .plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions { transform: translateY(-($plyr-control-spacing * 4)); } - |