yaffs.net Git - yaffs-website/blob - node_modules/video.js/src/css/components/menu/_menu.scss

   1 .vjs-menu-button {
   2   cursor: pointer;
   3 }
   4
   5 // Change cursor back to default if the menu button is disabled
   6 .vjs-menu-button.vjs-disabled {
   7   cursor: default;
   8 }
   9
  10 // prevent menus from opening while disabled
  11 .vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  12   display: none;
  13 }
  14
  15 .vjs-menu .vjs-menu-content {
  16   display: block;
  17   padding: 0;
  18   margin: 0;
  19   overflow: auto;
  20   font-family: $text-font-family;
  21 }
  22
  23 // prevent menus from opening while scrubbing (FF, IE)
  24 .vjs-scrubbing .vjs-menu-button:hover .vjs-menu {
  25   display: none;
  26 }
  27
  28 .vjs-menu li {
  29   list-style: none;
  30   margin: 0;
  31   padding: 0.2em 0;
  32   line-height: 1.4em;
  33   font-size: 1.2em;
  34   text-align: center;
  35   text-transform: lowercase;
  36 }
  37
  38 .vjs-menu li.vjs-menu-item:focus,
  39 .vjs-menu li.vjs-menu-item:hover {
  40   outline: 0;
  41   @include background-color-with-alpha($secondary-background-color, $secondary-background-transparency);
  42 }
  43
  44 .vjs-menu li.vjs-selected,
  45 .vjs-menu li.vjs-selected:focus,
  46 .vjs-menu li.vjs-selected:hover {
  47   background-color: $primary-foreground-color;
  48   color: $primary-background-color;
  49 }
  50
  51 .vjs-menu li.vjs-menu-title {
  52   text-align: center;
  53   text-transform: uppercase;
  54   font-size: 1em;
  55   line-height: 2em;
  56   padding: 0;
  57   margin: 0 0 0.3em 0;
  58   font-weight: bold;
  59   cursor: default;
  60 }