fix hound

2016-01-25 15:45:56 +01:00
parent aeb83952d2 b3fe794f42
commit 0d76981cd1
19 changed files with 586 additions and 568 deletions
@@ -0,0 +1,84 @@
+// Sliders styles
+// ----------------------------------------------
+
+/* SG
+# Forms/Sliders
+
+```
+  <input type="range" min="100" max="500" step="50" value="300" class="CDB-Range"/>
+```
+*/
+
+@import '../../cdb-variables/sizes';
+@import '../../cdb-variables/colors';
+
+.CDB-Range {
+  position: relative;
+  width: 100%;
+  margin: -4px 0 0;
+  padding: 0;
+  background: transparent;
+  cursor: pointer;
+  overflow: hidden;
+  vertical-align: middle;
+}
+
+.CDB-Range::-webkit-slider-thumb {
+  position: relative;
+  width: $baseSize / 2;
+  height: 100%;
+  border-radius: $baseSize / 2;
+}
+
+.CDB-Range::-webkit-slider-runnable-track {
+  height: $baseSize / 2;
+  margin: $baseSize 0;
+  border-radius: $baseSize / 2;
+  background: $cMainLine; 
+}
+
+.CDB-Range::-webkit-slider-thumb:before {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: -3000px;
+  height: $baseSize / 2;
+  border-radius: $baseSize / 2;
+  background: $cBlue;
+  content: '';
+}
+
+.CDB-Range::-webkit-slider-thumb:after {
+  position: absolute;
+  top: -6px;
+  right: -6px;
+  bottom: -6px;
+  left: -6px;
+  width: $baseSize + 4;
+  height: $baseSize + 4;
+  border: 1px solid $cMainLine;
+  border-radius: 50%;
+  background: $cWhite;
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.48);
+  content: '';
+  z-index: 10;
+}
+
+.CDB-Range:focus {
+  outline: none;
+}
+
+.CDB-Range:hover::-webkit-slider-thumb:after,
+.CDB-Range:focus::-webkit-slider-thumb:after {
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.64);
+  cursor: pointer;
+}
+
+.CDB-Range:disabled::-webkit-slider-thumb:before {
+  opacity: 0.2;
+}
+
+.CDB-Range:disabled::-webkit-slider-thumb:after {
+  opacity: 0.2;
+}