UNPKG

@primer/react

Version:

An implementation of GitHub's Primer Design System using React

1 lines 1.5 kB
{"version":3,"sources":["../src/FormControl/FormControl.module.css.js"],"names":[],"mappings":"AAAA,+CACE,YAKF,CAHE,gFACE,kBACF,CAGF,6CAGE,sBAAuB,CAFvB,YAAa,CACb,qBAUF,CAHE,4HACE,oCACF,CAGF,iDAEE,aAAc,CADd,cAEF,CAGE,wCAEE,6CACF,CAEA,4CACE,8CACF,CAGF,qCAEE,gDAA2B,CAD3B,oCAiBF,CAdE,4DACE,qEACF,CAEA,uCAEE,2CAAuC,CADvC,0CAAsC,CAEtC,iBACF,CAEA,gEAEE,qCAA+B,CAD/B,oCAEF","file":"FormControl-fa33984d.css","sourcesContent":[".ControlHorizontalLayout {\n display: flex;\n\n &:where([data-has-leading-visual]) {\n align-items: center;\n }\n}\n\n.ControlVerticalLayout {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n\n & > *:not(label) + * {\n margin-top: var(--base-size-4);\n }\n\n &[data-has-label] > * + * {\n margin-top: var(--base-size-4);\n }\n}\n\n.ControlChoiceInputs > input {\n margin-right: 0;\n margin-left: 0;\n}\n\n.LabelContainer {\n > * {\n /* stylelint-disable-next-line primer/spacing */\n padding-left: var(--stack-gap-condensed);\n }\n\n > label {\n font-weight: var(--base-text-weight-normal);\n }\n}\n\n.LeadingVisual {\n margin-left: var(--base-size-8);\n color: var(--fgColor-muted);\n\n &:where([data-disabled]) {\n color: var(--control-fgColor-disabled);\n }\n\n > * {\n min-width: var(--text-body-size-large);\n min-height: var(--text-body-size-large);\n fill: currentColor;\n }\n\n > *:where([data-has-caption]) {\n min-width: var(--base-size-24);\n min-height: var(--base-size-24);\n }\n}\n"]}