@media screen and (hover: hover) {
/* Buttons */
/* Default button */
.default-button:not(.-shadow):hover p:before {
opacity: 1;
}
/* Default button with arrow/icon */
.default-button:not(.-shadow):hover .default-button__icon:after,
.default-button:not(.-shadow):hover .default-button__arrow:after {
opacity: 1;
}
/* Default button with shadow */
.default-button.-shadow:hover {
box-shadow: none;
}
/* Default white button */
.default-button.-white:hover {
background-color: var(--shades-50);
}
.default-button.-white.-social:hover {
background-color: var(--shades-150);
}
/* Default black button */
.default-button.-black:hover:before {
opacity: 1;
}
.default-button:focus,
.default-button:active {
border-color: var(--primary-blue-400);
}
/* Form's elements */
.input.-file:not(.-invalid) .input__box:hover {
/*border-color: var(--primary-blue-100);*/
}
.input.-file .file-info__remove-icon:hover {
background-color: var(--shades-250);
}
/* Dropdown */
.localization-dropdown .--dropdown__value:hover .--gradient-hover:after {
opacity: 1;
}
/* Gradient hover */
.--gradient-hover:hover:after {
opacity: 1;
}
/* API */
.api-editor a:hover {
text-decoration-color: transparent;
}
.api-info-example
.os-theme-dark
> .os-scrollbar
> .os-scrollbar-track
> .os-scrollbar-handle:hover {
background-color: var(--shades-400);
}
.api-editor [id]:hover {
opacity: 0.5;
}
.api-navigation.os-theme-dark
> .os-scrollbar
> .os-scrollbar-track
> .os-scrollbar-handle:hover,
.api-navigation.os-theme-light
> .os-scrollbar
> .os-scrollbar-track
> .os-scrollbar-handle:hover {
background-color: var(--shades-400);
}
}