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