diff --git a/dist/locomotive-scroll.css b/dist/locomotive-scroll.css index a2c81ae8..3993702b 100644 --- a/dist/locomotive-scroll.css +++ b/dist/locomotive-scroll.css @@ -1,29 +1,35 @@ /*! locomotive-scroll v4.1.3 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */ html.has-scroll-smooth { - overflow: hidden; } + overflow: hidden; +} html.has-scroll-dragging { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; - user-select: none; } + user-select: none; +} .has-scroll-smooth body { - overflow: hidden; } + overflow: hidden; +} .has-scroll-smooth [data-scroll-container] { - min-height: 100vh; } + min-height: 100vh; +} [data-scroll-direction="horizontal"] [data-scroll-container] { height: 100vh; display: inline-block; - white-space: nowrap; } + white-space: nowrap; +} [data-scroll-direction="horizontal"] [data-scroll-section] { display: inline-block; vertical-align: top; white-space: nowrap; - height: 100%; } + height: 100%; +} .c-scrollbar { position: absolute; @@ -33,19 +39,30 @@ html.has-scroll-dragging { height: 100%; transform-origin: center right; transition: transform 0.3s, opacity 0.3s; - opacity: 0; } - .c-scrollbar:hover { - transform: scaleX(1.45); } - .c-scrollbar:hover, .has-scroll-scrolling .c-scrollbar, .has-scroll-dragging .c-scrollbar { - opacity: 1; } - [data-scroll-direction="horizontal"] .c-scrollbar { - width: 100%; - height: 10px; - top: auto; - bottom: 0; - transform: scaleY(1); } - [data-scroll-direction="horizontal"] .c-scrollbar:hover { - transform: scaleY(1.3); } + opacity: 0; +} + +.c-scrollbar:hover { + transform: scaleX(1.45); +} + +.c-scrollbar:hover, +.has-scroll-scrolling .c-scrollbar, +.has-scroll-dragging .c-scrollbar { + opacity: 1; +} + +[data-scroll-direction="horizontal"] .c-scrollbar { + width: 100%; + height: 10px; + top: auto; + bottom: 0; + transform: scaleY(1); +} + +[data-scroll-direction="horizontal"] .c-scrollbar:hover { + transform: scaleY(1.3); +} .c-scrollbar_thumb { position: absolute; @@ -57,10 +74,15 @@ html.has-scroll-dragging { border-radius: 10px; margin: 2px; cursor: -webkit-grab; - cursor: grab; } - .has-scroll-dragging .c-scrollbar_thumb { - cursor: -webkit-grabbing; - cursor: grabbing; } - [data-scroll-direction="horizontal"] .c-scrollbar_thumb { - right: auto; - bottom: 0; } + cursor: grab; +} + +.has-scroll-dragging .c-scrollbar_thumb { + cursor: -webkit-grabbing; + cursor: grabbing; +} + +[data-scroll-direction="horizontal"] .c-scrollbar_thumb { + right: auto; + bottom: 0; +}