survey-sdgs/public/assets/scss/utilities/_icon-hover.scss

22 lines
455 B
SCSS
Executable File

.nav-icon-hover {
position: relative;
transition: all 0.3s ease-in-out;
&:hover {
color: var(--bs-primary) !important;
&::before {
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
height: 40px;
width: 40px;
z-index: -1;
border-radius: 100px;
transition: all 0.3s ease-in-out;
background-color: var(--bs-primary-bg-subtle);
}
}
}