/
BossDDoS
/
marketplace
Обзор
Документация
Войти
/
BossDDoS
/
marketplace
Код
Запросы
0
Задачи
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
src/components/TooltipButton/TooltipButton.module.scss
56 строк
1014 B
Maxim L
refactored some styles
12 сен 2024, 20:10
12 сен 2024, 20:10
f475eb0
Код
Авторство
О чём код?
@import "../../scss/variables"; .tooltipContainer { position: relative; display: inline-block; &:hover .tooltip { visibility: visible; opacity: 1; } .add { display: inline-block; font-size: 22px; font-weight: bold; width: 45px; height: 45px; border: 1px solid $orange; border-radius: 50%; background-color: $white; cursor: pointer; &:hover { background-color: $orange; color: $white; } } .tooltip { visibility: hidden; background-color: black; color: #fff; text-align: center; border-radius: 4px; padding: 5px; position: absolute; z-index: 1; bottom: 125%; left: 86%; margin-left: -60px; opacity: 0; transition: opacity $duration; &:after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: $black transparent transparent transparent; } } }