/
githubmirror
/
angular
Обзор
Документация
Войти
/
githubmirror
/
angular
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
adev/shared-docs/styles/_scroll-track.scss
84 строки
2 KB
Matthieu Riegler
docs(docs-infra): fix & simplify scrolling for code blocks (#62179)
23 июн 2025, 15:19
23 июн 2025, 15:19
44782be
Код
Авторство
О чём код?
@mixin scroll-track { // used on secondary nav .docs-scroll-hide { &::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0); } &::-webkit-scrollbar { width: 0; } } // used for main page scroll .docs-scroll-track-transparent-large { &::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0); cursor: pointer; } &::-webkit-scrollbar { width: 8px; height: 8px; } &::-webkit-scrollbar-thumb { background-color: var(--quinary-contrast); border-radius: 10px; transition: background-color 0.3s ease; } &::-webkit-scrollbar-thumb:hover { background-color: var(--quaternary-contrast); } } // used on table & secondary navigation .docs-scroll-track-transparent { &::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0); cursor: pointer; } &::-webkit-scrollbar { width: 6px; height: 6px; } &::-webkit-scrollbar-thumb { background-color: var(--senary-contrast); border-radius: 10px; transition: background-color 0.3s ease; } &::-webkit-scrollbar-thumb:hover { background-color: var(--quaternary-contrast); } } .docs-mini-scroll-track, .shiki > code // used on docs-code blocks { &::-webkit-scrollbar-track { background: transparent; } &::-webkit-scrollbar { width: 6px; height: 6px; } &::-webkit-scrollbar-thumb { background-color: var(--senary-contrast); border-radius: 10px; } &::-webkit-scrollbar-thumb:hover { background-color: var(--quinary-contrast); } &::-webkit-scrollbar-corner { background: transparent; } } }