guidechimp/dist/plugins/beacons.min.css.map

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

{"version":3,"file":"beacons.min.css","mappings":"yDAAA,WAEE,4CAMA,kCAFA,eACA,UACA,CAEA,6BALA,kBAFA,YAFA,kBAGA,UAiBE,CAXF,kBAUE,4CACA,oCAJA,6BAEA,+BAPA,WAGA,OACA,KAKA,CAIA,sEACE,gBACA,eAKF,iEACE,eAGF,iEACE,gBAKF,uEAEE,iBADA,cACA,CAKF,kEACE,gBASF,qIACE,iBAGF,mEACE,gBAKF,yEACE,gBACA,gBAKF,oEACE,gBAGF,oEACE,eAKF,0EACE,iBACA,gBAKN,iBACE,eAIF,0BACE,GAEE,SAAQ,CADR,2BACA,CAEF,IAEE,SAAQ,CADR,4BACA,CAEF,GACE,WAIJ,kBACE,GAEE,SAAQ,CADR,mBACA,CAEF,IAEE,SAAQ,CADR,oBACA,CAEF,GACE","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":""}