ds4/scss/components/shared/_rollable_image.scss
Johannes Loher 7670d7f808
All checks were successful
ci/woodpecker/pr/checks Pipeline was successful
ci/woodpecker/push/checks Pipeline was successful
chore: reformat with 2 spaces
2023-07-10 22:33:01 +02:00

39 lines
553 B
SCSS

/*
* SPDX-FileCopyrightText: 2021 Johannes Loher
*
* SPDX-License-Identifier: MIT
*/
.ds4-rollable-image {
position: relative;
&--rollable {
cursor: pointer;
&:hover {
.ds4-rollable-image__image {
opacity: 0.25;
}
.ds4-rollable-image__overlay {
opacity: 1;
}
}
}
&__image {
border: none;
transition: 0.1s ease;
}
&__overlay {
border: none;
bottom: 0;
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: 0.1s ease;
}
}