xevion/xevion.dev
1
0
Fork 0
mirror of https://github.com/Xevion/xevion.dev.git synced 2025-12-12 16:13:42 -06:00
Code Issues Packages Projects Releases Wiki Activity

Add opacity animations for text, fix bad icon grid placement

Browse Source
This commit is contained in:
Xevion
2022-12-25 17:13:26 -06:00
parent 02333d09de
commit b8425b8179
1 changed files with 2 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/styles/globals.scss
View File

@@ -18,7 +18,7 @@ html, body {
} }
.elements { .elements {
@apply hidden transition-all delay-100; @apply hidden opacity-0 transition-all delay-100;
> * { > * {
z-index: 30; z-index: 30;
min-height: 0; min-height: 0;
@@ -27,7 +27,7 @@ html, body {
&:hover, &.active { &:hover, &.active {
.elements { .elements {
@apply grid; @apply grid opacity-100;
} }
> img { > img {
@@ -52,7 +52,6 @@ html, body {
.icon-grid { .icon-grid {
direction: rtl; direction: rtl;
grid-auto-flow: column;
> svg { > svg {
width: 75%; width: 75%;