32 lines
695 B
SCSS
32 lines
695 B
SCSS
@use 'const.scss';
|
|
|
|
:host {
|
|
--frigate-card-carousel-thumbnail-opacity: 1;
|
|
}
|
|
|
|
:host([direction='vertical']) {
|
|
height: 100%;
|
|
}
|
|
:host([direction='horizontal']) {
|
|
// In fullscreen mode, without explicitly setting the height to auto Chrome
|
|
// will construct a stylesheet with 100% height.
|
|
height: auto;
|
|
}
|
|
|
|
.embla__slide {
|
|
flex: 0 0 auto;
|
|
opacity: var(--frigate-card-carousel-thumbnail-opacity);
|
|
transition: opacity 0.6s ease;
|
|
}
|
|
.embla__slide.slide-selected {
|
|
opacity: 1;
|
|
}
|
|
|
|
frigate-card-thumbnail {
|
|
width: var(--frigate-card-thumbnail-size);
|
|
height: var(--frigate-card-thumbnail-size);
|
|
}
|
|
frigate-card-thumbnail[details] {
|
|
width: var(--frigate-card-thumbnail-details-width);
|
|
}
|