| 1 | /**
|
| 2 | * css for videojs-max-quality-selector
|
| 3 | * With the default plugins for postcss you can
|
| 4 | * - @import files, they will be inlined during build
|
| 5 | * - not worry about browser prefixes, they will be handled
|
| 6 | * - nest selectors. This follows the css specification that is
|
| 7 | * currently out on some browsers. See https://tabatkins.github.io/specs/css-nesting/
|
| 8 | * - custom properties (aka variables) via the var(--var-name) syntax. See
|
| 9 | * https://www.w3.org/TR/css-variables-1/
|
| 10 | */
|
| 11 |
|
| 12 |
|
| 13 | /* Note: all vars must be defined here, there are no "local" vars */
|
| 14 | :root {
|
| 15 | --main-color: red;
|
| 16 | --base-font-size: 9;
|
| 17 | --font-size: 7;
|
| 18 | }
|
| 19 |
|
| 20 | .video-js {
|
| 21 |
|
| 22 | &.vjs-max-quality-selector {
|
| 23 | /* This class is added to the video.js element by the plugin by default. */
|
| 24 | display: block;
|
| 25 |
|
| 26 | & .vjs-max-quality-selector-button {
|
| 27 | width: auto;
|
| 28 |
|
| 29 | & sup {
|
| 30 | text-transform: uppercase;
|
| 31 | font-weight: bold;
|
| 32 | color: red;
|
| 33 | }
|
| 34 |
|
| 35 | & .vjs-menu li {
|
| 36 | text-transform: none;
|
| 37 | }
|
| 38 |
|
| 39 | & .vjs-menu li.vjs-selected {
|
| 40 | font-weight: bold;
|
| 41 | color: black;
|
| 42 |
|
| 43 | & sup {
|
| 44 | text-shadow: 0px 1px black;
|
| 45 | }
|
| 46 | }
|
| 47 |
|
| 48 | & .vjs-menu-content {
|
| 49 | background-color: rgba(43, 51, 63, 0.9);
|
| 50 | }
|
| 51 | }
|
| 52 |
|
| 53 | & .remove-me, & .remove-me-too, &.finally-remove-me {
|
| 54 | /* examples of postcss syntax, you probably want to remove this */
|
| 55 |
|
| 56 | color: var(--main-color);
|
| 57 |
|
| 58 | /**
|
| 59 | * Note that you have to use calc and multiply by a value with a unit
|
| 60 | * prepending the unit like `var(--base-font-size)px` or
|
| 61 | * `calc(10 * var(--base-font-size)em` will NOT work!
|
| 62 | */
|
| 63 | font-size: calc(var(--font-size) * 8 * var(--base-font-size) * 1px);
|
| 64 |
|
| 65 | }
|
| 66 | }
|
| 67 | }
|