/
ProjectSoft
/
radioApp-lite
Обзор
Документация
Войти
/
ProjectSoft
/
radioApp-lite
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/less/inc/settings.less
91 строка
1 KB
ProjectSoft
update
10 янв 2022, 16:19
10 янв 2022, 16:19
ef350d1
Код
Авторство
О чём код?
.settings-block { //display: block; position: fixed; background-color: #ffffff; z-index: -20000; //visibility: hidden; top: 0; bottom: 0; width: 100%; height: 100%; overflow-y: auto; user-select: none; &[open]{ z-index: 9999999; } //animation: hide .3s ease-in 1 forwards; &.show { //animation: show .15s ease-in 1 forwards; } .block-options { display: flex; flex: 1; flex-direction: column; max-width: 400px; margin: 0 auto; padding: 0 15px; label { display: flex; flex: 1; flex-direction: row; margin-bottom: 10px; font-size: 0.8em; align-items: center; span { margin-left: 15px; flex: 1; white-space: pre-wrap; } &:last-child { //display: none; } } } .buttons-options { text-align: center; margin-top: 10px; button { margin-right: 15px; padding-top: 0.7em; padding-bottom: 0.7em; flex: 1; &:last-child { margin-right: 0; } } } } @keyframes show { 0% { visibility: hidden; opacity: 0; left: 100%; } 10% { visibility: visible; opacity: 0; left: 0%; } 100% { visibility: visible; opacity: 1; left: 0%; } } @keyframes hide { 0% { visibility: visible; opacity: 1; left: 0%; } 90% { visibility: visible; left: 0%; opacity: 0; } 100% { visibility: hidden; opacity: 0; left: 100%; } }