guidechimp/dist/plugins/beacons.css.map

Deliver the perfect product experience & simplify user onboarding with step by step interactive walkthroughs.

{"version":3,"file":"beacons.css","mappings":";AAAA,WACE,kBACA,6CACA,YACA,WACA,kBACA,eACA,WACA,kCAEA,kBACE,kBACA,WACA,YACA,WACA,OACA,MACA,+BACA,kBACA,mCACA,4CACA,oCAIA,sEACE,gBACA,eAKF,iEACE,eAGF,iEACE,gBAKF,uEACE,eACA,iBAKF,kEACE,gBAGF,kEACE,iBAKF,mEACE,iBAGF,mEACE,gBAKF,yEACE,gBACA,gBAKF,oEACE,gBAGF,oEACE,eAKF,0EACE,iBACA,gBAKN,iBACE,eAIF,0BACE,GACE,6BACA,UAEF,IACE,6BACA,UAEF,KACE,WAIJ,kBACE,GACE,qBACA,UAEF,IACE,qBACA,UAEF,KACE","sources":["webpack://guideChimpPluginBeacons/./plugins/beacons/assets/imports/_base.scss"],"sourcesContent":[".gc-beacon {\n  position: absolute;\n  background: linear-gradient($primary, darken($primary, 10%));\n  height: 20px;\n  width: 20px;\n  border-radius: 50%;\n  cursor: pointer;\n  z-index: 64;\n  box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);\n\n  &:before {\n    position: absolute;\n    content: \"\";\n    height: 20px;\n    width: 20px;\n    left: 0;\n    top: 0;\n    background-color: transparent;\n    border-radius: 50%;\n    box-shadow: 0px 0px 3px 3px lighten($wave, 15%);\n    -webkit-animation: active 2s infinite linear;\n    animation: beacon 2s infinite linear;\n  }\n\n  &[data-beacon-position=\"top-left\"] {\n    &[data-beacon-boundary=\"inner\"] {\n      margin-left: 3px;\n      margin-top: 3px;\n    }\n  }\n\n  &[data-beacon-position=\"top\"] {\n    &[data-beacon-boundary=\"inner\"] {\n      margin-top: 3px;\n    }\n\n    &[data-beacon-boundary=\"outer\"] {\n      margin-top: -3px;\n    }\n  }\n\n  &[data-beacon-position=\"top-right\"] {\n    &[data-beacon-boundary=\"inner\"] {\n      margin-top: 3px;\n      margin-left: -3px;\n    }\n  }\n\n  &[data-beacon-position=\"left\"] {\n    &[data-beacon-boundary=\"inner\"] {\n      margin-left: 3px;\n    }\n\n    &[data-beacon-boundary=\"outer\"] {\n      margin-left: -3px;\n    }\n  }\n\n  &[data-beacon-position=\"right\"] {\n    &[data-beacon-boundary=\"inner\"] {\n      margin-left: -3px;\n    }\n\n    &[data-beacon-boundary=\"outer\"] {\n      margin-left: 3px;\n    }\n  }\n\n  &[data-beacon-position=\"bottom-left\"] {\n    &[data-beacon-boundary=\"inner\"] {\n      margin-left: 3px;\n      margin-top: -3px;\n    }\n  }\n\n  &[data-beacon-position=\"bottom\"] {\n    &[data-beacon-boundary=\"inner\"] {\n      margin-top: -3px;\n    }\n\n    &[data-beacon-boundary=\"outer\"] {\n      margin-top: 3px;\n    }\n  }\n\n  &[data-beacon-position=\"bottom-right\"] {\n    &[data-beacon-boundary=\"inner\"] {\n      margin-left: -3px;\n      margin-top: -3px;\n    }\n  }\n}\n\n.gc-beacon-fixed {\n  position: fixed;\n}\n\n\n@-webkit-keyframes beacon {\n  0% {\n    -webkit-transform: scale(.1);\n    opacity: 1;\n  }\n  70% {\n    -webkit-transform: scale(2.5);\n    opacity: 0;\n  }\n  100% {\n    opacity: 0;\n  }\n}\n\n@keyframes beacon {\n  0% {\n    transform: scale(.1);\n    opacity: 1;\n  }\n  70% {\n    transform: scale(2.5);\n    opacity: 0;\n  }\n  100% {\n    opacity: 0;\n  }\n}\n"],"names":[],"sourceRoot":""}