@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) • 6.19 kB
CSS
.Primer_Brand__Label-module__Label___RWs_8{--brand-Label-gradient-radial:radial-gradient(circle at top left, var(--brand-Label-color-start), var(--brand-Label-color-end));--brand-Label-gradient-conical:conic-gradient(from 90deg at center, var(--brand-Label-color-stop-1) 0deg, var(--brand-Label-color-stop-2) 160deg, var(--brand-Label-color-stop-3) 175deg, var(--brand-Label-color-stop-4) 200deg, var(--brand-Label-color-stop-4) 350deg, var(--brand-Label-color-stop-1) 360deg);--brand-Label-background:var(--brand-Label-gradient-conical,var(--brand-Label-gradient-radial,var(--brand-Label-color,currentColor)));vertical-align:middle;border-radius:var(--brand-borderRadius-xlarge);color:var(--brand-Label-color-start,var(--brand-Label-color,currentColor));text-align:center;background:0 0;justify-content:center;align-items:center;height:min-content;display:inline-flex;position:relative}[data-color-mode=dark] .Primer_Brand__Label-module__Label___RWs_8{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:auto}.Primer_Brand__Label-module__Label___RWs_8:before{content:"";padding:var(--brand-borderWidth-thin);border-radius:inherit;background:var(--brand-Label-background);-webkit-mask:linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default)) content-box, linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default));-webkit-mask:linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default)) content-box, linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default));mask:linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default)) content-box, linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default));-webkit-mask-composite:xor;position:absolute;inset:0;-webkit-mask-composite:xor;mask-composite:exclude}.Primer_Brand__Label-module__Label--size-small___QxC5y{min-height:var(--base-size-20);padding-inline:var(--base-size-8);padding-block:var(--base-size-2)}.Primer_Brand__Label-module__Label--size-small___QxC5y .Primer_Brand__Label-module__Label__label___nUKUt{font-size:var(--base-size-12)}.Primer_Brand__Label-module__Label--size-medium___QxFgp{min-height:var(--base-size-28);padding-inline:var(--base-size-16);padding-block:var(--base-size-4)}.Primer_Brand__Label-module__Label--size-large___AEmn9{min-height:var(--base-size-32);padding-inline:var(--base-size-16);padding-block:var(--base-size-4)}.Primer_Brand__Label-module__Label--color-default___Y9nDM{--brand-Label-color:var(--brand-Label-color-default)}.Primer_Brand__Label-module__Label--color-blue___4vwLc{--brand-Label-color:var(--brand-Label-color-blue)}.Primer_Brand__Label-module__Label--color-blue-purple___KMf_q{--brand-Label-color-start:var(--brand-Label-color-blue-purple-start);--brand-Label-color-end:var(--brand-Label-color-blue-purple-end)}.Primer_Brand__Label-module__Label--color-coral____t2ES{--brand-Label-color:var(--brand-Label-color-coral)}.Primer_Brand__Label-module__Label--color-green___S_avt{--brand-Label-color:var(--brand-Label-color-green)}.Primer_Brand__Label-module__Label--color-green-blue___4blsS{--brand-Label-color-start:var(--brand-Label-color-green-blue-start);--brand-Label-color-end:var(--brand-Label-color-green-blue-end)}.Primer_Brand__Label-module__Label--color-gray___HvmOr{--brand-Label-color:var(--brand-Label-color-gray)}.Primer_Brand__Label-module__Label--color-indigo___PKgQg{--brand-Label-color:var(--brand-Label-color-indigo)}.Primer_Brand__Label-module__Label--color-lemon___rHL3m{--brand-Label-color:var(--brand-Label-color-lemon)}.Primer_Brand__Label-module__Label--color-lime___NUsy_{--brand-Label-color:var(--brand-Label-color-lime)}.Primer_Brand__Label-module__Label--color-orange___mDGf_{--brand-Label-color:var(--brand-Label-color-orange)}.Primer_Brand__Label-module__Label--color-pink___LSfCd{--brand-Label-color:var(--brand-Label-color-pink)}.Primer_Brand__Label-module__Label--color-pink-blue___Lv3aE{--brand-Label-color-start:var(--brand-Label-color-pink-blue-start);--brand-Label-color-end:var(--brand-Label-color-pink-blue-end)}.Primer_Brand__Label-module__Label--color-green-blue-purple___Y5QW4{--brand-Label-color-stop-1:var(--brand-Label-color-green-blue-purple-1);--brand-Label-color-stop-2:var(--brand-Label-color-green-blue-purple-2);--brand-Label-color-stop-3:var(--brand-Label-color-green-blue-purple-3);--brand-Label-color-stop-4:var(--brand-Label-color-green-blue-purple-4)}.Primer_Brand__Label-module__Label--color-purple___bDHFt{--brand-Label-color:var(--brand-Label-color-purple)}.Primer_Brand__Label-module__Label--color-purple-red___Vu9Mh{--brand-Label-color-start:var(--brand-Label-color-purple-red-start);--brand-Label-color-end:var(--brand-Label-color-purple-red-end)}.Primer_Brand__Label-module__Label--color-red___KI5FZ{--brand-Label-color:var(--brand-Label-color-red)}.Primer_Brand__Label-module__Label--color-red-orange___d4Om3{--brand-Label-color-start:var(--brand-Label-color-red-orange-start);--brand-Label-color-end:var(--brand-Label-color-red-orange-end)}.Primer_Brand__Label-module__Label--color-teal___AC7RS{--brand-Label-color:var(--brand-Label-color-teal)}.Primer_Brand__Label-module__Label--color-yellow___QjHgW{--brand-Label-color:var(--brand-Label-color-yellow)}.Primer_Brand__Label-module__Label__text___YCBde:not(.Primer_Brand__Label-module__Label--gradient___r4d_A .Primer_Brand__Label-module__Label__text___YCBde){background:var(--brand-Label-background);-webkit-text-fill-color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone;-webkit-background-clip:text;background-clip:text}.Primer_Brand__Label-module__Label__text___YCBde{line-height:var(--base-size-16)}.Primer_Brand__Label-module__Label__icon-visual___Cq0aX{height:var(--base-size-16);align-self:center;width:auto;display:flex}.Primer_Brand__Label-module__Label__leading-visual___2wAbr{margin-right:var(--base-size-8);display:flex}.Primer_Brand__Label-module__Label__label___nUKUt{font-weight:var(--base-text-weight-medium);line-height:inherit}@media (forced-colors:active){.Primer_Brand__Label-module__Label___RWs_8{outline:var(--brand-borderWidth-thin) solid transparent}}