@heycar-uikit/core
Version:
The React UI library from HeyCar
2 lines • 5.11 kB
CSS
:root{--color-heycar-mint-700:#007c63;--color-tarmac-grey-700:#303030;--color-championship-white:#fff;--font-family-system:Objektiv,sans-serif,"Helvetica Neue",Helvetica,Arial;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:600;--font-weight-xbold:800;--color-secondary-700:var(--color-heycar-mint-700);--color-neutral-700:var(--color-tarmac-grey-700)}body{color:var(--color-neutral-700)}.typography__typography_1kfjd::selection{background-color:var(--color-secondary-700);color:var(--color-championship-white)}.typography__display1_1kfjd{font-family:var(--font-family-system);font-size:48px;font-weight:var(--font-weight-xbold);letter-spacing:-2px;line-height:56px}@media (min-width:768px){.typography__display1_1kfjd{font-size:60px;letter-spacing:-2.5px;line-height:68px}}.typography__display2_1kfjd{font-family:var(--font-family-system);font-size:48px;font-weight:var(--font-weight-bold);letter-spacing:-2px;line-height:56px}@media (min-width:768px){.typography__display2_1kfjd{font-size:60px;letter-spacing:-2.5px;line-height:68px}}.typography__h1_1kfjd{font-family:var(--font-family-system);font-size:48px;font-weight:var(--font-weight-bold);letter-spacing:-2px;line-height:56px}.typography__h2_1kfjd{font-size:32px}.typography__h2_1kfjd,.typography__h3_1kfjd{font-family:var(--font-family-system);font-weight:var(--font-weight-bold);letter-spacing:-.5px}.typography__h3_1kfjd{font-size:28px}.typography__h4_1kfjd{font-size:24px;letter-spacing:-.5px}.typography__h4_1kfjd,.typography__h5_1kfjd{font-family:var(--font-family-system);font-weight:var(--font-weight-bold)}.typography__h5_1kfjd{font-size:20px}.typography__h6_1kfjd{font-size:16px}.typography__h6_1kfjd,.typography__subheading1_1kfjd{font-family:var(--font-family-system);font-weight:var(--font-weight-bold)}.typography__subheading1_1kfjd{font-size:14px}.typography__subheading2_1kfjd{font-size:16px}.typography__subheading2_1kfjd,.typography__subheading3_1kfjd{font-family:var(--font-family-system);font-weight:var(--font-weight-medium)}.typography__subheading3_1kfjd{font-size:14px}.typography__subheading4_1kfjd{font-family:var(--font-family-system);font-size:16px;font-weight:var(--font-weight-regular)}.typography__body1_1kfjd{font-size:16px;line-height:26px}.typography__body1_1kfjd,.typography__body2_1kfjd{font-family:var(--font-family-system);font-weight:var(--font-weight-medium)}.typography__body2_1kfjd{font-size:14px;line-height:22px}.typography__body3_1kfjd{font-size:16px;line-height:26px}.typography__body3_1kfjd,.typography__body4_1kfjd{font-family:var(--font-family-system);font-weight:var(--font-weight-regular)}.typography__body4_1kfjd{font-size:14px;line-height:22px}.typography__caption1_1kfjd{font-family:var(--font-family-system);font-size:12px;font-weight:var(--font-weight-medium)}.typography__caption2_1kfjd{font-family:var(--font-family-system);font-size:12px;font-weight:var(--font-weight-regular);line-height:18px}.typography__caption3_1kfjd{font-family:var(--font-family-system);font-size:10px;font-weight:var(--font-weight-bold)}.typography__caption4_1kfjd{font-family:var(--font-family-system);font-size:10px;font-weight:var(--font-weight-medium)}.typography__caption5_1kfjd{font-family:var(--font-family-system);font-size:10px;font-weight:var(--font-weight-regular)}.typography__overline1_1kfjd{font-size:12px}.typography__overline1_1kfjd,.typography__overline2_1kfjd{font-family:var(--font-family-system);font-weight:var(--font-weight-medium);letter-spacing:.5px;text-transform:uppercase}.typography__overline2_1kfjd{font-size:10px}.typography__button1_1kfjd{font-size:16px}.typography__button1_1kfjd,.typography__button2_1kfjd{font-family:var(--font-family-system);font-weight:var(--font-weight-bold);letter-spacing:.2px}.typography__button2_1kfjd{font-size:14px}.typography__button3_1kfjd{font-family:var(--font-family-system);font-size:12px;font-weight:var(--font-weight-bold);letter-spacing:.2px}.typography__buttonLink1_1kfjd{font-size:16px}.typography__buttonLink1_1kfjd,.typography__buttonLink2_1kfjd{font-family:var(--font-family-system);font-weight:var(--font-weight-bold);letter-spacing:.2px;text-decoration:underline}.typography__buttonLink2_1kfjd{font-size:14px}.typography__buttonLink3_1kfjd{font-family:var(--font-family-system);font-size:12px;font-weight:var(--font-weight-bold);letter-spacing:.2px;text-decoration:underline}@media screen and (max-width:768px){.typography__h1_1kfjd{font-size:48px;letter-spacing:-2px;line-height:56px;line-height:40px}.typography__h1_1kfjd,.typography__h2_1kfjd{font-family:var(--font-family-system);font-size:32px;font-weight:var(--font-weight-bold);letter-spacing:-.5px}.typography__h2_1kfjd{font-size:24px}.typography__h3_1kfjd{font-size:28px}.typography__h3_1kfjd,.typography__h4_1kfjd{font-family:var(--font-family-system);font-size:24px;font-weight:var(--font-weight-bold);letter-spacing:-.5px}.typography__h4_1kfjd{font-size:20px;letter-spacing:0}.typography__h5_1kfjd{font-family:var(--font-family-system);font-size:20px;font-size:16px;font-weight:var(--font-weight-bold)}}
/*# sourceMappingURL=Typography.constants.css.map */