/
githubmirror
/
angular
Обзор
Документация
Войти
/
githubmirror
/
angular
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
adev/shared-docs/styles/docs/_video.scss
56 строк
1 KB
Kam
fix(docs-infra): use a facade for docs-video to fix Firefox embeds
15 июн 2026, 18:58
15 июн 2026, 18:58
43acead
Код
Авторство
О чём код?
@use '../colors' as colors; @mixin docs-video() { .docs-video-container { iframe { border: 0; width: 100%; border-radius: 0.25rem; overflow: hidden; aspect-ratio: 16 / 9; } .docs-video-facade { position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; border-radius: 0.25rem; overflow: hidden; cursor: pointer; } .docs-video-thumbnail { width: 100%; height: 100%; margin: 0; object-fit: cover; display: block; } .docs-video-play-button { position: absolute; inset: 0; margin: auto; width: 68px; height: 48px; svg { width: 100%; height: 100%; } .docs-video-play-button-bg { fill: colors.$gray-800; fill-opacity: 0.8; transition: fill-opacity 0.2s ease; } } .docs-video-facade:hover .docs-video-play-button-bg, .docs-video-facade:focus-visible .docs-video-play-button-bg { fill: var(--always-red); fill-opacity: 1; } } }