diff options
author | Miguel Ángel Moreno <mail@migalmoreno.com> | 2024-04-29 01:41:21 +0200 |
---|---|---|
committer | Miguel Ángel Moreno <mail@migalmoreno.com> | 2024-05-29 11:16:14 +0200 |
commit | ed540859f6fd43cb4cbb17149d7ca166c27aacb7 (patch) | |
tree | b139fb1accd7dae5716d0ba3e6b0abd718b4bff1 /resources/src/styles/tubo.scss | |
parent | 925a727077c83002951cfb812a424a9ff8edb744 (diff) |
feat: improve video player styles
Diffstat (limited to 'resources/src/styles/tubo.scss')
-rw-r--r-- | resources/src/styles/tubo.scss | 46 |
1 files changed, 0 insertions, 46 deletions
diff --git a/resources/src/styles/tubo.scss b/resources/src/styles/tubo.scss deleted file mode 100644 index cffc8cd..0000000 --- a/resources/src/styles/tubo.scss +++ /dev/null @@ -1,46 +0,0 @@ -@use "@fontsource/nunito-sans/scss/mixins" as NunitoSans; -$fontsourceDir: "~@fontsource"; -@include NunitoSans.faces($weights: (200, 300, 400, 500, 600, 700, 800, 900)); -$fa-font-path: "~@fortawesome/fontawesome-free/webfonts"; -@import "@fortawesome/fontawesome-free/scss/brands"; -@import "@fortawesome/fontawesome-free/scss/regular"; -@import "@fortawesome/fontawesome-free/scss/solid"; -@import "@fortawesome/fontawesome-free/scss/fontawesome"; -@import "tailwindcss/base"; -@import "tailwindcss/components"; -@import "tailwindcss/utilities"; -@import "video.js/dist/video-js.css"; -@import "videojs-mobile-ui/dist/videojs-mobile-ui.css"; -@import "@silvermine/videojs-quality-selector/dist/css/quality-selector.css"; - -.vjs-tubo .vjs-poster img { - object-fit: cover; -} - -.vjs-tubo .vjs-control-bar { - background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); -} - -.vjs-tubo .vjs-volume-control { - background: radial-gradient(rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 45%); - backdrop-filter: blur(1px); -} - -.vjs-tubo .vjs-menu-button-popup .vjs-menu .vjs-menu-content { - background: rgba(0, 0, 0, 0.5); - backdrop-filter: blur(6px); -} - -.vjs-tubo .vjs-current-time, .vjs-tubo .vjs-time-divider, .vjs-tubo .vjs-duration { - display: block; -} - -.vjs-tubo .vjs-big-play-button, .vjs-tubo.vjs-paused .vjs-big-play-button, .vjs-tubo:hover .vjs-big-play-button { - content: ''; - background-size: 60%; - background-position: center center; - background-repeat: no-repeat; - background-image: url('data:image/svg+xml;utf8,<svg fill="%23FFFFFF" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M8 5v14l11-7z"/><path d="M0 0h24v24H0z" fill="none"/></svg>'); - background-color: transparent; - border: none; -} |