diff --git a/public/assets/css/shell.css b/public/assets/css/shell.css index d77462d..578dfaa 100644 --- a/public/assets/css/shell.css +++ b/public/assets/css/shell.css @@ -89,32 +89,6 @@ h3 { font-size: 25px; } -/* ## Page transition */ - -[vv-loading] * { - transition: 200ms opacity; -} - -[vv-loading="true"] * { - opacity: 0; - pointer-events: none; -} - -[vv-loading="true"]::after { - content: ""; - position: fixed; - top: 50%; - left: 50%; - width: 45px; - height: 49px; - background-size: contain; - image-rendering: pixelated; - transform: translate(-50%, -50%); - background-image: url("/assets/media/spinner.gif"); - -webkit-filter: hue-rotate(var(--hue-accent)); - filter: hue-rotate(var(--hue-accent)); -} - /* ## Buttons */ button { @@ -138,7 +112,7 @@ button.inline { } button.inline:not(.solid) { - box-shadow: + box-shadow: 0 0 0 2px rgba(var(--primer-color-accent), .1), 10px 7px 40px 3px rgba(var(--primer-color-accent), .06) ; @@ -392,7 +366,7 @@ search-results .info :is(svg, img) { } button.inline:not(.solid):hover { - box-shadow: + box-shadow: 0 0 0 2px rgba(var(--primer-color-accent), 1), 10px 7px 30px 3px rgba(var(--primer-color-accent), .07) ; @@ -486,7 +460,7 @@ search-results .info :is(svg, img) { width: 50%; height: calc(100svh - 100px); background-color: rgba(0, 0, 0, .8); - box-shadow: + box-shadow: inset 0 0 100px 200px rgba(0, 0, 0, 1), 0 0 100px 200px rgba(0, 0, 0, 1) ; @@ -511,7 +485,7 @@ search-results .info :is(svg, img) { border: dashed 1px rgba(255, 255, 255, .3); padding: 13px var(--padding); border-radius: 6px; - + &:hover { border-color: var(--color-accent); background-color: transparent; diff --git a/public/assets/media/spinner.gif b/public/assets/media/spinner.gif deleted file mode 100644 index b5975c0..0000000 Binary files a/public/assets/media/spinner.gif and /dev/null differ