aria-progress-range-slider/dist/style.css.map

Accessible progress bar / slider component

{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAOA,iBACE,yCAAyC,CACzC,cAA4B,CAC5B,SAAU,CACV,iBAAkB,CAClB,wBAAgB,CAAhB,qBAAgB,CAAhB,oBAAgB,CAAhB,gBAAgB,CAChB,qBAAkB,CAAlB,iBAAkB,CAGpB,uBACE,cAAe,CAGjB,2BACE,UAAY,CACZ,WAAY,CAGd,uBACE,UA1BgB,CA2BhB,iBAAkB,CAClB,UAAW,CACX,SAAU,CAGZ,yEAGE,WAAY,CACZ,iBAAkB,CAClB,MAAO,CACP,KAAM,CACN,UAAW,CACX,oCAA6B,CAA7B,4BAA6B,CAC7B,2BAAoB,CAApB,mBAAoB,CAGtB,0BACE,SAAU,CAGZ,uEAGE,mBAAoB,CAGtB,wBACE,SAAU,CACV,iBAAkB,CAClB,aAAc,CACd,WAvDkB,CAwDlB,UAvDiB,CAwDjB,MAAO,CACP,kBAA+B,CAC/B,OAzD+C,CAoEjD,6BACE,SAAU,CAGZ,8BACE,YAAa,CAEb,sDACE,aAAc,CAMlB,uBACE,sBAAuB,CAGzB,uBACE,eAAgB,CAGlB,0BACE,cAAmB,CAGrB,wBACE,6BAAqB,CAGvB,uBACE,6BAAqB,CAGvB,wBACE,eAAgB,CAChB,iBAAkB,CAGpB,2DAEE,iBAAkB,CAClB,eAAgB,CAChB,iBAAkB,CAClB,cAAe,CACf,WAAY,CACZ,kCAA2B,CAA3B,0BAA2B,CAC3B,QAAS,CAGX,6BACE,yBAAqB,CACrB,UAAW,CAGb,8BACE,eAAgB,CAChB,UAAW","file":"style.css","sourceRoot":"../src","sourcesContent":["$track-height: 5px;\n$vertical-padding: 10px;\n$total-height: 2 * $vertical-padding + $track-height;\n$handle-height: 13px;\n$handle-width: 13px;\n$handle-top: ($total-height - $handle-height) / 2;\n\n.AriaProgressBar {\n  -webkit-tap-highlight-color:rgba(0,0,0,0);\n  padding: $vertical-padding 0;\n  z-index: 0;\n  position: relative;\n  user-select:none;\n  touch-action: none;\n}\n\n.AriaProgressBar:hover {\n  cursor: pointer;\n}\n\n.AriaProgressBar--disabled {\n  opacity: 0.5;\n  cursor: auto;\n}\n\n.AriaProgressBar-track  {\n  height: $track-height;\n  position: relative;\n  width: 100%;\n  z-index: 0;\n}\n\n.AriaProgressBar-progress,\n.AriaProgressBar-buffer,\n.AriaProgressBar-hover {\n  height: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  transform-origin: left center;\n  transform: scaleX(0);\n}\n\n.AriaProgressBar-progress {\n  z-index: 1;\n}\n\n.AriaProgressBar-buffer,\n.AriaProgressBar-hover,\n.AriaProgressBar-handle {\n  pointer-events: none;\n}\n\n.AriaProgressBar-handle {\n  z-index: 1;\n  position: absolute;\n  display: block;\n  height: $handle-height;\n  width: $handle-width;\n  left: 0;\n  margin-left: $handle-width / -2;\n  top: $handle-top;\n}\n\n.AriaProgressBar-hoverTooltip,\n.AriaProgressBar-mainTooltip {\n  position: absolute;\n  bottom: 100%;\n  transform: translateX(-50%);\n  left: 50%;\n}\n\n.AriaProgressBar-mainTooltip {\n  z-index: 1;\n}\n\n.AriaProgressBar-hoverTooltip {\n  display: none;\n\n  .AriaProgressBar--hover & {\n    display: block;\n  }\n}\n\n// Default theme\n\n.AriaProgressBar:focus {\n  outline: 2px solid blue;\n}\n\n.AriaProgressBar-track {\n  background: #bbc;\n}\n\n.AriaProgressBar-progress {\n  background: #ff0000;\n}\n\n.AriaProgressBar-buffer {\n  background: rgba(#fff, 0.4);\n}\n\n.AriaProgressBar-hover {\n  background: rgba(#fff, 0.5);\n}\n\n.AriaProgressBar-handle {\n  background: #000;\n  border-radius: 50%;\n}\n\n.AriaProgressBar-hoverTooltip,\n.AriaProgressBar-mainTooltip {\n  border-radius: 2px;\n  padding: 3px 6px;\n  position: absolute;\n  font-size: 12px;\n  bottom: 100%;\n  transform: translateX(-50%);\n  left: 50%;\n}\n\n.AriaProgressBar-mainTooltip {\n  background: rgba(#000, 0.9);\n  color: #fff;\n}\n\n.AriaProgressBar-hoverTooltip {\n  background: #ddd;\n  color: #333;\n}\n"]}