/
alexxhub
/
playerjs
Обзор
Документация
Войти
/
alexxhub
/
playerjs
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
1
CI/CD
Аналитика
Безопасность
patch
src/css/_player-layout.scss
59 строк
1 KB
apavlov3rednet
Separate styles
02 фев 2026, 21:11
02 фев 2026, 21:11
82e9a69
Код
Авторство
О чём код?
@use "variables"; .player { max-width: 960px; margin: 40px auto; background: #000; color: variables.$text; overflow: hidden; border-radius: 12px; box-shadow: variables.$shadow; } // Video .player__video-wrapper { position: relative; background: #000; } .player__video { width: 100%; display: block; background: #000; } // Big play .player__big-play { position: absolute; inset: 0; margin: auto; width: 68px; height: 48px; border: none; border-radius: 14px; background: rgba(0, 0, 0, 0.7); cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.2s ease, transform 0.1s ease; pointer-events: auto; &::before { content: ""; border-style: solid; border-width: 10px 0 10px 18px; border-color: transparent transparent transparent #fff; margin-left: 3px; } &:hover { background: rgba(255, 255, 255, 0.2); transform: scale(1.04); } &.is-hidden { opacity: 0; pointer-events: none; } }