{"version":3,"file":"style.css","mappings":"AAGA,WACC,+BAAiC,CACjC,uBAKC,6BAAY,CAAZ,qBAAsB,CAFxB,gCAOE,wBAAmB,CAAnB,qBAAmB,CAEnB,uBAAuB,CAAvB,oBAAuB,CAFvB,kBAAmB,CADnB,0BAAoB,CAApB,0BAAoB,CAApB,mBAAoB,CAEpB,QAAS,CACT,sBAAuB,CACvB,oBAAqB,CACrB,sCAAY,CAAZ,iCAAY,CAAZ,8BAA+B,CAXjC,oCAeG,UAAW,CACX,qBAAY,CAAZ,mBAFA,SAEmB,CAhBtB,kCAsBG,cAFA,iBAAkB,CAClB,kBACc,CAtBjB,+BA4BE,iBAAkB,CA5BpB,2EA2CE,YAAa,CANb,cAAe,CAEf,aAAc,CAKd,SAAQ,CAHR,mBAAoB,CACpB,iBAAkB,CAPlB,mBAAoB,CAKpB,wBAAiB,CAAjB,qBAAiB,CAAjB,oBAAiB,CAAjB,gBAIU,CA5CZ,sCAiDE,4BAA6B,CAD7B,UAAW,CAGX,YAAa,CAnDf,qCA2EE,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,CA7Ef,uFAoFE,aAAc,CApFhB,iFA0FE,sBAAwB,CA1F1B,2GAiGE,qBAAsB,CACtB,sBAFA,WAEsB,CAlGxB,yGAuGE,uBAAwB,CAvG1B,oNA8GE,QAAS,CACT,uCAAW,CAAX,mCAAW,CAAX,+BAAiC,CA/GnC,wDAsHE,yBADA,kBAAmB,CADnB,QAEyB,CAtH3B,uDA0HE,oBAAqB,CA1HvB,+GA+HE,QAAS,CACT,sCAAW,CAAX,kCAAW,CAAX,8BAAgC,CAhIlC,sDAuIE,sBAAuB,CADvB,oBAAqB,CAErB,SAAqB,CAHrB,OAAQ,CAIR,uCAAW,CAAX,mCAAW,CAAX,+BAAiC,CAzInC,qDA8IE,sBAAuB,CADvB,OAAQ,CAER,uCAAW,CAAX,mCAAW,CAAX,+BAAiC,CA/InC,uDAqJE,mBAAoB,CACpB,uBAAwB,CACxB,UAAsB,CAHtB,OAAQ,CAIR,sCAAW,CAAX,kCAAW,CAAX,8BAAgC,CAxJlC,sDA6JE,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,EA5KhC,uWAuLE,2DAAW,CAAX,mDAAsD,CAvLxD,gPA8LE,6DAAW,CAAX,qDAAwD","sources":["webpack://button-block/./src/style.scss"],"sourcesContent":["$primaryColor: #4527a4;\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\tgap: 12px;\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\timg {\r\n\t\t\twidth: 1em;\r\n\t\t\theight: 1em;\r\n\t\t\tobject-fit: contain;\r\n\t\t}\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\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":""}