/
githubmirror
/
bootstrap
Обзор
Документация
Войти
/
githubmirror
/
bootstrap
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
site/src/scss/_buttons.scss
52 строки
2 KB
Julien Déramond
Docs: migration from Hugo to Astro (#41251)
15 апр 2025, 19:37
Не верифицирован
15 апр 2025, 19:37
a8ab199
Код
Авторство
О чём код?
// Buttons // // Custom buttons for the docs. // scss-docs-start btn-css-vars-example .btn-bd-primary { --bs-btn-font-weight: 600; --bs-btn-color: var(--bs-white); --bs-btn-bg: var(--bd-violet-bg); --bs-btn-border-color: var(--bd-violet-bg); --bs-btn-hover-color: var(--bs-white); --bs-btn-hover-bg: #{shade-color($bd-violet, 10%)}; --bs-btn-hover-border-color: #{shade-color($bd-violet, 10%)}; --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb); --bs-btn-active-color: var(--bs-btn-hover-color); --bs-btn-active-bg: #{shade-color($bd-violet, 20%)}; --bs-btn-active-border-color: #{shade-color($bd-violet, 20%)}; } // scss-docs-end btn-css-vars-example .btn-bd-accent { --bs-btn-font-weight: 600; --bs-btn-color: var(--bd-accent); --bs-btn-border-color: var(--bd-accent); --bs-btn-hover-color: var(--bd-dark); --bs-btn-hover-bg: var(--bd-accent); --bs-btn-hover-border-color: var(--bd-accent); --bs-btn-focus-shadow-rgb: var(--bd-accent-rgb); --bs-btn-active-color: var(--bs-btn-hover-color); --bs-btn-active-bg: var(--bs-btn-hover-bg); --bs-btn-active-border-color: var(--bs-btn-hover-border-color); } .btn-bd-light { --btn-custom-color: #{mix($bd-violet, $white, 75%)}; --bs-btn-color: var(--bs-gray-600); --bs-btn-border-color: var(--bs-border-color); --bs-btn-hover-color: var(--btn-custom-color); --bs-btn-hover-border-color: var(--btn-custom-color); --bs-btn-active-color: var(--btn-custom-color); --bs-btn-active-bg: var(--bs-white); --bs-btn-active-border-color: var(--btn-custom-color); --bs-btn-focus-border-color: var(--btn-custom-color); --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb); } .bd-btn-lg { --bs-btn-border-radius: .5rem; padding: .8125rem 2rem; }