redline/dist/redline.min.css.map

Customizable html gauge

{"version":3,"sources":["redline.min.css"],"names":[],"mappings":"AAAA,SACE,QAAS,MACT,SAAU,SACV,MAAO,MACP,OAAQ,MACR,YAAa,MAAO,WACpB,UAAW,KACX,YAAa,IACb,WACE,WAAY,WAEhB,cACE,QAAS,MACT,SAAU,SACV,MAAO,KACP,OAAQ,KACR,oCACE,QAAS,MACT,SAAU,SACV,MAAO,KACP,OAAQ,KACR,SAAU,QACV,yBAA0B,OACtB,qBAAsB,OAClB,iBAAkB,OAC1B,+DACE,SAAU,SACV,MAAO,IACP,OAAQ,KACR,IAAK,EACL,MAAO,EACP,SAAU,OACV,yBAA0B,KAAK,OAC3B,qBAAsB,KAAK,OACvB,iBAAkB,KAAK,OAC/B,mBAAoB,kBAAkB,IAAK,KACnC,WAAY,UAAU,IAAK,KACnC,+FACE,SAAU,SACV,MAAO,KACP,OAAQ,KACR,IAAK,EACL,MAAO,KACP,SAAU,OACV,yBAA0B,MAAM,OAC5B,qBAAsB,MAAM,OACxB,iBAAkB,MAAM,OAChC,mBAAoB,kBAAkB,IAAK,KACnC,WAAY,UAAU,IAAK,KACnC,0HACE,SAAU,SACV,MAAO,KACP,OAAQ,KACR,cAAe,KACf,OAAQ,IAAI,MAAM,KACxB,4FACE,aAAc,iBAChB,2FACE,aAAc,cAChB,+DACE,QAAS,MACT,SAAU,SACV,MAAO,IACP,OAAQ,IACR,IAAK,KACL,KAAM,EACN,MAAO,EACP,OAAQ,KACR,4FACE,IAAK,KACL,OAAQ,IACR,4HACE,IAAK,KACL,OAAQ,KACR,oKACE,MAAO,KACP,KAAM,EACR,qKACE,KAAM,KACN,MAAO,EACb,+FACE,QAAS,MACT,SAAU,SACV,MAAO,KACP,OAAQ,KACR,IAAK,KACL,WAAY,OACZ,yBAA0B,OACtB,qBAAsB,OAClB,iBAAkB,OAC1B,kBAAmB,eACf,cAAe,eACX,UAAW,eACnB,uIACE,SAAU,SACV,MAAO,EACT,wIACE,SAAU,SACV,KAAM,EACV,sEACE,QAAS,MACT,SAAU,SACV,QAAS,GACT,MAAO,IACP,OAAQ,IACR,IAAK,EACL,OAAQ,EACR,KAAM,EACN,MAAO,EACP,OAAQ,KACR,WAAY,KAEpB,cACE,SAAU,SACV,MAAO,KACP,OAAQ,KACR,SAAU,OACV,iCACE,SAAU,SACV,MAAO,KACP,OAAQ,KACR,mBAAoB,IAAI,IAAK,KACrB,WAAY,IAAI,IAAK,KAC7B,kBAAmB,eACf,cAAe,eACX,UAAW,eACnB,qDACE,SAAU,SACV,IAAK,IACL,KAAM,IACN,YAAa,KACb,MAAO,EACP,OAAQ,EACR,YAAa,IAAI,MAAM,YACvB,aAAc,IAAI,MAAM,YACxB,WAAY,MAAM,MAAM,KAC1B,sDACE,SAAU,SACV,IAAK,IACL,KAAM,IACN,YAAa,MACb,WAAY,MACZ,MAAO,KACP,OAAQ,KACR,WAAY,KACZ,cAAe","file":"redline.min.css","sourcesContent":[".redline {\n  display: block;\n  position: relative;\n  width: 400px;\n  height: 400px;\n  font-family: Arial, Sans-Serif;\n  font-size: 20px;\n  line-height: 1em; }\n  .redline * {\n    box-sizing: border-box; }\n\n.redline-dial {\n  display: block;\n  position: absolute;\n  width: 100%;\n  height: 100%; }\n  .redline-dial .redline-dial-segment {\n    display: block;\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    overflow: visible;\n    -webkit-transform-origin: center;\n        -ms-transform-origin: center;\n            transform-origin: center; }\n    .redline-dial .redline-dial-segment .redline-dial-segment-wrap {\n      position: absolute;\n      width: 50%;\n      height: 100%;\n      top: 0;\n      right: 0;\n      overflow: hidden;\n      -webkit-transform-origin: left center;\n          -ms-transform-origin: left center;\n              transform-origin: left center;\n      -webkit-transition: -webkit-transform 0.5s ease;\n              transition: transform 0.5s ease; }\n      .redline-dial .redline-dial-segment .redline-dial-segment-wrap .redline-dial-segment-wrap-wrap {\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        top: 0;\n        right: 100%;\n        overflow: hidden;\n        -webkit-transform-origin: right center;\n            -ms-transform-origin: right center;\n                transform-origin: right center;\n        -webkit-transition: -webkit-transform 0.5s ease;\n                transition: transform 0.5s ease; }\n        .redline-dial .redline-dial-segment .redline-dial-segment-wrap .redline-dial-segment-wrap-wrap .redline-dial-segment-line {\n          position: absolute;\n          width: 200%;\n          height: 100%;\n          border-radius: 100%;\n          border: 3px solid black; }\n    .redline-dial .redline-dial-segment.redline-dial-segment-warning .redline-dial-segment-line {\n      border-color: orange !important; }\n    .redline-dial .redline-dial-segment.redline-dial-segment-danger .redline-dial-segment-line {\n      border-color: red !important; }\n    .redline-dial .redline-dial-segment .redline-dial-segment-mark {\n      display: block;\n      position: absolute;\n      width: 1em;\n      height: 1em;\n      top: 100%;\n      left: 0;\n      right: 0;\n      margin: auto; }\n      .redline.redline-inner-marks .redline-dial .redline-dial-segment .redline-dial-segment-mark {\n        top: auto;\n        bottom: 3px; }\n        .redline.redline-inner-marks .redline-dial .redline-dial-segment .redline-dial-segment-mark .redline-dial-segment-mark-wrap {\n          top: auto;\n          bottom: 100%; }\n          .redline.redline-inner-marks .redline-dial .redline-dial-segment .redline-dial-segment-mark .redline-dial-segment-mark-wrap.redline-dial-segment-mark-left-fit span {\n            right: auto;\n            left: 0; }\n          .redline.redline-inner-marks .redline-dial .redline-dial-segment .redline-dial-segment-mark .redline-dial-segment-mark-wrap.redline-dial-segment-mark-right-fit span {\n            left: auto;\n            right: 0; }\n      .redline-dial .redline-dial-segment .redline-dial-segment-mark .redline-dial-segment-mark-wrap {\n        display: block;\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        top: 100%;\n        text-align: center;\n        -webkit-transform-origin: center;\n            -ms-transform-origin: center;\n                transform-origin: center;\n        -webkit-transform: rotate(-40deg);\n            -ms-transform: rotate(-40deg);\n                transform: rotate(-40deg); }\n        .redline-dial .redline-dial-segment .redline-dial-segment-mark .redline-dial-segment-mark-wrap.redline-dial-segment-mark-left-fit span {\n          position: absolute;\n          right: 0; }\n        .redline-dial .redline-dial-segment .redline-dial-segment-mark .redline-dial-segment-mark-wrap.redline-dial-segment-mark-right-fit span {\n          position: absolute;\n          left: 0; }\n      .redline-dial .redline-dial-segment .redline-dial-segment-mark:before {\n        display: block;\n        position: absolute;\n        content: \"\";\n        width: 2px;\n        height: 50%;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        margin: auto;\n        background: black; }\n\n.redline-hand {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  overflow: hidden; }\n  .redline-hand .redline-hand-wrap {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    -webkit-transition: all 0.5s ease;\n            transition: all 0.5s ease;\n    -webkit-transform: rotate(180deg);\n        -ms-transform: rotate(180deg);\n            transform: rotate(180deg); }\n    .redline-hand .redline-hand-wrap .redline-hand-arrow {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      margin-left: -6px;\n      width: 0;\n      height: 0;\n      border-left: 6px solid transparent;\n      border-right: 6px solid transparent;\n      border-top: 100px solid blue; }\n    .redline-hand .redline-hand-wrap .redline-hand-center {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      margin-left: -10px;\n      margin-top: -10px;\n      width: 20px;\n      height: 20px;\n      background: blue;\n      border-radius: 100%; }\n"],"sourceRoot":"/source/"}