Import theme
This commit is contained in:
parent
51769fa6be
commit
c59ffbfeee
127 changed files with 13611 additions and 1 deletions
39
assets/scss/partials/vendors/_mediumzoom.scss
vendored
Normal file
39
assets/scss/partials/vendors/_mediumzoom.scss
vendored
Normal file
|
|
@ -0,0 +1,39 @@
|
|||
@use 'modules/color_theme' as color;
|
||||
|
||||
.medium-zoom-overlay {
|
||||
@include color.themed() {
|
||||
background: color.t('accent');
|
||||
}
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
opacity: 0;
|
||||
transition: opacity 300ms;
|
||||
will-change: opacity;
|
||||
}
|
||||
|
||||
.medium-zoom--opened .medium-zoom-overlay {
|
||||
cursor: pointer;
|
||||
cursor: zoom-out;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.medium-zoom-image {
|
||||
cursor: pointer;
|
||||
cursor: zoom-in;
|
||||
transition: transform 300ms cubic-bezier(0.2, 0, 0.2, 1) !important;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.medium-zoom-image--hidden {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.medium-zoom-image--opened {
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
cursor: zoom-out;
|
||||
will-change: transform;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue