9 lines
896 B
CSS
9 lines
896 B
CSS
/* Source module: scrollbar.css */
|
|
.scroll-demo { display:flex;gap:28px;justify-content:center;align-items:flex-start; }
|
|
.scrollbar { width:15px;height:250px;display:grid;grid-template-rows:18px 1fr 18px;border:1px solid #2b2924;background:#050606; }
|
|
.scroll-arrow { display:flex;align-items:center;justify-content:center;background:linear-gradient(#24241f,#10110f); }
|
|
.scroll-arrow::before { content:"";width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:5px solid #a98b46;filter:drop-shadow(0 1px 0 #000); }
|
|
.scroll-arrow:last-child::before { border-bottom:0;border-top:5px solid #a98b46; }
|
|
.scroll-track { position:relative;background:linear-gradient(90deg,#080908,#151513,#070807); }
|
|
.scroll-thumb { position:absolute;left:2px;right:2px;top:44px;height:64px;border:1px solid #68532d;background:linear-gradient(90deg,#1b1d1c,#363530,#161817); }
|