@wener/console
Version:
Base console UI toolkit
16 lines (14 loc) • 638 B
CSS
.ScrollShadow {
background: /* Shadow Cover TOP */
linear-gradient(oklch(var(--b1)) 30%, rgba(255, 255, 255, 0)) center top,
/* Shadow Cover BOTTOM */ linear-gradient(rgba(255, 255, 255, 0), oklch(var(--b1)) 70%) center bottom,
/* Shadow TOP */ radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) center top,
/* Shadow BOTTOM */ radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) center bottom;
background-repeat: no-repeat;
background-size:
100% 40px,
100% 40px,
100% 14px,
100% 14px;
background-attachment: local, local, scroll, scroll;
}