{"version":3,"file":"style.css","mappings":"AAGA,KACC,sBAAuB,CACvB,WAIA,+BAAiC,CACjC,uBAKC,6BAAY,CAAZ,qBAAsB,CAFxB,gCAOE,wBAAmB,CAAnB,qBAAmB,CACnB,uBAAuB,CAAvB,oBAAuB,CADvB,kBAAmB,CADnB,0BAAoB,CAApB,0BAAoB,CAApB,mBAAoB,CAEpB,sBAAuB,CACvB,oBAAqB,CACrB,sCAAY,CAAZ,iCAAY,CAAZ,8BAA+B,CAVjC,kCAeG,cAFA,iBAAkB,CAClB,kBACc,CAfjB,6CAmBG,iBAAkB,CAnBrB,+BAyBE,iBAAkB,CAzBpB,2EAwCE,YAAa,CANb,cAAe,CAEf,aAAc,CAKd,SAAQ,CAHR,mBAAoB,CACpB,iBAAkB,CAPlB,mBAAoB,CAKpB,wBAAiB,CAAjB,qBAAiB,CAAjB,oBAAiB,CAAjB,gBAIU,CAzCZ,sCA8CE,4BAA6B,CAD7B,UAAW,CAGX,YAAa,CAhDf,qCAwEE,eAAgB,CAFhB,kBAAmB,CACnB,kDAA+C,CAA/C,0CAA+C,CAE/C,UAAW,CApBX,qBAAsB,CAItB,gCAAkC,CAQlC,cAAe,CADf,aAAc,CAGd,eAAgB,CAEhB,iBAAkB,CAXlB,iBAAkB,CAUlB,yBAAuB,CAAvB,sBAAuB,CAFvB,kBAAmB,CAQnB,YAAa,CA1Ef,uFAiFE,aAAc,CAjFhB,iFAuFE,sBAAwB,CAvF1B,2GA8FE,qBAAsB,CACtB,sBAFA,WAEsB,CA/FxB,yGAoGE,uBAAwB,CApG1B,oNA2GE,QAAS,CACT,uCAAW,CAAX,mCAAW,CAAX,+BAAiC,CA5GnC,wDAmHE,yBADA,kBAAmB,CADnB,QAEyB,CAnH3B,uDAuHE,oBAAqB,CAvHvB,+GA4HE,QAAS,CACT,sCAAW,CAAX,kCAAW,CAAX,8BAAgC,CA7HlC,sDAoIE,sBAAuB,CADvB,oBAAqB,CAErB,SAAqB,CAHrB,OAAQ,CAIR,uCAAW,CAAX,mCAAW,CAAX,+BAAiC,CAtInC,qDA2IE,sBAAuB,CADvB,OAAQ,CAER,uCAAW,CAAX,mCAAW,CAAX,+BAAiC,CA5InC,uDAkJE,mBAAoB,CACpB,uBAAwB,CACxB,UAAsB,CAHtB,OAAQ,CAIR,sCAAW,CAAX,kCAAW,CAAX,8BAAgC,CArJlC,sDA0JE,qBAAsB,CADtB,OAAQ,CAER,sCAAW,CAAX,kCAAW,CAAX,8BAAgC,CAChC,uCAIA,GACC,UAAW,CACX,iCAAW,CAAX,yBAA6B,EAN9B,+BAIA,GACC,UAAW,CACX,iCAAW,CAAX,yBAA6B,EAI/B,yCACC,GACC,UAAW,CACX,kCAAW,CAAX,0BAA6B,EAH/B,iCACC,GACC,UAAW,CACX,kCAAW,CAAX,0BAA6B,EAzKhC,uWAoLE,2DAAW,CAAX,mDAAsD,CApLxD,gPA2LE,6DAAW,CAAX,qDAAwD","sources":["webpack://button-block/./src/style.scss"],"sourcesContent":["$primaryColor: #4527a4;\r\n\r\n// Common CSS\r\nhtml {\r\n\tscroll-behavior: smooth;\r\n}\r\n\r\n// Dashicon\r\n.dashicons {\r\n\tfont-family: dashicons !important;\r\n}\r\n\r\n// Button\r\n.wp-block-btn-button {\r\n\t* {\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t.btnButton {\r\n\t\tdisplay: inline-flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\ttext-decoration: none;\r\n\t\ttransition: all .3s ease-in-out;\r\n\r\n\t\ti {\r\n\t\t\tfont-size: inherit;\r\n\t\t\tfont-style: inherit;\r\n\t\t\tcolor: inherit;\r\n\t\t}\r\n\r\n\t\t>*:first-child {\r\n\t\t\tmargin-right: 12px;\r\n\t\t}\r\n\t}\r\n\r\n\t/* START TOOLTIP STYLES */\r\n\t[tooltip] {\r\n\t\tposition: relative;\r\n\t\t/* opinion 1 */\r\n\t}\r\n\r\n\t/* Applies to all tooltips */\r\n\t[tooltip]::before,\r\n\t[tooltip]::after {\r\n\t\ttext-transform: none;\r\n\t\t/* opinion 2 */\r\n\t\tfont-size: .9em;\r\n\t\t/* opinion 3 */\r\n\t\tline-height: 1;\r\n\t\tuser-select: none;\r\n\t\tpointer-events: none;\r\n\t\tposition: absolute;\r\n\t\tdisplay: none;\r\n\t\topacity: 0;\r\n\t}\r\n\r\n\t[tooltip]::before {\r\n\t\tcontent: '';\r\n\t\tborder: 5px solid transparent;\r\n\t\t/* opinion 4 */\r\n\t\tz-index: 1001;\r\n\t\t/* absurdity 1 */\r\n\t}\r\n\r\n\t[tooltip]::after {\r\n\t\tcontent: attr(tooltip);\r\n\t\t/* magic! */\r\n\r\n\t\t/* most of the rest of this is opinion */\r\n\t\tfont-family: Helvetica, sans-serif;\r\n\t\ttext-align: center;\r\n\r\n\t\t/* \r\n\t\t\tLet the content set the size of the tooltips \r\n\t\t\tbut this will also keep them from being obnoxious\r\n\t\t*/\r\n\t\tmin-width: 3em;\r\n\t\tmax-width: 21em;\r\n\t\twhite-space: nowrap;\r\n\t\toverflow: hidden;\r\n\t\ttext-overflow: ellipsis;\r\n\t\tpadding: 1ch 1.5ch;\r\n\t\tborder-radius: .3ch;\r\n\t\tbox-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);\r\n\t\tbackground: #333;\r\n\t\tcolor: #fff;\r\n\t\tz-index: 1000;\r\n\t\t/* absurdity 2 */\r\n\t}\r\n\r\n\t/* Make the tooltips respond to hover */\r\n\t[tooltip]:hover::before,\r\n\t[tooltip]:hover::after {\r\n\t\tdisplay: block;\r\n\t}\r\n\r\n\t/* Don't show empty tooltips */\r\n\t[tooltip='']::before,\r\n\t[tooltip='']::after {\r\n\t\tdisplay: none !important;\r\n\t}\r\n\r\n\t/* POSITION: TOP */\r\n\t[tooltip]:not([position])::before,\r\n\t[tooltip][position^='top']::before {\r\n\t\tbottom: 100%;\r\n\t\tborder-bottom-width: 0;\r\n\t\tborder-top-color: #333;\r\n\t}\r\n\r\n\t[tooltip]:not([position])::after,\r\n\t[tooltip][position^='top']::after {\r\n\t\tbottom: calc(100% + 5px);\r\n\t}\r\n\r\n\t[tooltip]:not([position])::before,\r\n\t[tooltip]:not([position])::after,\r\n\t[tooltip][position^='top']::before,\r\n\t[tooltip][position^='top']::after {\r\n\t\tleft: 50%;\r\n\t\ttransform: translate(-50%, -.5em);\r\n\t}\r\n\r\n\t/* POSITION: BOTTOM */\r\n\t[tooltip][position^='bottom']::before {\r\n\t\ttop: 100%;\r\n\t\tborder-top-width: 0;\r\n\t\tborder-bottom-color: #333;\r\n\t}\r\n\r\n\t[tooltip][position^='bottom']::after {\r\n\t\ttop: calc(100% + 5px);\r\n\t}\r\n\r\n\t[tooltip][position^='bottom']::before,\r\n\t[tooltip][position^='bottom']::after {\r\n\t\tleft: 50%;\r\n\t\ttransform: translate(-50%, .5em);\r\n\t}\r\n\r\n\t/* POSITION: LEFT */\r\n\t[tooltip][position^='left']::before {\r\n\t\ttop: 50%;\r\n\t\tborder-right-width: 0;\r\n\t\tborder-left-color: #333;\r\n\t\tleft: calc(0em - 5px);\r\n\t\ttransform: translate(-.5em, -50%);\r\n\t}\r\n\r\n\t[tooltip][position^='left']::after {\r\n\t\ttop: 50%;\r\n\t\tright: calc(100% + 5px);\r\n\t\ttransform: translate(-.5em, -50%);\r\n\t}\r\n\r\n\t/* POSITION: RIGHT */\r\n\t[tooltip][position^='right']::before {\r\n\t\ttop: 50%;\r\n\t\tborder-left-width: 0;\r\n\t\tborder-right-color: #333;\r\n\t\tright: calc(0em - 5px);\r\n\t\ttransform: translate(.5em, -50%);\r\n\t}\r\n\r\n\t[tooltip][position^='right']::after {\r\n\t\ttop: 50%;\r\n\t\tleft: calc(100% + 5px);\r\n\t\ttransform: translate(.5em, -50%);\r\n\t}\r\n\r\n\t/* KEYFRAMES */\r\n\t@keyframes bntTooltipsVertical {\r\n\t\tto {\r\n\t\t\topacity: .9;\r\n\t\t\ttransform: translate(-50%, 0);\r\n\t\t}\r\n\t}\r\n\r\n\t@keyframes btnTooltipsHorizontal {\r\n\t\tto {\r\n\t\t\topacity: .9;\r\n\t\t\ttransform: translate(0, -50%);\r\n\t\t}\r\n\t}\r\n\r\n\t/* FX All The Things */\r\n\t[tooltip]:not([position]):hover::before,\r\n\t[tooltip]:not([position]):hover::after,\r\n\t[tooltip][position^='top']:hover::before,\r\n\t[tooltip][position^='top']:hover::after,\r\n\t[tooltip][position^='bottom']:hover::before,\r\n\t[tooltip][position^='bottom']:hover::after {\r\n\t\tanimation: bntTooltipsVertical 300ms ease-out forwards;\r\n\t}\r\n\r\n\t[tooltip][position^='left']:hover::before,\r\n\t[tooltip][position^='left']:hover::after,\r\n\t[tooltip][position^='right']:hover::before,\r\n\t[tooltip][position^='right']:hover::after {\r\n\t\tanimation: btnTooltipsHorizontal 300ms ease-out forwards;\r\n\t}\r\n}"],"names":[],"sourceRoot":""}