@groww-tech/mint-css
Version:
A CSS library that provides classes, tokens, variables, fonts and other essential stylings governed under MINT design system, used by Groww
1 lines • 2.08 kB
CSS
.bodySmall{font-weight:var(--font-weight-regular)}.bodySmall,.bodySmallHeavy{font-size:var(--font-size-12);line-height:1.125rem;font-family:GrowwSans}.bodySmallHeavy{font-weight:var(--font-weight-medium)}.bodyBase{font-weight:var(--font-weight-regular)}.bodyBase,.bodyBaseHeavy{font-size:var(--font-size-14);line-height:1.25rem;font-family:GrowwSans}.bodyBaseHeavy{font-weight:var(--font-weight-medium)}.bodyLarge{font-weight:var(--font-weight-regular)}.bodyLarge,.bodyLargeHeavy{font-size:var(--font-size-16);line-height:1.375rem;font-family:GrowwSans}.bodyLargeHeavy{font-weight:var(--font-weight-medium)}.bodyXLarge{font-weight:var(--font-weight-regular)}.bodyXLarge,.bodyXLargeHeavy{font-size:var(--font-size-18);line-height:1.5625rem;font-family:GrowwSans}.bodyXLargeHeavy,.buttonSentenceCase14{font-weight:var(--font-weight-medium)}.buttonSentenceCase14{font-size:var(--font-size-14);line-height:1rem;font-family:GrowwSans}.buttonUpperCase16{font-size:var(--font-size-16);font-weight:var(--font-weight-bold);line-height:1.25rem;font-family:GrowwSans}.displaySmall{font-size:var(--font-size-24);line-height:2.0625rem}.displayBase,.displaySmall{font-weight:var(--font-weight-medium);font-family:Soehne}.displayBase{font-size:var(--font-size-28);line-height:2.4375rem}.displayLarge{font-size:var(--font-size-32);line-height:2.75rem}.displayLarge,.displayXLarge{font-weight:var(--font-weight-medium);font-family:Soehne}.displayXLarge{font-size:var(--font-size-40);line-height:3.5rem}.headingXSmall{font-size:var(--font-size-14);line-height:1.25rem}.headingSmall,.headingXSmall{font-weight:var(--font-weight-medium);font-family:Soehne}.headingSmall{font-size:var(--font-size-16);line-height:1.375rem}.headingBase{font-size:var(--font-size-18);line-height:1.5625rem}.headingBase,.headingLarge{font-weight:var(--font-weight-medium);font-family:Soehne}.headingLarge{font-size:var(--font-size-20);line-height:2rem}.headingEyebrow{font-size:var(--font-size-10);font-weight:var(--font-weight-medium);line-height:.75rem;font-family:Soehne;letter-spacing:2px;text-transform:uppercase}