@apolitical/styleguide2
Version:
Reusable React components for Apolitical UIs
1 lines • 3.02 kB
Source Map (JSON)
{"version":3,"sources":["style.css"],"names":[],"mappings":"AAAA,mBACE,QAAS,CACT,cAAe,CAGf,aAAc,CACd,SAAU,CACV,+CAAmD,CACnD,eAAgB,CAChB,wBAAyB,CACzB,iBAAoB,CACpB,eAAgB,CAChB,mCAAwC,CACxC,qBAA0B,CAC1B,0BAA4B,CAE5B,oDAAwD,CACxD,iBAAkB,CAClB,YAAa,CACb,cAAe,CACf,kBAAmB,CACnB,wBACF,CACA,0CACE,YAAa,CACb,iBAAkB,CAClB,SAAW,CACX,QAAU,CACV,YAAc,CACd,wBACF,CACA,2BACE,oBAAqB,CACrB,eACF,CAEA,gDACE,cAAe,CACf,UACF,CACA,kDACE,YACF,CAEA,yBACE,QAAO,CACP,oBAAsB,CACtB,sBAAwB,CACxB,kBAAyB,CACzB,8BAAgC,CAChC,aAAc,CACd,gCAAmC,CACnC,2BACF,CAEA,8BACE,aAAc,CACd,sBAAwB,CACxB,kBAAoB,CACpB,wBAAyB,CACzB,qBAAsB,CACtB,iBAAoB,CACpB,oBAAyB,CACzB,mBAAoB,CACpB,eAAgB,CAChB,0BAA2B,CAC3B,0BAA4B,CAG5B,8BAAgC,CAChC,eAAiB,CACjB,YAAa,CACb,kBAAmB,CACnB,0BAA2B,CAC3B,cACF,CAEA,8CACE,cAAe,CACf,eACF,CACA,0CACE,aACF,CACA,gDACE,kBAAoB,CACpB,cACF","file":"index.css","sourcesContent":[".react-multi-email {\n margin: 0;\n max-width: 100%;\n -webkit-box-flex: 1;\n -ms-flex: 1 0 auto;\n flex: 1 0 auto;\n outline: 0;\n -webkit-tap-highlight-color: rgba(255, 255, 255, 0);\n text-align: left;\n line-height: 1.21428571em;\n padding: 0.4em 0.5em;\n background: #fff;\n border: 1px solid rgba(34, 36, 38, 0.15);\n color: rgba(0, 0, 0, 0.87);\n border-radius: 0.28571429rem;\n -webkit-transition: box-shadow 0.1s ease, border-color 0.1s ease;\n transition: box-shadow 0.1s ease, border-color 0.1s ease;\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n align-content: flex-start;\n}\n.react-multi-email > span[data-placeholder] {\n display: none;\n position: absolute;\n left: 0.5em;\n top: 0.4em;\n padding: 0.4em;\n line-height: 1.21428571em;\n}\n.react-multi-email.focused {\n border-color: #85b7d9;\n background: #fff;\n}\n\n.react-multi-email.empty > span[data-placeholder] {\n display: inline;\n color: #ccc;\n}\n.react-multi-email.focused > span[data-placeholder] {\n display: none;\n}\n\n.react-multi-email > input {\n flex: 1;\n width: auto !important;\n outline: none !important;\n border: 0 none !important;\n display: inline-block !important;\n line-height: 1;\n vertical-align: baseline !important;\n padding: 0.4em 0.1em !important;\n}\n\n.react-multi-email [data-tag] {\n line-height: 1;\n vertical-align: baseline;\n margin: 0.14285714em;\n background-color: #f3f3f3;\n background-image: none;\n padding: 0.4em 0.8em;\n color: rgba(0, 0, 0, 0.6);\n text-transform: none;\n font-weight: 600;\n border: 0 solid transparent;\n border-radius: 0.28571429rem;\n -webkit-transition: background 0.1s ease;\n -o-transition: background 0.1s ease;\n transition: background 0.1s ease;\n font-size: 0.8rem;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n max-width: 100%;\n}\n\n.react-multi-email [data-tag] [data-tag-item] {\n max-width: 100%;\n overflow: hidden;\n}\n.react-multi-email [data-tag]:first-child {\n margin-left: 0;\n}\n.react-multi-email [data-tag] [data-tag-handle] {\n margin-left: 0.833em;\n cursor: pointer;\n}\n"]}