image-comparison-slider-react/docs/static/css/main.738d4a6e.chunk.css.map

Image comparison slider component for React.

{"version":3,"sources":["webpack://src/component/styles.css","webpack://src/index.css"],"names":[],"mappings":"AAAA,8BACE,qBAAsB,CACtB,iBAAkB,CAClB,eAAgB,CAChB,iBAAkB,CAClB,wBAAiB,CAAjB,qBAAiB,CAAjB,oBAAiB,CAAjB,gBAAiB,CACjB,iBAAkB,CAClB,oBAAqB,CACrB,kBACF,CACA,6CACE,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,MAAO,CACP,KAAM,CACN,SACF,CACA,gCACE,iBAAkB,CAClB,gBAAkB,CAClB,aAAc,CACd,UAAW,CACX,eAAgB,CAChB,oBAAuB,CACvB,+BAAoC,CACpC,QACF,CACA,4CACE,KAAM,CACN,MAAO,CACP,8BACF,CACA,2CACE,QAAS,CACT,OAAQ,CACR,0BACF,CACA,kCACE,iBAAkB,CAClB,KAAM,CACN,MAAO,CACP,UAAW,CACX,WAAY,CACZ,gBAAiB,CACjB,0BACF,CACA,+CACE,wGAAoG,CAApG,gGACF,CACA,mDACE,iBAAkB,CAClB,SAAU,CACV,WAAY,CACZ,kCAAmC,CACnC,SAAU,CACV,iBACF,CACA,0DACE,UAAW,CACX,iBAAkB,CAClB,KAAM,CACN,MAAO,CACP,UAAW,CACX,WAAY,CACZ,6BAA8B,CAC9B,uDAAmD,CAAnD,+CACF,CACA,uDACE,iBAAkB,CAClB,OAAQ,CACR,QAAS,CACT,8BAAgC,CAChC,6BAA8B,CAC9B,aAAc,CACd,cAAe,CACf,YAAa,CACb,kBAAmB,CACnB,sBAAuB,CACvB,iBAAkB,CAClB,iBACF,CACA,2DACE,aAAc,CACd,sBAAuB,CACvB,UAAW,CACX,WACF,CACA,uEACE,mBACF,CC1FA,EACE,wIACF","file":"main.738d4a6e.chunk.css","sourcesContent":[".__ReactImageComparisonSlider {\n  background-color: #ccc;\n  border-radius: 4px;\n  overflow: hidden;\n  position: relative;\n  user-select: none;\n  --left-offset: 48%;\n  height: var(--height);\n  width: var(--width);\n}\n.__ReactImageComparisonSlider > div:last-child {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 0;\n  z-index: 1;\n}\n.__ReactImageComparisonSlider p {\n  position: absolute;\n  font-size: 0.85rem;\n  line-height: 1;\n  color: #fff;\n  font-weight: 600;\n  padding: 0.5rem 0.65rem;\n  background-color: rgba(0, 0, 0, 0.5);\n  margin: 0;\n}\n.__ReactImageComparisonSlider p:first-child {\n  top: 0;\n  left: 0;\n  border-bottom-right-radius: 4px;\n}\n.__ReactImageComparisonSlider p:last-child {\n  bottom: 0;\n  right: 0;\n  border-top-left-radius: 4px;\n}\n.__ReactImageComparisonSlider img {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: top center;\n}\n.__ReactImageComparisonSlider img:nth-child(2) {\n  clip-path: polygon(0 0, calc(var(--left-offset) + 5%) 0, calc(var(--left-offset) - 5%) 100%, 0 100%);\n}\n.__ReactImageComparisonSlider > div:not(:last-child) {\n  position: absolute;\n  z-index: 2;\n  height: 100%;\n  left: calc(var(--left-offset) - 5%);\n  width: 10%;\n  cursor: col-resize;\n}\n.__ReactImageComparisonSlider > div:not(:last-child):before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: var(--theme);\n  clip-path: polygon(80% 0, 100% 0, 20% 100%, 0 100%);\n}\n.__ReactImageComparisonSlider > div:not(:last-child) > div {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  background-color: var(--theme);\n  width: 2.75rem;\n  height: 2.75rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  text-align: center;\n}\n.__ReactImageComparisonSlider > div:not(:last-child) > div svg {\n  display: block;\n  fill: var(--icon-color);\n  width: 1rem;\n  height: auto;\n}\n.__ReactImageComparisonSlider > div:not(:last-child) > div svg:first-child {\n  margin-right: 0.25rem;\n}\n","* {\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;\n}\n"]}