@empoleon/nprogress
Version:
Navigation progress bar
35 lines (31 loc) • 760 B
CSS
.m_8f2832ae {
position: fixed;
top: 0;
inset-inline: 0;
z-index: var(--nprogress-z-index);
background-color: transparent;
transition: opacity 150ms ease;
transition-delay: 50ms;
opacity: 0;
overflow: visible;
}
.m_8f2832ae:where([data-mounted]) {
opacity: 1;
}
.m_7a0fe999 {
position: relative;
transition: width 150ms ease;
overflow: visible;
}
.m_7a0fe999::before {
content: '';
position: absolute;
width: calc(6.25rem * var(--empoleon-scale));
height: var(--progress-size);
top: 0;
inset-inline-end: calc(0.0625rem * var(--empoleon-scale));
transform: rotate(4deg) translateY(-4px);
box-shadow:
0 0 10px var(--progress-section-color),
0 0 5px var(--progress-section-color);
}