summaryrefslogtreecommitdiff
path: root/javascript/videojs/src/css/components/menu/_menu.scss
diff options
context:
space:
mode:
Diffstat (limited to 'javascript/videojs/src/css/components/menu/_menu.scss')
-rw-r--r--javascript/videojs/src/css/components/menu/_menu.scss80
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;
-}