kristoferssolo/kristofersxyz
1
0
Fork 0
mirror of https://github.com/kristoferssolo/kristofersxyz.git synced 2025-10-21 18:30:34 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix navigation menu

Browse Source
This commit is contained in:
Kristofers Solo 2023-01-20 08:28:53 +02:00
parent 5503e15593
commit 3a6d4e3523
1 changed files with 2 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
static/main/css/lightsaber.css
View File

@ -1,10 +1,3 @@
*,
*:before,
*:after {
position: relative;
box-sizing: border-box;
}
.body { .body {
display: grid; display: grid;
place-items: center; place-items: center;
@ -12,9 +5,7 @@
} }
.lightsaber { .lightsaber {
/* outline: 1px dotted white; */
transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out;
/* transform: scale(0.5); */
width: 30vw; width: 30vw;
height: 5vw; height: 5vw;
display: flex; display: flex;
@ -22,10 +13,6 @@
align-items: center; align-items: center;
} }
/* .lightsaber > * { */
/* outline: 1px solid white; */
/* } */
.metal { .metal {
background: linear-gradient( background: linear-gradient(
to bottom, to bottom,
@ -159,6 +146,7 @@
height: 100%; height: 100%;
box-shadow: 0 0 5vw var(--lightsaber-color); box-shadow: 0 0 5vw var(--lightsaber-color);
} }
.blade > .glow .large { .blade > .glow .large {
box-shadow: 0 0 30vw 10vw var(--lightsaber-color); box-shadow: 0 0 30vw 10vw var(--lightsaber-color);
opacity: 0.7; opacity: 0.7;
@ -207,6 +195,7 @@
--delay: 0s; --delay: 0s;
--speed: 0.75; --speed: 0.75;
} }
:root * { :root * {
animation-duration: var(--duration); animation-duration: var(--duration);
animation-delay: var(--delay); animation-delay: var(--delay);