/
Stoc
/
Sber
Обзор
Документация
Войти
/
Stoc
/
Sber
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/pages/CreateArticle/CreateArticle.scss
55 строк
947 B
Stocil
add: adaptive create article form and comment section
22 апр 2024, 16:40
22 апр 2024, 16:40
dc97f89
Код
Авторство
О чём код?
.create { &__form { width: 100%; padding: 30px; display: flex; flex-direction: column; gap: 24px; justify-content: center; align-items: start; @media (max-width: 500px) { padding: 10px 0px; } } &__textarea { width: 100%; border-radius: 10px; background-color: transparent; padding: 16.5px 14px; font: inherit; letter-spacing: inherit; color: currentColor; resize: vertical; &:hover { border-color: rgb(255, 255, 255); } &:focus-visible { outline: 0; border-color: #9fa8da; border-width: 2px; } } &__textarea-label { position: absolute; top: 20%; left: 14px; transform: translateY(-50%); opacity: 0.7; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); &.focus { opacity: 1; top: 0; transform: translateY(-100%); font-size: 12px; color: #9fa8da; } } }