add css to helper components

2020-11-19 00:48:24 -05:00
parent 5dcb9ba641
commit 98802280aa
2 changed files with 24 additions and 0 deletions
@@ -0,0 +1,21 @@
+.slider {
+    -webkit-appearance: none;
+    appearance: none;
+    outline: none;
+    height: 5px;
+    background-color: lightgray;
+    border-radius: 10px;
+    position: relative;
+}
+.slider::-webkit-slider-thumb {
+    -webkit-appearance: none;
+    appearance: none;
+    background: slategray;
+    height: 15px;
+    width: 15px;
+    border-radius: 50%;
+    transition: background 0.15s ease-in-out;
+}
+.slider::-webkit-slider-thumb:hover {
+    background: slateblue;
+}