hak8or/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Redo the table of contents dropdown, with new animation as well

Browse Source
This commit is contained in:
daudix
2024-09-17 04:02:44 +03:00
parent 543d1bf862
commit ed02e10c3a
6 changed files with 76 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
sass/_variables.scss
View File

@ -64,8 +64,8 @@
--container-width: 720px;
// CORNERS
--rounded-corner-small: 0.5rem;
--rounded-corner: 0.75rem;
--rounded-corner-small: 0.5rem;
// FILTERS
--blur: saturate(180%) blur(0.75rem);
@ -109,23 +109,23 @@
--font-emoji: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
// OPACITY
--disabled-opacity: 60%;
--dim-opacity: 80%;
--color-opacity: 10%;
--dim-opacity: 80%;
--disabled-opacity: 60%;
// SHADOWS
--edge-highlight: inset 0 0.0625rem 0 rgb(255 255 255 / 10%);
--shadow: 0 0 0 0.0625rem rgb(0 0 0 / 3%), 0 0.0625rem 0.1875rem 0.0625rem rgb(0 0 0 / 7%), 0 0.125rem 0.375rem 0.125rem rgb(0 0 0 / 3%);
--shadow-raised: 0 0 0 0.0625rem rgb(0 0 0 / 6%), 0 0.125rem 0.375rem 0.125rem rgb(0 0 0 / 14%), 0 0.25rem 0.75rem 0.25rem rgb(0 0 0 / 6%);
--shadow-glass: 0 0.75rem 1.5rem -1rem rgb(0 0 0 / 50%);
--shadow: 0 0 0 0.0625rem rgb(0 0 0 / 3%), 0 0.0625rem 0.1875rem 0.0625rem rgb(0 0 0 / 7%), 0 0.125rem 0.375rem 0.125rem rgb(0 0 0 / 3%);
--edge-highlight: inset 0 0.0625rem 0 rgb(255 255 255 / 10%);
// STATES
--hover: scale(110%);
--active: scale(90%);
// TRANSITIONS
--transition-long: 0.8s;
--transition-longer: 0.4s;
--transition: 0.2s;
--transition-longer: 0.4s;
--transition-long: 0.8s;
}
}