@primer/react-brand
Version:
Primer Brand is a GitHub's design system for creating React-based marketing websites and digital experiences.
2 lines (1 loc) • 3.9 kB
CSS
.Primer_Brand__Textarea-module__Textarea___mcWf5{color:var(--brand-control-color-fg-default);background-color:var(--brand-color-canvas-default);border-radius:var(--brand-borderRadius-medium);line-height:var(--brand-text-lineHeight-100);transition:var(--brand-control-animation-duration) var(--brand-control-animation-easing);border:none;transition-property:color,background-color,box-shadow;display:flex}.Primer_Brand__Textarea-module__Textarea___mcWf5::placeholder{color:var(--brand-color-text-muted);opacity:1}.Primer_Brand__Textarea-module__Textarea___mcWf5[disabled]{-webkit-text-fill-color:var(--brand-control-color-fg-disabled);color:var(--brand-control-color-fg-disabled);cursor:not-allowed;background-color:var(--brand-control-color-canvas-disabled);opacity:1;resize:none}.Primer_Brand__Textarea-module__Textarea___mcWf5:focus{outline:none}.Primer_Brand__Textarea-module__Textarea-resize--vertical___Vby4g{resize:vertical}.Primer_Brand__Textarea-module__Textarea-resize--horizontal___s4S8w{resize:horizontal}.Primer_Brand__Textarea-module__Textarea-resize--none___vLfq1{resize:none}.Primer_Brand__Textarea-module__Textarea-resize--both___SUVH9{resize:both}.Primer_Brand__Textarea-module__Textarea--medium___aewge{font-weight:var(--brand-text-weight-100);font-size:var(--brand-text-size-100);padding:var(--brand-control-medium-paddingBlock-normal) var(--brand-control-medium-paddingInline-condensed)}.Primer_Brand__Textarea-module__Textarea--large___5UAvr{font-weight:var(--brand-text-weight-200);font-size:var(--brand-text-size-200);padding:var(--brand-control-large-paddingBlock-normal) var(--brand-control-large-paddingInline-condensed)}.Primer_Brand__Textarea-module__Textarea--fullWidth___4Ds_8{width:100%}.Primer_Brand__Textarea-module__Textarea-wrapper--disabled___ZodGM{border-color:var(--brand-control-color-border-disabled)}.Primer_Brand__Textarea-module__Textarea-wrapper___MFMUn{font-family:var(--brand-body-fontFamily);border:solid 1px var(--brand-control-color-border-default);border:solid var(--brand-borderWidth-thin,1px) var(--brand-control-color-border-default);border-radius:var(--brand-borderRadius-medium);transition:var(--brand-control-animation-duration) var(--brand-control-animation-easing);transition-property:border;display:inline-flex;position:relative}.Primer_Brand__Textarea-module__Textarea-wrapper--invisible___PRsrD{border-color:#0000}.Primer_Brand__Textarea-module__Textarea-wrapper--fullWidth___0JycR{display:flex}.Primer_Brand__Textarea-module__Textarea-wrapper___MFMUn:not(.Primer_Brand__Textarea-module__Textarea-wrapper--fullWidth___0JycR){width:min-content}.Primer_Brand__Textarea-module__Textarea-wrapper--monospace___gvhYX{font-family:var(--brand-fontStack-monospace)}.Primer_Brand__Textarea-module__Textarea-wrapper___MFMUn:focus-within{border-color:var(--brand-control-color-focus);box-shadow:0 0 0 1px var(--brand-control-color-focus);outline:none}@media (forced-colors:active){.Primer_Brand__Textarea-module__Textarea-wrapper___MFMUn:focus-within{outline:var(--brand-borderWidth-thick) solid Highlight;outline-offset:var(--base-size-2)}}.Primer_Brand__Textarea-module__Textarea-wrapper--success___PQHrN,.Primer_Brand__Textarea-module__Textarea-wrapper--success___PQHrN.Primer_Brand__Textarea-module__Textarea-wrapper--disabled___ZodGM{border-color:var(--brand-color-success-fg)}.Primer_Brand__Textarea-module__Textarea-wrapper--error___7G92h,.Primer_Brand__Textarea-module__Textarea-wrapper--error___7G92h.Primer_Brand__Textarea-module__Textarea-wrapper--disabled___ZodGM{border-color:var(--brand-color-danger-fg)}@media (prefers-reduced-motion:reduce){.Primer_Brand__Textarea-module__Textarea___mcWf5,.Primer_Brand__Textarea-module__Textarea___mcWf5:before,.Primer_Brand__Textarea-module__Textarea___mcWf5:after,.Primer_Brand__Textarea-module__Textarea___mcWf5 *{scroll-behavior:auto;transition:none;animation:none}}