coveo-slider/dist/css/Coveo.Slider.css.map

Coveo's enhanced slider component using HTML5 input range

{"version":3,"sources":["slider.scss"],"names":[],"mappings":"AAQA;EACE,sBAAsB;EACtB,WAAW;EACX,YAPkC;EAQlC,UAAU;EACV,SAAS;EAET,wBAAwB;EACxB,6BAA6B,EAAA;;AAG/B;EACE,aAAa,EAAA;;AAIf;EACE,WAAW;EACX,WArBmC;EAuBnC,mBA5BwC;EA6BxC,YAAY,EAAA;;AAGd;EACE,gDA3BuD,EAAA;;AA8BzD;EACE,WAjCkC;EAkClC,YAlCkC;EAmClC,gBAAgB;EAEhB,wBAAwB;EACxB,mBAzCqC;EA0CrC,mEAAkH;EAClH,yBAzCuC;EA0CvC,kBAAkB,EAAA;;AAIpB;EACE,WAAW;EACX,WA9CmC;EAgDnC,mBArDwC;EAsDxC,YAAY,EAAA;;AAGd;EACE,WAtDkC;EAuDlC,YAvDkC;EAyDlC,mBA5DqC;EA6DrC,mEAAkH;EAClH,yBA5DuC;EA6DvC,kBAAkB,EAAA;;AAGpB;EACE,gDA9DuD,EAAA;;AAiEzD;EACE,SAAS,EAAA;;AAIX;EACE,WAAW;EACX,WAzEmC;EA2EnC,kBAAkB;EAElB,uBAAuB;EACvB,yBAAyB;EACzB,mBAAmB,EAAA;;AAGrB;EACE,WApFkC;EAqFlC,YArFkC;EAuFlC,mBA1FqC;EA2FrC,mEAAkH;EAClH,yBA1FuC;EA2FvC,kBAAkB,EAAA;;AAGpB;EACE,gDA5FuD,EAAA;;AA+FzD;EACE,aAAa;EAEb,kBAAkB,EAAA;;AAGpB;EACE,kBAAkB;EAElB,sBAAsB;EACtB,aAAa,EAAA;EAJf;IAOI,kBAAkB;IAElB,qBAAqB;IAErB,mBAAmB,EAAA;;AAIvB;EACE,kBAAkB;EAClB,WAAW;EAEX,YAA0C;EAC1C,iBAA+C,EAAA;EALjD;IAQI,kBAAkB;IAElB,qBAAqB;IACrB,WAAyC;IACzC,YAA0C;IAC1C,kBAAgD;IAEhD,yBAzIsC;IA0ItC,mBAAmB;IACnB,8BAA8B,EAAA;;AAIlC;EACE,6BAAA;EACA;IACE,YAAY;IACZ,gBAAgB,EAAA;EAGlB;IACE,iBAA8E,EAAA,EAC/E;;AAGH,gBAAA;AACA;EACE;IACE,iBAA+C,EAAA,EAChD","file":"../scss/Coveo.Slider.css","sourcesContent":["$coveo-slider-input-track-default: #dddddd;\n$coveo-slider-input-thumb-dark: #f5f5f5;\n$coveo-slider-input-thumb-light: #ffffff;\n$coveo-slider-input-thumb-border: #e4e4e4;\n$coveo-slider-input-thumb-size: 20px;\n$coveo-slider-input-track-height: 7px;\n$coveo-slider-input-thumb-focus: rgba(56, 169, 240, 0.75);\n\ninput[type=range].coveo-slider-input {\n  box-sizing: border-box;\n  width: 100%;\n  height: $coveo-slider-input-thumb-size;\n  padding: 0;\n  margin: 0;\n\n  -webkit-appearance: none;\n  background-color: transparent;\n}\n\ninput[type=range].coveo-slider-input:focus {\n  outline: none;\n}\n\n// WEBKIT\ninput[type=range].coveo-slider-input::-webkit-slider-runnable-track {\n  width: 100%;\n  height: $coveo-slider-input-track-height;\n\n  background: $coveo-slider-input-track-default;\n  border: none;\n}\n\ninput[type=range].coveo-slider-input:focus::-webkit-slider-thumb {\n  box-shadow: 0 0 2px 2px $coveo-slider-input-thumb-focus;\n}\n\ninput[type=range].coveo-slider-input::-webkit-slider-thumb {\n  width: $coveo-slider-input-thumb-size;\n  height: $coveo-slider-input-thumb-size;\n  margin-top: -6px;\n\n  -webkit-appearance: none;\n  background: $coveo-slider-input-thumb-dark;\n  background: linear-gradient(to top right, $coveo-slider-input-thumb-dark 50%, $coveo-slider-input-thumb-light 50%);\n  border: 1px solid $coveo-slider-input-thumb-border;\n  border-radius: 50%;\n}\n\n// FIREFOX\ninput[type=range].coveo-slider-input::-moz-range-track {\n  width: 100%;\n  height: $coveo-slider-input-track-height;\n\n  background: $coveo-slider-input-track-default;\n  border: none;\n}\n\ninput[type=range].coveo-slider-input::-moz-range-thumb {\n  width: $coveo-slider-input-thumb-size;\n  height: $coveo-slider-input-thumb-size;\n\n  background: $coveo-slider-input-thumb-dark;\n  background: linear-gradient(to top right, $coveo-slider-input-thumb-dark 50%, $coveo-slider-input-thumb-light 50%);\n  border: 1px solid $coveo-slider-input-thumb-border;\n  border-radius: 50%;\n}\n\ninput[type=range].coveo-slider-input:focus::-moz-range-thumb {\n  box-shadow: 0 0 2px 2px $coveo-slider-input-thumb-focus;\n}\n\ninput[type=range]::-moz-focus-outer {\n  border: 0;\n}\n\n// IE10+\ninput[type=range].coveo-slider-input::-ms-track {\n  width: 100%;\n  height: $coveo-slider-input-track-height;\n\n  color: transparent;\n\n  background: transparent;\n  border-color: transparent;\n  border-width: 8px 0;\n}\n\ninput[type=range].coveo-slider-input::-ms-thumb {\n  width: $coveo-slider-input-thumb-size;\n  height: $coveo-slider-input-thumb-size;\n\n  background: $coveo-slider-input-thumb-dark;\n  background: linear-gradient(to top right, $coveo-slider-input-thumb-dark 50%, $coveo-slider-input-thumb-light 50%);\n  border: 1px solid $coveo-slider-input-thumb-border;\n  border-radius: 50%;\n}\n\ninput[type=range].coveo-slider-input:focus::-ms-thumb {\n  box-shadow: 0 0 1px 2px $coveo-slider-input-thumb-focus;\n}\n\ninput[type=range].coveo-slider-input::-ms-tooltip {\n  display: none;\n\n  visibility: hidden;\n}\n\n.coveo-slider-labels {\n  position: relative;\n\n  box-sizing: border-box;\n  height: 1.1em;\n\n  .coveo-slider-label {\n    position: absolute;\n\n    display: inline-block;\n\n    white-space: nowrap;\n  }\n}\n\n.coveo-slider-ticks {\n  position: relative;\n  z-index: -1;\n\n  height: $coveo-slider-input-thumb-size + 4;\n  margin-top: -$coveo-slider-input-thumb-size - 4;\n\n  .coveo-slider-tick {\n    position: absolute;\n\n    display: inline-block;\n    width: $coveo-slider-input-thumb-size - 2;\n    height: $coveo-slider-input-thumb-size - 2;\n    margin-left: -$coveo-slider-input-thumb-size / 2;\n\n    background-color: $coveo-slider-input-track-default;\n    border-radius: 100%;\n    transform: translate(1px, 1px);\n  }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n  /* IE10+ CSS styles go here */\n  input[type=range].coveo-slider-input {\n    height: 27px;\n    padding-top: 1px;\n  }\n\n  .coveo-slider-ticks {\n    margin-top: -$coveo-slider-input-thumb-size - $coveo-slider-input-track-height;\n  }\n}\n\n/* Firefox fix */\n@-moz-document url-prefix() {\n  .coveo-slider-ticks {\n    margin-top: -$coveo-slider-input-thumb-size - 5;\n  }\n}\n"]}