diff options
Diffstat (limited to 'javascript/videojs/src/css/components/menu/_menu.scss')
| -rw-r--r-- | javascript/videojs/src/css/components/menu/_menu.scss | 80 |
1 files changed, 0 insertions, 80 deletions
diff --git a/javascript/videojs/src/css/components/menu/_menu.scss b/javascript/videojs/src/css/components/menu/_menu.scss deleted file mode 100644 index be53c3a..0000000 --- a/javascript/videojs/src/css/components/menu/_menu.scss +++ /dev/null @@ -1,80 +0,0 @@ -.vjs-menu-button { - cursor: pointer; -} - -// Change cursor back to default if the menu button is disabled -.vjs-menu-button.vjs-disabled { - cursor: default; -} - -// prevent menus from opening while disabled -.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu { - display: none; -} - -.vjs-menu .vjs-menu-content { - display: block; - padding: 0; - margin: 0; - font-family: $text-font-family; - - // This allows scrolling of content if need be. - overflow: auto; -} - -// Reset box-sizing inside the menu. -.vjs-menu .vjs-menu-content > * { - box-sizing: border-box; -} - -// prevent menus from opening while scrubbing -.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu { - display: none; -} - -.vjs-menu li { - display: flex; - justify-content: center; - list-style: none; - margin: 0; - padding: 0.2em 0; - line-height: 1.4em; - font-size: 1.2em; - text-align: center; - text-transform: lowercase; -} - -.vjs-menu li.vjs-menu-item:focus, -.vjs-menu li.vjs-menu-item:hover, -.js-focus-visible .vjs-menu li.vjs-menu-item:hover { - @include background-color-with-alpha($secondary-background-color, $secondary-background-transparency); -} - -.vjs-menu li.vjs-selected, -.vjs-menu li.vjs-selected:focus, -.vjs-menu li.vjs-selected:hover, -.js-focus-visible .vjs-menu li.vjs-selected:hover { - background-color: $primary-foreground-color; - color: $primary-background-color; - - // Change the SVG color when an item is selected - .vjs-svg-icon { - fill: #000000; - } -} - -.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible), -.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) { - background: none; -} - -.vjs-menu li.vjs-menu-title { - text-align: center; - text-transform: uppercase; - font-size: 1em; - line-height: 2em; - padding: 0; - margin: 0 0 0.3em 0; - font-weight: bold; - cursor: default; -} |
