UNPKG

@primer/react

Version:

An implementation of GitHub's Primer Design System using React

1 lines 1.9 kB
{"version":3,"sources":["../src/Flash/Flash.module.css"],"names":[],"mappings":"AAAA,uBAOE,gDAAyC,CAFzC,kBAAmB,CACnB,6CAAqC,CAFrC,oDAA6B,CAD7B,YAAa,CADb,gCAA4B,CAD5B,iBA0DF,CAlDE,qDACE,uEAA6C,CAC7C,sEAKF,CAHE,iEACE,kDACF,CAGF,qDACE,yEAA8C,CAC9C,wEAKF,CAHE,iEACE,oDACF,CAGF,oDACE,uEAA6C,CAC7C,sEAKF,CAHE,gEACE,kDACF,CAGF,qDACE,6EAAgD,CAChD,4EAKF,CAHE,iEACE,wDACF,CAGF,0CAIE,eAAgB,CADhB,+CAAuC,CADvC,eAGF,CAEA,4CACE,eACF,CAEA,mCACE,qCACF","file":"Flash-a3596568.css","sourcesContent":[".Flash {\n position: relative;\n padding: var(--base-size-16);\n margin-top: 0;\n color: var(--fgColor-default);\n border-style: solid;\n border-width: var(--borderWidth-thin);\n border-radius: var(--borderRadius-medium);\n\n &:where([data-variant='default']) {\n background-color: var(--bgColor-accent-muted);\n border-color: var(--borderColor-accent-muted);\n\n & :where(svg) {\n color: var(--fgColor-accent);\n }\n }\n\n &:where([data-variant='success']) {\n background-color: var(--bgColor-success-muted);\n border-color: var(--borderColor-success-muted);\n\n & :where(svg) {\n color: var(--fgColor-success);\n }\n }\n\n &:where([data-variant='danger']) {\n background-color: var(--bgColor-danger-muted);\n border-color: var(--borderColor-danger-muted);\n\n & :where(svg) {\n color: var(--fgColor-danger);\n }\n }\n\n &:where([data-variant='warning']) {\n background-color: var(--bgColor-attention-muted);\n border-color: var(--borderColor-attention-muted);\n\n & :where(svg) {\n color: var(--fgColor-attention);\n }\n }\n\n &:where([data-full]) {\n /* stylelint-disable-next-line primer/spacing */\n margin-top: -1px;\n border-width: var(--borderWidth-thin) 0;\n border-radius: 0;\n }\n\n & :where(p:last-child) {\n margin-bottom: 0;\n }\n\n & :where(svg) {\n margin-right: var(--base-size-8);\n }\n}\n"]}