diff --git a/html/test_fragment.html b/html/test_fragment.html index 0512e34..90ffc2c 100644 --- a/html/test_fragment.html +++ b/html/test_fragment.html @@ -14,6 +14,41 @@ background-attachment: fixed; background-size: cover; } + .holster { + display: flex; + align-items: center; + justify-content: space-between; + flex-flow: column nowrap; + font-family: monospace; + } + .container { + display: flex; + overflow: auto; + outline: 1px dashed lightgray; + flex: none; + } + .container.y { + width: 100%; + height: 500px; + flex-flow: column nowrap; + } + .y.mandatory-scroll-snapping { + scroll-snap-type: y mandatory; + } + .y.proximity-scroll-snapping { + scroll-snap-type: y proximity; + } + .container > .result_scroll_element { + text-align: center; + scroll-snap-align: center; + flex: none; + } + .y.container > .result_scroll_element { + /*line-height: 256px;*/ + font-size: 128px; + width: 100%; + height: 100%; + } @@ -49,38 +84,39 @@

Competitor results:

- - - -
- -
-