/
githubmirror
/
wp-calypso
Обзор
Документация
Войти
/
githubmirror
/
wp-calypso
Код
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
trunk
client/components/split-button/style.scss
34 строки
715 B
arthur791004
Sites Dashboard: Fix styles on smaller screen (#88179)
06 мар 2024, 05:41
Не верифицирован
06 мар 2024, 05:41
af6aa93
Код
Авторство
О чём код?
.split-button { // So both buttons drop together display: inline-block; white-space: nowrap; --white-separator-color: rgba(255, 255, 255, 0.3); } .button.split-button__main { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: 0; .has-icon-text & .gridicon { margin-right: 4px; } } .button.split-button__toggle { border-top-left-radius: 0; border-bottom-left-radius: 0; &.split-button__toggle--white-separator { &, &:hover, &:focus { border-left-color: var(--white-separator-color); } } } .gridicon.split-button__toggle-icon { transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); .split-button.is-menu-visible & { transform: rotate(180deg); } }