LoveIt/assets/css/_partial/_details.scss

34 lines
557 B
SCSS
Raw Normal View History

.details {
.details-summary {
&:hover {
cursor: pointer;
}
}
i.details-icon {
color: $global-font-secondary-color;
@include transition(transform 0.2s ease);
2020-04-27 19:38:22 +02:00
[theme=dark] & {
color: $global-font-secondary-color-dark;
}
}
.details-content {
max-height: 0;
overflow-y: hidden;
2020-04-27 19:38:22 +02:00
@include details-transition-open;
}
&.open {
i.details-icon {
2020-04-27 19:38:22 +02:00
@include transform(rotate(90deg));
}
.details-content {
max-height: 10000px;
2020-04-27 19:38:22 +02:00
@include details-transition-close;
}
}
}