diff --git a/src/app.css b/src/app.css index 20ca557d..3b592fb1 100644 --- a/src/app.css +++ b/src/app.css @@ -1322,6 +1322,35 @@ ul.link-list li a .icon { } } +/* COLUMNS */ + +#columns { + display: flex; + width: 100vw; + overflow-y: hidden; + overflow-x: auto; + scroll-snap-type: x mandatory; + scroll-behavior: smooth; + scrollbar-width: none; + overscroll-behavior: contain; +} +#columns::-webkit-scrollbar { + display: none; +} +#columns > * { + overscroll-behavior: auto; + scroll-snap-align: left; + scroll-snap-stop: always; + position: static !important; + opacity: 1 !important; + content-visibility: auto !important; + pointer-events: auto !important; + user-select: auto !important; + /* background-color: var(--bg-color); */ + flex-basis: min(100vw, 480px); + flex-shrink: 0; +} + /* OTHERS */ @media (min-width: 40em) {