diff options
Diffstat (limited to 'javascript/videojs/src/css/components/_title-bar.scss')
| -rw-r--r-- | javascript/videojs/src/css/components/_title-bar.scss | 46 |
1 files changed, 0 insertions, 46 deletions
diff --git a/javascript/videojs/src/css/components/_title-bar.scss b/javascript/videojs/src/css/components/_title-bar.scss deleted file mode 100644 index 19b5b6b..0000000 --- a/javascript/videojs/src/css/components/_title-bar.scss +++ /dev/null @@ -1,46 +0,0 @@ -.vjs-title-bar { - - // At a base inherited font-size of 10px, the title bar overall height should - // be 96px with the area of text occupying the first 48px and the rest being - // padding. This leaves plenty of room for the gradient to fade to - // transparent while maintaining an WCAG AA-compliant contrast ratio (tested - // using the TPGi Color Contrast Analyzer application) even on top of a solid - // white background. - @include linear-gradient( - 180deg, - rgba(0, 0, 0, 0.9) 0%, - rgba(0, 0, 0, 0.7) 60%, - rgba(0, 0, 0, 0) 100% - ); - font-size: 1.2em; // 12px - line-height: 1.5; // 18px - @include transition(opacity 0.1s); - padding: 0.666em 1.333em 4em; // 8px 16px 48px - pointer-events: none; - position: absolute; - top: 0; - width: 100%; -} - -// Hide if an error occurs -.vjs-error .vjs-title-bar { - display: none; -} - -.vjs-title-bar-title, -.vjs-title-bar-description { - margin: 0; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.vjs-title-bar-title { - font-weight: bold; - margin-bottom: 0.333em; // 4px -} - -.vjs-playing.vjs-user-inactive .vjs-title-bar { - opacity: 0; - @include transition(opacity 1s); -} |
