ctct-theme 0.0.1-security → 1.756.11

package/dist/scss/variables/_typography.scss

@@ -0,0 +1,189 @@
+// Typography
+
+$font-family: 'Roboto', sans-serif !default;
+$font-family-heading: 'Roboto', sans-serif !default;
+$font-family-icon: 'ctct-icon-font' !default;
+$font-family-icon-feature: 'ctct-feature-icon-font' !default;
+
+// Color
+$font-color: $charcoal-50 !default;
+$font-color-quiet: rgba($charcoal-50, 0.68) !default;
+$font-color-placeholder: rgba($charcoal-50, 0.36) !default;
+$font-color-light: $white !default;
+$font-color-light-quiet: rgba($white, 0.56) !default;
+
+$font-color-success:    $retro-30 !default;
+$font-color-warning:    $apricot-30 !default;
+$font-color-danger:     $lava-40 !default;
+
+$font-weight-heavy: 700 !default;
+// TODO: Duplicated in theme
+$font-weight-bold: 600 !default;
+$font-weight-semi: 500 !default;
+$font-weight: 400 !default;
+// TODO: Duplicated in theme
+$font-weight-light: 300 !default;
+
+
+// Headings
+// Available in five relative sizes with responsive adjustments
+
+// Font Size
+$typography-heading-font-size-xl: (
+  xs: 28px,
+  sm: 28px,
+  md: 36px,
+  lg: 44px,
+  xl: 44px
+) !default;
+
+$typography-heading-font-size-lg: (
+  xs: 24px,
+  sm: 24px,
+  md: 30px,
+  lg: 36px,
+  xl: 36px
+) !default;
+
+$typography-heading-font-size-md: (
+  xs: 20px,
+  sm: 20px,
+  md: 24px,
+  lg: 28px,
+  xl: 28px
+) !default;
+
+$typography-heading-font-size-sm: (
+  xs: 18px,
+  sm: 18px,
+  md: 20px,
+  lg: 20px,
+  xl: 20px
+) !default;
+
+$typography-heading-font-size-xs: (
+  xs: 16px,
+  sm: 16px,
+  md: 16px,
+  lg: 16px,
+  xl: 16px
+) !default;
+
+
+// Line Height
+$typography-heading-line-height-xl: (
+  xs: 1.35,
+  sm: 1.35,
+  md: 1.25,
+  lg: 1.25,
+  xl: 1.25
+) !default;
+
+$typography-heading-line-height-lg: (
+  xs: 1.35,
+  sm: 1.35,
+  md: 1.35,
+  lg: 1.25,
+  xl: 1.25
+) !default;
+
+$typography-heading-line-height-md: (
+  xs: 1.35,
+  sm: 1.35,
+  md: 1.35,
+  lg: 1.35,
+  xl: 1.35
+) !default;
+
+$typography-heading-line-height-sm: (
+  xs: 1.35,
+  sm: 1.35,
+  md: 1.35,
+  lg: 1.35,
+  xl: 1.35
+) !default;
+
+$typography-heading-line-height-xs: (
+  xs: 1.35,
+  sm: 1.35,
+  md: 1.35,
+  lg: 1.35,
+  xl: 1.35
+) !default;
+
+
+// Letter Spacing (Tracking)
+$typography-heading-letter-spacing-xl: (
+  xs: 0.3px,
+  sm: 0.3px,
+  md: 0.3px,
+  lg: 0.3px,
+  xl: 0.3px
+) !default;
+
+$typography-heading-letter-spacing-lg: (
+  xs: 0.3px,
+  sm: 0.3px,
+  md: 0.3px,
+  lg: 0.3px,
+  xl: 0.3px
+) !default;
+
+$typography-heading-letter-spacing-md: (
+  xs: 0.2px,
+  sm: 0.2px,
+  md: 0.3px,
+  lg: 0.3px,
+  xl: 0.3px
+) !default;
+
+$typography-heading-letter-spacing-sm: (
+  xs: 0.2px,
+  sm: 0.2px,
+  md: 0.2px,
+  lg: 0.2px,
+  xl: 0.2px
+) !default;
+
+$typography-heading-letter-spacing-xs: (
+  xs: 0.2px,
+  sm: 0.2px,
+  md: 0.2px,
+  lg: 0.2px,
+  xl: 0.2px
+) !default;
+
+// Sub-Headings
+$typography-sub-heading-font-size: 16px;
+$typography-sub-heading-line-height: 1.25;
+$typography-sub-heading-letter-spacing: 0.25px;
+
+$typography-sub-heading-font-size-sm: 14px;
+$typography-sub-heading-line-height-sm: 1.25;
+$typography-sub-heading-letter-spacing-sm: 0.25px;
+
+// Body Copy
+$typography-body-font-weight: $font-weight;
+$typography-body-font-weight-bold: $font-weight-bold;
+
+$typography-body-font-size: 16px;
+$typography-body-line-height: 1.6;
+$typography-body-letter-spacing: 0.25px;
+
+$typography-body-font-size-sm: 14px;
+$typography-body-line-height-sm: 1.6;
+$typography-body-letter-spacing-sm: 0.25px;
+
+$typography-body-font-size-xs: 12px;
+$typography-body-line-height-xs: 1.6;
+$typography-body-letter-spacing-xs: 0.21px;
+
+// Caption
+$typography-caption-font-size: 12px;
+$typography-caption-line-height: 1.35;
+$typography-caption-letter-spacing: 0.5px;
+
+// Overline
+$typography-overline-font-size: 12px;
+$typography-overline-line-height: 1.35;
+$typography-overline-letter-spacing: 1.43px;