Refactor
This commit is contained in:
parent
66a2e22b7d
commit
358a7e94c4
1 changed files with 5 additions and 5 deletions
|
@ -88,7 +88,7 @@ figure {
|
||||||
.wishlist .ui.card {
|
.wishlist .ui.card {
|
||||||
--padding: 0.91666667em;
|
--padding: 0.91666667em;
|
||||||
--buttonsHeight: calc((.92857143rem + 0.78571429em * 2) * 2 + 0.25em + 0.75em);
|
--buttonsHeight: calc((.92857143rem + 0.78571429em * 2) * 2 + 0.25em + 0.75em);
|
||||||
--hoverHeight: calc(1em + 3 * var(--padding));
|
--wishPreviewHeightHover: calc(1em + 3 * var(--padding));
|
||||||
}
|
}
|
||||||
.wishlist .ui.card:focus-within {
|
.wishlist .ui.card:focus-within {
|
||||||
z-index: calc(var(--dimmerZIndex) + 2);
|
z-index: calc(var(--dimmerZIndex) + 2);
|
||||||
|
@ -133,11 +133,11 @@ figure {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
.wishlist:not(.one).column .ui.card > .image > :is(svg, img.preview) {
|
.wishlist:not(.one).column .ui.card > .image > :is(svg, img.preview) {
|
||||||
height: var(--hoverHeight);
|
height: var(--wishPreviewHeightHover);
|
||||||
}
|
}
|
||||||
@media (hover: hover) {
|
@media (hover: hover) {
|
||||||
.wishlist:not(.one).column .ui.card > .image > :is(svg, img.preview) {
|
.wishlist:not(.one).column .ui.card > .image > :is(svg, img.preview) {
|
||||||
height: max(var(--hoverHeight), var(--wishPreviewHeight));
|
height: max(var(--wishPreviewHeightHover), var(--wishPreviewHeight));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -176,7 +176,7 @@ figure {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.wishlist:not(.one).column .ui.card:hover > .image > svg {
|
.wishlist:not(.one).column .ui.card:hover > .image > svg {
|
||||||
height: var(--hoverHeight);
|
height: var(--wishPreviewHeightHover);
|
||||||
padding: 0 !important;
|
padding: 0 !important;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
|
@ -205,7 +205,7 @@ figure {
|
||||||
}
|
}
|
||||||
|
|
||||||
.wishlist:not(.one).column .ui.card:hover > .image > img.preview {
|
.wishlist:not(.one).column .ui.card:hover > .image > img.preview {
|
||||||
height: var(--hoverHeight);
|
height: var(--wishPreviewHeightHover);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue