@primer/react
Version:
An implementation of GitHub's Primer Design System using React
1 lines • 1.32 kB
Source Map (JSON)
{"version":3,"sources":["../../src/internal/components/TextInputInnerAction.module.css"],"names":[],"mappings":"AAAA,gCAOE,4BAA6B,CAD7B,gDAA2B,CAD3B,4DAAgC,CAJhC,iBA6BF,CArBE,4EAEE,oDACF,CAEA,2DAEE,+BAAgC,CADhC,8BAEF,CAEA,wBACE,uCAME,UAAW,CAFX,MAAO,CACP,eAAgB,CAJhB,iBAAkB,CAElB,OAAQ,CADR,OAAQ,CAKR,0BACF,CACF,CAGF,sCAIE,aAAc,CAFd,qCAA+B,CAD/B,sCAIF,CAEA,yCACE,oBACF","file":"TextInputInnerAction-477e9b99.css","sourcesContent":[".Invisible {\n position: relative;\n padding-top: var(--base-size-2);\n padding-right: var(--base-size-4);\n padding-bottom: var(--base-size-2);\n padding-left: var(--base-size-4);\n color: var(--fgColor-muted);\n background-color: transparent;\n\n &:hover,\n &:focus {\n color: var(--fgColor-default);\n }\n\n &[data-component='IconButton'] {\n width: var(--inner-action-size);\n height: var(--inner-action-size);\n }\n\n @media (pointer: coarse) {\n ::after {\n position: absolute;\n top: 50%;\n right: 0;\n left: 0;\n min-height: 44px;\n content: '';\n transform: translateY(-50%);\n }\n }\n}\n\n.TextInputAction {\n margin-right: var(--base-size-4);\n margin-left: var(--base-size-4);\n /* stylelint-disable-next-line primer/typography */\n line-height: 0;\n}\n\n.ConditionalTooltip {\n display: inline-block;\n}\n"]}