Участник:Мр. Арсений/песочница/styles.css: различия между версиями
Материал из Space Station 14 | Время приключений Вики
Дополнительные действия
Создание стилей для проверки нового функционала |
м Обновление размеров |
||
| (не показаны 3 промежуточные версии этого же участника) | |||
| Строка 7: | Строка 7: | ||
display: none; | display: none; | ||
overflow: auto; | overflow: auto; | ||
min-width: | min-width: 200px; | ||
max-width: | max-width: 300px; | ||
min-height: 70px; | min-height: 70px; | ||
max-height: | max-height: 300px; | ||
position: absolute; | position: absolute; | ||
bottom: | bottom: 100%; | ||
background-color: hsl(var(--color-primary__h), 22%, 20%); | /*background-color: hsl(var(--color-primary__h), 22%, 20%);*/ | ||
padding: 4px; | padding: 4px; | ||
border-radius: 8px; | border-radius: 8px; | ||
box-shadow: hsla(var(--surface-shadow), var(--shadow-strength)) 2px 2px 4px 0px; | /*box-shadow: hsla(var(--surface-shadow), var(--shadow-strength)) 2px 2px 4px 0px;*/ | ||
} | } | ||
Текущая версия от 14:45, 30 марта 2025
.temp-hover {
position: relative;
display: inline-block;
}
.temp-hover-content {
display: none;
overflow: auto;
min-width: 200px;
max-width: 300px;
min-height: 70px;
max-height: 300px;
position: absolute;
bottom: 100%;
/*background-color: hsl(var(--color-primary__h), 22%, 20%);*/
padding: 4px;
border-radius: 8px;
/*box-shadow: hsla(var(--surface-shadow), var(--shadow-strength)) 2px 2px 4px 0px;*/
}
.temp-hover:hover .temp-hover-content {
display: block;
}