From ed540859f6fd43cb4cbb17149d7ca166c27aacb7 Mon Sep 17 00:00:00 2001 From: Miguel Ángel Moreno Date: Mon, 29 Apr 2024 01:41:21 +0200 Subject: feat: improve video player styles --- resources/src/styles/tubo.scss | 46 ------------------------------------------ 1 file changed, 46 deletions(-) delete mode 100644 resources/src/styles/tubo.scss (limited to 'resources/src/styles/tubo.scss') 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,'); - background-color: transparent; - border: none; -} -- cgit v1.2.3