mirror of
https://github.com/astuto/astuto.git
synced 2025-12-15 03:07:52 +01:00
35 lines
793 B
SCSS
35 lines
793 B
SCSS
// Credits: https://codepen.io/chriscoyier/pen/YzXBYvL
|
|
.scroll-shadows {
|
|
overflow: auto;
|
|
|
|
background:
|
|
/* Shadow Cover TOP */
|
|
linear-gradient(
|
|
white 30%,
|
|
rgba(255, 255, 255, 0)
|
|
) center top,
|
|
|
|
/* Shadow Cover BOTTOM */
|
|
linear-gradient(
|
|
rgba(255, 255, 255, 0),
|
|
white 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% 10px, 100% 10px;
|
|
background-attachment: local, local, scroll, scroll;
|
|
} |