share-this
Version:
Medium-like text selection sharing without dependencies
1 lines • 4.36 kB
Source Map (JSON)
{"version":3,"sources":["share-this.less","mixins.less"],"names":[],"mappings":"A,AA8EA,oCACI,E,CACI,kC,CACA,S,CAEJ,G,CACI,kC,CACA,S,CAEJ,E,CACI,iC,AAIR,4BACI,E,CACI,0B,CACA,S,CAEJ,G,CACI,0B,CACA,S,CAEJ,E,CACI,yBAnGR,mB,CACI,a,CACA,mB,CCKA,qD,CACQ,6C,CALR,sC,CACQ,8B,CDER,2B,CACI,U,CACA,iB,CACA,W,CACA,Q,CACA,O,CACA,Q,CACA,kB,CACA,wB,CACA,kB,CACA,6B,CAhBR,sB,CAoBQ,mB,CACA,e,CACA,S,CACA,iB,CACA,kB,CACA,e,CACA,U,CACA,mB,CACA,iB,CACA,Q,CC/BJ,uC,CACI,mC,CACI,+B,CDAZ,yB,CAiCY,oB,CACA,S,CACA,U,CACA,e,CACA,iB,CArCZ,2B,CAwCgB,oB,CACA,U,CACA,W,CACA,a,CACA,qB,CACA,a,CAES,iC,CAAT,iC,CACI,gC,CAMhB,wBAAA,mB,CACI,c,CC3CJ,2B,CACI,W,CACA,Q,CACA,wB,CACA,Y,CDsCJ,sB,CClCI,Q,CACA,0B,CACA,iB,ADoCJ,yBAAA,mB,CACI,gB,CACA,iB,CACA,oB,CACA,c,CClDJ,2B,CACI,W,CACA,Q,CACA,wB,CACA,Y,CD0CJ,sB,CCtCI,Q,CACA,0B,CACA,e,CD4CI,M,CACA,U,CACA,c,CACA,e,CACA,mB","file":"share-this.css","sourcesContent":["@import \"vars\";\n@import \"mixins\";\n\n.share-this-popover {\n max-width: @share-this-border-distance * 2;\n pointer-events: none;\n .share-this-filter(drop-shadow(0 1px 3px rgba(0, 0, 0, .35)));\n .share-this-animation(share-this-intro @share-this-animation-length);\n\n &::before {\n content: \"\";\n position: absolute;\n bottom: 100%;\n left: 50%;\n width: 0;\n height: 0;\n margin: (@share-this-vertical-offset + @share-this-arrow-size) -@share-this-arrow-size;\n border-width: @share-this-arrow-size @share-this-arrow-size 0;\n border-style: solid;\n border-color: @share-this-background transparent;\n }\n\n > ul {\n pointer-events: auto;\n list-style: none;\n padding: 0;\n margin: @share-this-vertical-offset - @share-this-arrow-size 0 0;\n white-space: nowrap;\n background: @share-this-background;\n color: @share-this-foreground;\n border-radius: @share-this-border-radius;\n position: absolute;\n left: 50%;\n .share-this-transform(translate(-50%, -100%));\n\n > li {\n display: inline-block;\n width: @share-this-sharer-width;\n height: @share-this-sharer-height;\n line-height: @share-this-sharer-height;\n text-align: center;\n\n > a {\n display: inline-block;\n width: 100%;\n height: 100%;\n color: inherit;\n box-sizing: border-box;\n padding: @share-this-sharer-padding;\n\n &:hover, &:focus {\n background: @share-this-highlight-link;\n }\n }\n }\n }\n\n @media (pointer: coarse) {\n font-size: 150%;\n .share-this-on-bottom();\n }\n @media (max-width: @share-this-small-devices-max) {\n left: 0 !important;\n right: 0 !important;\n width: auto !important;\n max-width: none;\n .share-this-on-bottom();\n\n > ul {\n left: 0;\n width: 100%;\n transform: none;\n border-radius: 0;\n text-align: center;\n }\n }\n}\n\n@-webkit-keyframes share-this-intro {\n 0% {\n -webkit-transform: translateY(-3em);\n opacity: 0;\n }\n 80% {\n -webkit-transform: translateY(.5em);\n opacity: 1;\n }\n 100% {\n -webkit-transform: translateY(0);\n }\n}\n\n@keyframes share-this-intro {\n 0% {\n transform: translateY(-3em);\n opacity: 0;\n }\n 80% {\n transform: translateY(.5em);\n opacity: 1;\n }\n 100% {\n transform: translateY(0);\n }\n}\n",".share-this-transform(@transformation) {\n -webkit-transform: @transformation;\n -ms-transform: @transformation;\n transform: @transformation;\n}\n.share-this-animation(@animation) {\n -webkit-animation: @animation;\n animation: @animation;\n}\n.share-this-filter(@filter) {\n -webkit-filter: @filter;\n filter: @filter;\n}\n\n.share-this-on-bottom() {\n &::before {\n bottom: auto;\n top: 100%;\n border-width: 0 @share-this-arrow-size @share-this-arrow-size;\n margin-top: 0;\n }\n\n > ul {\n top: 100%;\n transform: translateX(-50%);\n margin: @share-this-arrow-size 0 0;\n }\n}\n"]}