Участник:Мр. Арсений/песочница/styles.css: различия между версиями

Материал из Adventure Station
(Создание стилей для проверки нового функционала)
 
м (Временное отключение свойств для изменения контентной модели страницы)
Строка 15: Строка 15:
   bottom: 120%;
   bottom: 120%;


   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:07, 30 марта 2025

.temp-hover {
  position: relative;
  display: inline-block;
}

.temp-hover-content {
  display: none;
  overflow: auto;
  min-width: 150px;
  max-width: 200px;
  min-height: 70px;
  max-height: 150px;

  position: absolute;
  bottom: 120%;

  /*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;
}