@tekus/design-system 5.0.0 → 5.0.2

package/tokens/typography/variants/_variants.scss

@@ -1,211 +0,0 @@
-// H1 heading
-h1 {
-  font-family: poppins, sans-serif;
-  font-size: var(--tk-font-size-xl, 32px);
-  line-height: var(--tk-line-height-xl, 48px);
-  letter-spacing: var(--tk-letter-spacing-tight, -1px);
-  font-weight: var(--tk-font-weight-book, 300);
-}
-
-// H2 heading
-h2 {
-  font-family: poppins, sans-serif;
-  font-size: var(--tk-font-size-lg, 28px);
-  line-height: var(--tk-line-height-lg, 42px);
-  letter-spacing: var(--tk-letter-spacing-tight, -1px);
-  font-weight: var(--tk-font-weight-book, 300);
-}
-
-// H3 heading
-h3 {
-  font-family: poppins, sans-serif;
-  font-size: var(--tk-font-size-md, 24px);
-  line-height: var(--tk-line-height-md, 36px);
-  letter-spacing: var(--tk-letter-spacing-tight, -1px);
-  font-weight: var(--tk-font-weight-book, 300);
-}
-
-// H4 heading
-h4 {
-  font-family: poppins, sans-serif;
-  font-size: var(--tk-font-size-sm, 20px);
-  line-height: var(--tk-line-height-sm, 30px);
-  letter-spacing: var(--tk-letter-spacing-tight, -1px);
-  font-weight: var(--tk-font-weight-book, 300);
-}
-
-// H5 heading
-h5 {
-  font-family: poppins, sans-serif;
-  font-size: var(--tk-font-size-xs, 18px);
-  line-height: var(--tk-line-height-xs, 27px);
-  letter-spacing: var(--tk-letter-spacing-tight, -1px);
-  font-weight: var(--tk-font-weight-book, 300);
-}
-
-// H6 heading
-h6 {
-  font-family: poppins, sans-serif;
-  font-size: var(--tk-font-size-2xs, 16px);
-  line-height: var(--tk-line-height-2xs, 24px);
-  letter-spacing: var(--tk-letter-spacing-tight, -1px);
-  font-weight: var(--tk-font-weight-book, 300);
-}
-
-// Body 1
-p[body-1] {
-  font-family: poppins, sans-serif;
-  font-size: var(--tk-font-size-xs, 18px);
-  line-height: var(--tk-line-height-xs, 27px);
-  letter-spacing: var(--tk-letter-spacing-tight, -1px);
-  font-weight: var(--tk-font-weight-book, 300);
-}
-
-// Body 2
-p[body-2] {
-  font-family: poppins, sans-serif;
-  font-size: var(--tk-font-size-2xs, 16px);
-  line-height: var(--tk-line-height-2xs, 24px);
-  letter-spacing: var(--tk-letter-spacing-tight, -1px);
-  font-weight: var(--tk-font-weight-book, 300);
-}
-
-// Body 3
-p[body-3] {
-  font-family: poppins, sans-serif;
-  font-size: var(--tk-font-size-3xs, 14px);
-  line-height: var(--tk-line-height-3xs, 21px);
-  letter-spacing: var(--tk-letter-spacing-tight, -1px);
-  font-weight: var(--tk-font-weight-book, 300);
-}
-
-// Links
-a[link-1] {
-  font-family: poppins, sans-serif;
-  font-size: var(--tk-font-size-3xs, 14px);
-  line-height: var(--tk-line-height-3xs, 21px);
-  letter-spacing: var(--tk-letter-spacing-tight, -1px);
-  font-weight: var(--tk-font-weight-book, 300);
-}
-
-a[link-2] {
-  font-family: poppins, sans-serif;
-  font-size: var(--tk-font-size-4xs, 12px);
-  line-height: var(--tk-line-height-4xs, 18px);
-  letter-spacing: var(--tk-letter-spacing-tight, -1px);
-  font-weight: var(--tk-font-weight-book, 300);
-}
-
-// Legal paragraph
-p[legal] {
-  font-family: poppins, sans-serif;
-  font-size: var(--tk-font-size-5xs, 10px);
-  line-height: var(--tk-line-height-5xs, 15px);
-  letter-spacing: var(--tk-letter-spacing-tight, -1px);
-  font-weight: var(--tk-font-weight-book, 300);
-}
-
-h1[weight='light'],
-h2[weight='light'],
-h3[weight='light'],
-h4[weight='light'],
-h5[weight='light'],
-h6[weight='light'],
-p[body-1][weight='light'],
-p[body-2][weight='light'],
-p[body-3][weight='light'],
-a[link-1][weight='light'],
-a[link-2][weight='light'],
-p[legal][weight='light'] {
-  font-weight: var(--tk-font-weight-light);
-}
-
-h1[weight='regular'],
-h2[weight='regular'],
-h3[weight='regular'],
-h4[weight='regular'],
-h5[weight='regular'],
-h6[weight='regular'],
-p[body-1][weight='regular'],
-p[body-2][weight='regular'],
-p[body-3][weight='regular'],
-a[link-1][weight='regular'],
-a[link-2][weight='regular'],
-p[legal][weight='regular'] {
-  font-weight: var(--tk-font-weight-regular);
-}
-
-h1[weight='medium'],
-h2[weight='medium'],
-h3[weight='medium'],
-h4[weight='medium'],
-h5[weight='medium'],
-h6[weight='medium'],
-p[body-1][weight='medium'],
-p[body-2][weight='medium'],
-p[body-3][weight='medium'],
-a[link-1][weight='medium'],
-a[link-2][weight='medium'],
-p[legal][weight='medium'] {
-  font-weight: var(--tk-font-weight-medium);
-}
-
-h1[weight='semi-bold'],
-h2[weight='semi-bold'],
-h3[weight='semi-bold'],
-h4[weight='semi-bold'],
-h5[weight='semi-bold'],
-h6[weight='semi-bold'],
-p[body-1][weight='semi-bold'],
-p[body-2][weight='semi-bold'],
-p[body-3][weight='semi-bold'],
-a[link-1][weight='semi-bold'],
-a[link-2][weight='semi-bold'],
-p[legal][weight='semi-bold'] {
-  font-weight: var(--tk-font-weight-semi-bold);
-}
-
-h1[weight='bold'],
-h2[weight='bold'],
-h3[weight='bold'],
-h4[weight='bold'],
-h5[weight='bold'],
-h6[weight='bold'],
-p[body-1][weight='bold'],
-p[body-2][weight='bold'],
-p[body-3][weight='bold'],
-a[link-1][weight='bold'],
-a[link-2][weight='bold'],
-p[legal][weight='bold'] {
-  font-weight: var(--tk-font-weight-bold);
-}
-
-h1[weight='extra-bold'],
-h2[weight='extra-bold'],
-h3[weight='extra-bold'],
-h4[weight='extra-bold'],
-h5[weight='extra-bold'],
-h6[weight='extra-bold'],
-p[body-1][weight='extra-bold'],
-p[body-2][weight='extra-bold'],
-p[body-3][weight='extra-bold'],
-a[link-1][weight='extra-bold'],
-a[link-2][weight='extra-bold'],
-p[legal][weight='extra-bold'] {
-  font-weight: var(--tk-font-weight-extra-bold);
-}
-
-// LINKS
-a[link-1][underline], a[link-2][underline] {
-  text-decoration: underline;
-}
-
-
-// COLORS
-h1[color='primary'] {
-  color: var(--tk-color-primary-500, #6ad0bc);
-}
-
-h2[color='secondary'] {
-  color: var(--tk-color-secondary-700, #44338b);
-}