mirror of
https://github.com/hugo-fixit/FixIt.git
synced 2026-08-24 07:18:57 +00:00
Cell
dd6d320654
* BREAKING CHANGE: refactor with Dart Sass (supplement to #741) * chore: update .gitignore to include .vercel and .env*.local * CI: add build script for Hugo site deployment on Vercel * CI: update build script for Hugo site deployment on Vercel * refactor: update SCSS layout styles and introduce page-style mixin * refactor: reorganize SCSS files and improve layout structure * refactor: rename copy button classes and update related styles
53 lines
954 B
SCSS
53 lines
954 B
SCSS
@use "core/functions" as *;
|
|
@use "core/mixins" as *;
|
|
|
|
#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);
|
|
}
|
|
}
|
|
}
|