Get rid of the pre-processor

Author: Amphiluke

CONTRIBUTING.md

@@ -2,7 +2,7 @@
 
 ## Reporting an issue
 
-If you have found a bug please feel free to report an issue after ensuring that no such bug has been reported yet (check [existing issues](https://github.com/Amphiluke/handy-scroll/issues) first). Be sure to write a clear description of the problem. It will be great if you also provide a minimum example revealing the bug. You may use such services as [CodePen](https://codepen.io/) or [JSFiddle](https://jsfiddle.net/) and [unpkg](https://unpkg.com/) to assemble a live demo for the issue you’ve found.
+If you have found a bug, please feel free to report an issue after ensuring that no such bug has been reported yet (check [existing issues](https://github.com/Amphiluke/handy-scroll/issues) first). Be sure to write a clear description of the problem. It will be great if you also provide a minimum example revealing the bug. You may use such services as [CodePen](https://codepen.io/) or [JSFiddle](https://jsfiddle.net/) and [unpkg](https://unpkg.com/) to assemble a live demo for the issue you’ve found.
 
 ## Making changes in code and opening a pull request
 

dist/handy-scroll.css

@@ -23,7 +23,7 @@
     "prepare": "husky install",
     "lint": "eslint src/*.js",
     "test": "echo \"Error: no test specified\" && exit 1",
-    "build": "rollup -c && lessc src/handy-scroll.less | cleancss -O2 -o dist/handy-scroll.css"
+    "build": "rollup -c && cleancss -O2 -o dist/handy-scroll.css src/handy-scroll.css"
   },
   "repository": {
     "type": "git",
@@ -48,7 +48,6 @@
     "clean-css-cli": "^5.6.3",
     "eslint": "^8.56.0",
     "husky": "8.0.3",
-    "less": "^4.2.0",
     "rollup": "^4.9.5"
   }
 }

package-lock.json

@@ -0,0 +1,55 @@
+.handy-scroll {
+    bottom: 0;
+    min-height: 17px; /* based on https://codepen.io/sambible/post/browser-scrollbar-widths (fixes #3) */
+    overflow: auto;
+    position: fixed;
+}
+
+.handy-scroll div {
+    height: 1px;
+    overflow: hidden;
+    pointer-events: none;
+}
+
+.handy-scroll div::before {
+    content: "\A0"; /* fixes Amphiluke/floating-scroll#6 */
+}
+
+.handy-scroll,
+.handy-scroll div {
+    font-size: 1px;
+    line-height: 0;
+    margin: 0;
+    padding: 0;
+}
+
+.handy-scroll-hidden {
+    bottom: 9999px;
+}
+
+.handy-scroll-hidden div::before {
+    content: "\A0\A0"; /* changing content fixes eventual bug with widget re-rendering in Chrome */
+}
+
+.handy-scroll-viewport {
+    /* It can be any type of positioning except static. Redefine in your CSS as needed */
+    position: relative;
+}
+
+.handy-scroll-body {
+    overflow: auto;
+}
+    
+.handy-scroll-viewport .handy-scroll {
+    left: 0;
+    position: absolute;
+}
+
+.handy-scroll-hoverable .handy-scroll {
+    opacity: 0;
+    transition: opacity 0.5s ease 0.3s;
+}
+
+.handy-scroll-hoverable:hover .handy-scroll {
+    opacity: 1;
+}