mirror of
https://github.com/hugo-fixit/FixIt.git
synced 2026-08-24 15:28:57 +00:00
Cell
09e08d0772
**Breaking changes**: 1. Legacy custom style/script files are no longer loaded automatically. 2. Users must migrate custom files to: - `custom.scss` - `override.scss` - `_variables.scss` - `assets/js/custom.js` **Migration guide**: 1. Move `assets/css/_custom.scss` to `assets/scss/custom.scss`. 2. Move `assets/css/_override.scss` to `assets/scss/override.scss`. 3. Keep variables in `assets/scss/_variables.scss`. 4. Move `assets/js/_custom.js` to `assets/js/custom.js`. 5. Rebuild site and verify no deprecation warnings remain.
50 lines
900 B
SCSS
50 lines
900 B
SCSS
#link-guard-dialog {
|
|
width: MIN(600px, calc(100% - 2rem));
|
|
max-width: 100%;
|
|
border: none;
|
|
padding: 0;
|
|
color: fi-var(global-font-color);
|
|
background-color: transparent;
|
|
opacity: 0;
|
|
transform: translateY(12px) scale(0.98);
|
|
transition:
|
|
display 0.2s allow-discrete,
|
|
overlay 0.2s allow-discrete,
|
|
transform 0.2s,
|
|
opacity 0.2s;
|
|
|
|
.guard-content {
|
|
@include link-guard-content;
|
|
}
|
|
|
|
&::backdrop {
|
|
background-color: rgba(0, 0, 0, 0.25);
|
|
backdrop-filter: blur(2px);
|
|
opacity: 0;
|
|
transition:
|
|
display 0.2s allow-discrete,
|
|
overlay 0.2s allow-discrete,
|
|
opacity 0.2s;
|
|
}
|
|
|
|
&[open] {
|
|
opacity: 1;
|
|
transform: translateY(0) scale(1);
|
|
}
|
|
|
|
&[open]::backdrop {
|
|
opacity: 1;
|
|
}
|
|
|
|
@starting-style {
|
|
&[open],
|
|
&[open]::backdrop {
|
|
opacity: 0;
|
|
}
|
|
|
|
&[open] {
|
|
transform: translateY(12px) scale(0.98);
|
|
}
|
|
}
|
|
}
|