All Tokens
Accurate for @rei/cdr-tokens version 10.2.0
Platform: global
Global token names are converted to platform specific variable naming but only shown here for SCSS/LESS:
- SCSS/LESS: kebab-case
- JS (commonjs): PascalCase
- JS (esm): PascalCase
- Android: snake_case
- iOS: PascalCase
Global token values are converted to platform specific units in the platform's package but only shown here for web
colors
text
cdr-color-text-primary | rgba(12, 11, 8, 0.75) | |
cdr-color-text-secondary | rgba(66, 59, 47, 0.75) | |
cdr-color-text-emphasis | rgba(3, 3, 1, 0.9) | |
cdr-color-text-brand | #1f513f | |
cdr-color-text-sale | #c7370f | |
cdr-color-text-inverse | #f9f8f6 | |
cdr-color-text-disabled | #d1cbbd | |
cdr-color-text-success | #2e6b34 | |
cdr-color-text-warning | #854714 | |
cdr-color-text-error | #811823 | |
cdr-color-text-info | #1b437e | |
cdr-color-text-message-error | #bb4045 |
background
cdr-color-background-primary | #ffffff | |
cdr-color-background-secondary | #f4f2ed | |
cdr-color-background-brand-spruce | #1f513f | |
cdr-color-background-message-default-01 | #f9f8f6 | |
cdr-color-background-message-default-02 | #e8e0ce | |
cdr-color-background-message-success | #ecf9e6 | |
cdr-color-background-message-success-01 | #f4fbf5 | |
cdr-color-background-message-success-02 | #d5e6cb | |
cdr-color-background-message-warning | #fdf6e2 | |
cdr-color-background-message-warning-01 | #fefcf1 | |
cdr-color-background-message-warning-02 | #f5e9b7 | |
cdr-color-background-message-error | #fcefe8 | |
cdr-color-background-message-error-01 | #fdf7f7 | |
cdr-color-background-message-error-02 | #eecbc1 | |
cdr-color-background-message-info | #e2f4fe | |
cdr-color-background-message-info-01 | #edf4f5 | |
cdr-color-background-message-info-02 | #c2d8db | |
cdr-color-background-message-sale | #c7370f |
border
cdr-color-border-primary | #dcd6cb | |
cdr-color-border-secondary | #928b80 | |
cdr-color-border-success | #3b8349 | |
cdr-color-border-warning | #b68b37 | |
cdr-color-border-error | #bb4045 | |
cdr-color-border-info | #406eb5 | |
cdr-color-border-message-default-01 | #726d64 | |
cdr-color-border-message-default-02 | #e8e0ce | |
cdr-color-border-message-success-01 | #3b8349 | |
cdr-color-border-message-success-02 | #d5e6cb | |
cdr-color-border-message-warning-01 | #b68b37 | |
cdr-color-border-message-warning-02 | #f5e9b7 | |
cdr-color-border-message-error-01 | #bb4045 | |
cdr-color-border-message-error-02 | #eecbc1 | |
cdr-color-border-message-info-01 | #408e86 | |
cdr-color-border-message-info-02 | #c2d8db |
icon
cdr-color-icon-default | #928b80 | |
cdr-color-icon-emphasis | #4e4d49 | |
cdr-color-icon-link | #406eb5 | |
cdr-color-icon-disabled | #dcd6cb | |
cdr-color-icon-message-default | #726d64 | |
cdr-color-icon-message-success | #3b8349 | |
cdr-color-icon-message-warning | #b68b37 | |
cdr-color-icon-message-error | #bb4045 | |
cdr-color-icon-message-info | #408e86 |
button
cdr-color-text-button-primary | #f9f8f6 | |
cdr-color-text-button-primary-hover | #1f513f | |
cdr-color-text-button-primary-active | #f9f8f6 | |
cdr-color-text-button-primary-disabled | #ffffff | |
cdr-color-text-button-secondary | #4e4d49 | |
cdr-color-text-button-secondary-hover | #4e4d49 | |
cdr-color-text-button-secondary-active | #f9f8f6 | |
cdr-color-text-button-secondary-disabled | #d1cbbd | |
cdr-color-text-button-dark | #f9f8f6 | |
cdr-color-text-button-dark-hover | #4e4d49 | |
cdr-color-text-button-dark-active | #f9f8f6 | |
cdr-color-text-button-dark-disabled | #ffffff | |
cdr-color-text-button-sale | #ffffff | |
cdr-color-text-button-sale-hover | #c7370f | |
cdr-color-text-button-sale-active | #ffffff | |
cdr-color-text-button-sale-disabled | #ffffff | |
cdr-color-background-button-primary-rest | #1f513f | |
cdr-color-background-button-primary-active | #1f513f | |
cdr-color-background-button-primary-hover | #f4f2ed | |
cdr-color-background-button-primary-icon-alt-hover | #f9f8f6 | |
cdr-color-background-button-secondary-rest | #f9f8f6 | |
cdr-color-background-button-secondary-active | #928b80 | |
cdr-color-background-button-secondary-hover | #f4f2ed | |
cdr-color-background-button-secondary-disabled | #f9f8f6 | |
cdr-color-background-button-dark-rest | #4e4d49 | |
cdr-color-background-button-dark-active | #4e4d49 | |
cdr-color-background-button-dark-hover | #edeae3 | |
cdr-color-background-button-sale-rest | #c7370f | |
cdr-color-background-button-sale-active | #c7370f | |
cdr-color-background-button-sale-hover | #f4f2ed | |
cdr-color-background-button-default-disabled | #dcd6cb | |
cdr-color-background-button-icon-only-active | #f4f2ed | |
cdr-color-border-button-primary-rest | #1f513f | |
cdr-color-border-button-primary-active | #1f513f | |
cdr-color-border-button-primary-active-inset | #f4f2ed | |
cdr-color-border-button-primary-hover | #1f513f | |
cdr-color-border-button-secondary-rest | #928b80 | |
cdr-color-border-button-secondary-active | #928b80 | |
cdr-color-border-button-secondary-active-inset | #f4f2ed | |
cdr-color-border-button-secondary-hover | #4e4d49 | |
cdr-color-border-button-dark-rest | #4e4d49 | |
cdr-color-border-button-dark-active | #4e4d49 | |
cdr-color-border-button-dark-active-inset | #edeae3 | |
cdr-color-border-button-dark-hover | #4e4d49 | |
cdr-color-border-button-sale-rest | #c7370f | |
cdr-color-border-button-sale-active | #c7370f | |
cdr-color-border-button-sale-active-inset | #f4f2ed | |
cdr-color-border-button-sale-hover | #c7370f | |
cdr-color-border-button-default-disabled | #dcd6cb | |
cdr-color-border-button-icon-only-active | #928b80 |
chip
cdr-color-text-chip-default | #4e4d49 | |
cdr-color-text-chip-disabled | #d1cbbd | |
cdr-color-background-chip-default-rest | #ffffff | |
cdr-color-background-chip-default-disabled | #ffffff | |
cdr-color-background-chip-default-hover | #f9f8f6 | |
cdr-color-background-chip-default-focus | #ffffff | |
cdr-color-background-chip-default-active | #edeae3 | |
cdr-color-background-chip-default-selected | #edeae3 | |
cdr-color-background-chip-default-selected-hover | #edeae3 | |
cdr-color-background-chip-default-selected-focus | #edeae3 | |
cdr-color-border-chip-default-rest | #928b80 | |
cdr-color-border-chip-default-disabled | #dcd6cb | |
cdr-color-border-chip-default-hover | #928b80 | |
cdr-color-border-chip-default-focus | #4e4d49 | |
cdr-color-border-chip-default-active | #4e4d49 | |
cdr-color-border-chip-default-selected-rest | #4e4d49 | |
cdr-color-border-chip-default-selected-hover | #726d64 | |
cdr-color-border-chip-default-selected-focus | #4e4d49 |
input
cdr-color-text-input-default | #20201d | |
cdr-color-text-input-label | rgba(12, 11, 8, 0.75) | |
cdr-color-text-input-label-disabled | #b2ab9f | |
cdr-color-text-input-placeholder | rgba(66, 59, 47, 0.75) | |
cdr-color-text-input-required | rgba(12, 11, 8, 0.75) | |
cdr-color-text-input-optional | rgba(66, 59, 47, 0.75) | |
cdr-color-text-input-disabled | #d1cbbd | |
cdr-color-text-input-filled | #20201d | |
cdr-color-text-input-help | rgba(66, 59, 47, 0.75) | |
cdr-color-text-input-error | #b33322 | |
cdr-color-background-label-default-hover | #f9f8f6 | |
cdr-color-background-label-default-active | #edeae3 | |
cdr-color-background-label-default-focus | #f9f8f6 | |
cdr-color-background-label-secondary-hover | rgba(255, 255, 255, 0.75) | |
cdr-color-background-label-secondary-active | #ffffff | |
cdr-color-background-label-secondary-focus | rgba(255, 255, 255, 0.75) | |
cdr-color-background-input-default | rgba(244, 242, 237, 0.15) | |
cdr-color-background-input-secondary | rgba(255, 255, 255, 0.85) | |
cdr-color-background-input-error | rgba(255, 242, 242, 0.75) | |
cdr-color-background-input-default-hover | #f9f8f6 | |
cdr-color-background-input-default-active | #f9f8f6 | |
cdr-color-background-input-default-selected | #4e4d49 | |
cdr-color-background-input-secondary-active | #ffffff | |
cdr-color-background-input-default-selected-hover | #928b80 | |
cdr-color-background-input-default-disabled | #f9f8f6 | |
cdr-color-background-input-default-selected-focus | #928b80 | |
cdr-color-background-input-default-focus | #f9f8f6 | |
cdr-color-border-label-default-focus | #20201d | |
cdr-color-border-input-default | #928b80 | |
cdr-color-border-input-error | #b33322 | |
cdr-color-border-input-default-active | #4e4d49 | |
cdr-color-border-input-default-selected | #4e4d49 | |
cdr-color-border-input-default-focus | #20201d | |
cdr-color-border-input-default-selected-hover | #4e4d49 | |
cdr-color-border-input-default-hover | #20201d | |
cdr-color-border-input-default-disabled | #d1cbbd | |
cdr-color-icon-checkbox-default-selected | #ffffff | |
cdr-color-icon-checkbox-default-selected-hover | #ffffff | |
cdr-color-icon-checkbox-default-selected-active | #4e4d49 |
link
cdr-color-text-link-rest | #406eb5 | |
cdr-color-text-link-hover | #406eb5 | |
cdr-color-text-link-active | #0b2d60 | |
cdr-color-text-link-disabled | #d1cbbd | |
cdr-color-text-link-visited | #406eb5 | |
cdr-color-border-link-rest | #406eb5 | |
cdr-color-border-link-hover | #406eb5 | |
cdr-color-border-link-active | #0b2d60 | |
cdr-color-border-link-disabled | #dcd6cb | |
cdr-color-border-link-visited | #406eb5 |
rating
cdr-color-text-rating-default | rgba(12, 11, 8, 0.75) | |
cdr-color-text-rating-hover | #406eb5 | |
cdr-color-text-rating-separator | #b2ab9f | |
cdr-color-background-rating-star-default | #f9f8f6 | |
cdr-color-background-rating-star-highlighted | #ffd280 | |
cdr-color-border-rating-star-default | #928b80 | |
cdr-color-border-rating-star-highlighted | #bd7b2d |
tabs
cdr-color-text-tab-rest | rgba(66, 59, 47, 0.75) | |
cdr-color-text-tab-active | rgba(12, 11, 8, 0.75) | |
cdr-color-text-tab-hover | #406eb5 | |
cdr-color-text-tab-disabled | #d1cbbd | |
cdr-color-border-tab-keyline-rest | #928b80 | |
cdr-color-border-tab-keyline-active | #406eb5 | |
cdr-color-border-tab-keyline-active-alt | #78b1e8 | |
cdr-color-border-tab-keyline-hover | #406eb5 | |
cdr-color-border-tab-keyline-hover-alt | #78b1e8 | |
cdr-color-border-tab-keyline-disabled | #d1cbbd |
toggle button
cdr-color-text-toggle-button-default-rest | #4e4d49 | |
cdr-color-background-toggle-button-default-rest | #f9f8f6 | |
cdr-color-background-toggle-button-default-hover | #edeae3 | |
cdr-color-background-toggle-button-default-focus | #edeae3 | |
cdr-color-background-toggle-button-default-selected-rest | #ffffff | |
cdr-color-background-toggle-button-default-selected-hover | #ffffff | |
cdr-color-border-toggle-button-default-focus | #4e4d49 | |
cdr-color-border-toggle-button-default-selected-rest | #4e4d49 | |
cdr-color-border-toggle-button-default-selected-focus | #4e4d49 |
tooltip
cdr-color-text-tooltip-default | #f9f8f6 | |
cdr-color-background-tooltip-default | #373734 | |
cdr-color-border-tooltip-default | #f9f8f6 |
accordion
cdr-color-background-accordion-hover | #f9f8f6 |
pagination
cdr-color-background-pagination-hover | #f9f8f6 | |
cdr-color-background-pagination-keyline | #406eb5 |
modal
cdr-color-background-modal-overlay | rgba(244, 242, 237, 0.85) |
switch
cdr-color-background-switch-default-rest | #f9f8f6 | |
cdr-color-background-switch-default-hover | #f9f8f6 | |
cdr-color-background-switch-default-focus | #f9f8f6 | |
cdr-color-background-switch-selected-default-rest | #4e4d49 | |
cdr-color-background-switch-selected-default-hover | #373734 | |
cdr-color-background-switch-selected-default-focus | #373734 | |
cdr-color-background-switch-handle-default-rest | #dcd6cb | |
cdr-color-background-switch-handle-default-hover | #edeae3 | |
cdr-color-background-switch-handle-default-focus | #dcd6cb | |
cdr-color-background-switch-handle-selected-default-rest | #dcd6cb | |
cdr-color-background-switch-handle-selected-default-hover | #dcd6cb | |
cdr-color-background-switch-handle-selected-default-focus | #dcd6cb | |
cdr-color-border-switch-default-hover | #4e4d49 | |
cdr-color-border-switch-handle-default-rest | #dcd6cb | |
cdr-color-border-switch-handle-default-hover | #4e4d49 | |
cdr-color-border-switch-handle-default-focus | #dcd6cb | |
cdr-color-icon-switch-selected-default-rest | #dcd6cb | |
cdr-color-icon-switch-selected-default-hover | #dcd6cb | |
cdr-color-icon-switch-selected-default-focus | #dcd6cb |
table
cdr-color-background-table-header | #f4f2ed | |
cdr-color-background-table-row | #ffffff | |
cdr-color-background-table-row-alt | #f9f8f6 | |
cdr-color-border-table-default | #dcd6cb | |
cdr-color-border-table-head | #928b80 |
toggle group
cdr-color-background-toggle-group-default-rest | #f9f8f6 |
form
| cdr-form-input-height-default | 4rem | |
| cdr-form-input-height-large | 4.8rem | |
| cdr-form-figure-size-small | 1.6rem | |
| cdr-form-figure-size-medium | 1.6rem | |
| cdr-form-figure-size-large | 2rem |
sizing
icon
| cdr-icon-size-sm | 1.6rem | |
| cdr-icon-size | 2.4rem | |
| cdr-icon-size-lg | 3.2rem |
motion
duration
| cdr-duration-1-x | 0.10s | |
| cdr-duration-2-x | 0.20s | |
| cdr-duration-3-x | 0.30s | |
| cdr-duration-4-x | 0.40s | |
| cdr-duration-5-x | 0.50s | |
| cdr-duration-6-x | 0.60s |
timing
| cdr-timing-function-ease-out | cubic-bezier(0.32, 0.94, 0.60, 1) | |
| cdr-timing-function-ease | cubic-bezier(0.15, 0, 0.15, 0) | |
| cdr-timing-function-linear | cubic-bezier(0, 0, 1, 1) |
prominence
| cdr-prominence-flat-x | 0 | |
| cdr-prominence-flat-y | 0 | |
| cdr-prominence-flat-blur | 0 | |
| cdr-prominence-flat-spread | 0 | |
| cdr-prominence-flat-color | rgba(12, 11, 8, 0.2) | |
| cdr-prominence-raised-x | 0 | |
| cdr-prominence-raised-y | 0.2rem | |
| cdr-prominence-raised-blur | 0.2rem | |
| cdr-prominence-raised-spread | 0 | |
| cdr-prominence-raised-color | rgba(12, 11, 8, 0.2) | |
| cdr-prominence-elevated-x | 0 | |
| cdr-prominence-elevated-y | 0.4rem | |
| cdr-prominence-elevated-blur | 0.4rem | |
| cdr-prominence-elevated-spread | 0 | |
| cdr-prominence-elevated-color | rgba(12, 11, 8, 0.2) | |
| cdr-prominence-floating-x | 0 | |
| cdr-prominence-floating-y | 0.8rem | |
| cdr-prominence-floating-blur | 0.8rem | |
| cdr-prominence-floating-spread | 0 | |
| cdr-prominence-floating-color | rgba(12, 11, 8, 0.2) | |
| cdr-prominence-lifted-x | 0 | |
| cdr-prominence-lifted-y | 1.6rem | |
| cdr-prominence-lifted-blur | 1.6rem | |
| cdr-prominence-lifted-spread | 0 | |
| cdr-prominence-lifted-color | rgba(12, 11, 8, 0.2) |
radius
| cdr-radius-sharp | 0 | |
| cdr-radius-soft | 0.2rem | |
| cdr-radius-softer | 0.4rem | |
| cdr-radius-round | 999.9rem |
spacing
| cdr-space-eighth-x | 0.2rem | |
| cdr-space-quarter-x | 0.4rem | |
| cdr-space-half-x | 0.8rem | |
| cdr-space-three-quarter-x | 1.2rem | |
| cdr-space-one-x | 1.6rem | |
| cdr-space-one-and-a-half-x | 2.4rem | |
| cdr-space-two-x | 3.2rem | |
| cdr-space-three-x | 4.8rem | |
| cdr-space-four-x | 6.4rem | |
| cdr-space-inset-eighth-x-squish-top-bottom | 0 | |
| cdr-space-inset-eighth-x-squish-left-right | 0.2rem | |
| cdr-space-inset-eighth-x-stretch-top-bottom | 0.4rem | |
| cdr-space-inset-eighth-x-stretch-left-right | 0.2rem | |
| cdr-space-inset-quarter-x-squish-top-bottom | 0.2rem | |
| cdr-space-inset-quarter-x-squish-left-right | 0.4rem | |
| cdr-space-inset-quarter-x-stretch-top-bottom | 0.6rem | |
| cdr-space-inset-quarter-x-stretch-left-right | 0.4rem | |
| cdr-space-inset-half-x-squish-top-bottom | 0.4rem | |
| cdr-space-inset-half-x-squish-left-right | 0.8rem | |
| cdr-space-inset-half-x-stretch-top-bottom | 1.2rem | |
| cdr-space-inset-half-x-stretch-left-right | 0.8rem | |
| cdr-space-inset-three-quarter-x-squish-top-bottom | 0.6rem | |
| cdr-space-inset-three-quarter-x-squish-left-right | 1.2rem | |
| cdr-space-inset-three-quarter-x-stretch-top-bottom | 1.8rem | |
| cdr-space-inset-three-quarter-x-stretch-left-right | 1.2rem | |
| cdr-space-inset-one-x-squish-top-bottom | 0.8rem | |
| cdr-space-inset-one-x-squish-left-right | 1.6rem | |
| cdr-space-inset-one-x-stretch-top-bottom | 2.4rem | |
| cdr-space-inset-one-x-stretch-left-right | 1.6rem | |
| cdr-space-inset-one-and-a-half-x-squish-top-bottom | 1.2rem | |
| cdr-space-inset-one-and-a-half-x-squish-left-right | 2.4rem | |
| cdr-space-inset-one-and-a-half-x-stretch-top-bottom | 3.6rem | |
| cdr-space-inset-one-and-a-half-x-stretch-left-right | 2.4rem | |
| cdr-space-inset-two-x-squish-top-bottom | 1.6rem | |
| cdr-space-inset-two-x-squish-left-right | 3.2rem | |
| cdr-space-inset-two-x-stretch-top-bottom | 4.8rem | |
| cdr-space-inset-two-x-stretch-left-right | 3.2rem | |
| cdr-space-inset-three-x-squish-top-bottom | 2.4rem | |
| cdr-space-inset-three-x-squish-left-right | 4.8rem | |
| cdr-space-inset-three-x-stretch-top-bottom | 7.2rem | |
| cdr-space-inset-three-x-stretch-left-right | 4.8rem | |
| cdr-space-inset-four-x-squish-top-bottom | 3.2rem | |
| cdr-space-inset-four-x-squish-left-right | 6.4rem | |
| cdr-space-inset-four-x-stretch-top-bottom | 9.6rem | |
| cdr-space-inset-four-x-stretch-left-right | 6.4rem |
inset
content | cdr-space-inset-eighth-x | 0.2rem |
content | cdr-space-inset-quarter-x | 0.4rem |
content | cdr-space-inset-half-x | 0.8rem |
content | cdr-space-inset-three-quarter-x | 1.2rem |
content | cdr-space-inset-one-x | 1.6rem |
content | cdr-space-inset-one-and-a-half-x | 2.4rem |
content | cdr-space-inset-two-x | 3.2rem |
content | cdr-space-inset-three-x | 4.8rem |
content | cdr-space-inset-four-x | 6.4rem |
Platform: web
display
| cdr-display-sr-only | Mixin for screen readers only | |
| cdr-display-sr-only-focusable | Mixin for screen readers only, but remains focusable |
container
| cdr-container | Mixin for wrapping page content | |
| cdr-container-fluid | Mixin for wrapping page content responsively |
media-query
| cdr-xs-mq-only | Mixin content rendered at extra small breakpoint only | |
| cdr-xs-mq-up | Mixin content rendered at extra small breakpoint and above | |
| cdr-sm-mq-only | Mixin content rendered at small breakpoint only | |
| cdr-sm-mq-up | Mixin content rendered at small breakpoint and above | |
| cdr-sm-mq-down | Mixin content rendered below small breakpoint | |
| cdr-md-mq-only | Mixin content rendered at medium breakpoint only | |
| cdr-md-mq-up | Mixin content rendered at medium breakpoint and above | |
| cdr-md-mq-down | Mixin content rendered below medium breakpoint | |
| cdr-lg-mq-only | Mixin content rendered at large breakpoint only | |
| cdr-lg-mq-up | Mixin content rendered at large breakpoint and above | |
| cdr-lg-mq-down | Mixin content rendered below large breakpoint |
prominence
| cdr-prominence-flat | 0 0 0 0 rgba(12, 11, 8, 0.2) | |
| cdr-prominence-raised | 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2) | |
| cdr-prominence-elevated | 0 0.4rem 0.4rem 0 rgba(12, 11, 8, 0.2) | |
| cdr-prominence-floating | 0 0.8rem 0.8rem 0 rgba(12, 11, 8, 0.2) | |
| cdr-prominence-lifted | 0 1.6rem 1.6rem 0 rgba(12, 11, 8, 0.2) |
spacing
inset
content | cdr-space-inset-eighth-x-squish | 0 0.2rem |
content | cdr-space-inset-eighth-x-stretch | 0.4rem 0.2rem |
content | cdr-space-inset-quarter-x-squish | 0.2rem 0.4rem |
content | cdr-space-inset-quarter-x-stretch | 0.6rem 0.4rem |
content | cdr-space-inset-half-x-squish | 0.4rem 0.8rem |
content | cdr-space-inset-half-x-stretch | 1.2rem 0.8rem |
content | cdr-space-inset-three-quarter-x-squish | 0.6rem 1.2rem |
content | cdr-space-inset-three-quarter-x-stretch | 1.8rem 1.2rem |
content | cdr-space-inset-one-x-squish | 0.8rem 1.6rem |
content | cdr-space-inset-one-x-stretch | 2.4rem 1.6rem |
content | cdr-space-inset-one-and-a-half-x-squish | 1.2rem 2.4rem |
content | cdr-space-inset-one-and-a-half-x-stretch | 3.6rem 2.4rem |
content | cdr-space-inset-two-x-squish | 1.6rem 3.2rem |
content | cdr-space-inset-two-x-stretch | 4.8rem 3.2rem |
content | cdr-space-inset-three-x-squish | 2.4rem 4.8rem |
content | cdr-space-inset-three-x-stretch | 7.2rem 4.8rem |
content | cdr-space-inset-four-x-squish | 3.2rem 6.4rem |
content | cdr-space-inset-four-x-stretch | 9.6rem 6.4rem |
breakpoints
| cdr-breakpoint-xs | 0 | |
| cdr-breakpoint-sm | 768px | |
| cdr-breakpoint-md | 992px | |
| cdr-breakpoint-lg | 1232px |
misc
| cdr-font-family-serif-brand-font | Stuart | |
| cdr-font-family-serif | Stuart, Georgia, serif | |
| cdr-font-family-sans-brand-font | Graphik | |
| cdr-font-family-sans | Graphik, "Helvetica Neue", sans-serif |
text
body
| Get outside with REI | cdr-text-body-300 | mixin |
| cdr-text-body-300-family | Graphik, "Helvetica Neue", sans-serif | |
| cdr-text-body-300-style | normal | |
| cdr-text-body-300-weight | 400 | |
| cdr-text-body-300-spacing | 0.08px | |
| cdr-text-body-300-size | 1.6rem | |
| cdr-text-body-300-height | 2.6rem |
| Get outside with REI | cdr-text-body-400 | mixin |
| cdr-text-body-400-family | Graphik, "Helvetica Neue", sans-serif | |
| cdr-text-body-400-style | normal | |
| cdr-text-body-400-weight | 400 | |
| cdr-text-body-400-spacing | 0px | |
| cdr-text-body-400-size | 1.8rem | |
| cdr-text-body-400-height | 3rem |
| Get outside with REI | cdr-text-body-500 | mixin |
| cdr-text-body-500-family | Graphik, "Helvetica Neue", sans-serif | |
| cdr-text-body-500-style | normal | |
| cdr-text-body-500-weight | 400 | |
| cdr-text-body-500-spacing | -0.16px | |
| cdr-text-body-500-size | 2rem | |
| cdr-text-body-500-height | 3.6rem |
| Get outside with REI | cdr-text-body-strong-300 | mixin |
| cdr-text-body-strong-300-family | Graphik, "Helvetica Neue", sans-serif | |
| cdr-text-body-strong-300-style | normal | |
| cdr-text-body-strong-300-weight | 600 | |
| cdr-text-body-strong-300-spacing | 0.08px | |
| cdr-text-body-strong-300-size | 1.6rem | |
| cdr-text-body-strong-300-height | 2.6rem |
| Get outside with REI | cdr-text-body-strong-400 | mixin |
| cdr-text-body-strong-400-family | Graphik, "Helvetica Neue", sans-serif | |
| cdr-text-body-strong-400-style | normal | |
| cdr-text-body-strong-400-weight | 600 | |
| cdr-text-body-strong-400-spacing | 0px | |
| cdr-text-body-strong-400-size | 1.8rem | |
| cdr-text-body-strong-400-height | 3rem |
| Get outside with REI | cdr-text-body-strong-500 | mixin |
| cdr-text-body-strong-500-family | Graphik, "Helvetica Neue", sans-serif | |
| cdr-text-body-strong-500-style | normal | |
| cdr-text-body-strong-500-weight | 600 | |
| cdr-text-body-strong-500-spacing | -0.08px | |
| cdr-text-body-strong-500-size | 2rem | |
| cdr-text-body-strong-500-height | 3.6rem |
default
| Get outside with REI | cdr-text-default | mixin |
| cdr-text-default-family | Graphik, "Helvetica Neue", sans-serif | |
| cdr-text-default-style | normal | |
| cdr-text-default-weight | 400 | |
| cdr-text-default-spacing | -0.16px | |
| cdr-text-default-size | 1.6rem | |
| cdr-text-default-height | 2.2rem |
| Get outside with REI | cdr-text-italic | mixin |
| cdr-text-italic-variation | 'ital' 1 | |
| cdr-text-italic-style | italic |
| Get outside with REI | cdr-text-strong | mixin |
| cdr-text-strong-weight | 700 |
eyebrow
| Get outside with REI | cdr-text-eyebrow-100 | mixin |
| cdr-text-eyebrow-100-family | Graphik, "Helvetica Neue", sans-serif | |
| cdr-text-eyebrow-100-style | normal | |
| cdr-text-eyebrow-100-weight | 500 | |
| cdr-text-eyebrow-100-spacing | 0.32px | |
| cdr-text-eyebrow-100-size | 1.2rem | |
| cdr-text-eyebrow-100-height | 1.8rem | |
| cdr-text-eyebrow-100-transform | uppercase |
heading
| Get outside with REI | cdr-text-heading-sans-200 | mixin |
| cdr-text-heading-sans-200-family | Graphik, "Helvetica Neue", sans-serif | |
| cdr-text-heading-sans-200-style | normal | |
| cdr-text-heading-sans-200-weight | 500 | |
| cdr-text-heading-sans-200-spacing | 0px | |
| cdr-text-heading-sans-200-size | 1.4rem | |
| cdr-text-heading-sans-200-height | 1.8rem |
| Get outside with REI | cdr-text-heading-sans-300 | mixin |
| cdr-text-heading-sans-300-family | Graphik, "Helvetica Neue", sans-serif | |
| cdr-text-heading-sans-300-style | normal | |
| cdr-text-heading-sans-300-weight | 500 | |
| cdr-text-heading-sans-300-spacing | 0px | |
| cdr-text-heading-sans-300-size | 1.6rem | |
| cdr-text-heading-sans-300-height | 2rem |
| Get outside with REI | cdr-text-heading-sans-400 | mixin |
| cdr-text-heading-sans-400-family | Graphik, "Helvetica Neue", sans-serif | |
| cdr-text-heading-sans-400-style | normal | |
| cdr-text-heading-sans-400-weight | 500 | |
| cdr-text-heading-sans-400-spacing | 0px | |
| cdr-text-heading-sans-400-size | 1.8rem | |
| cdr-text-heading-sans-400-height | 2.4rem |
| Get outside with REI | cdr-text-heading-sans-500 | mixin |
| cdr-text-heading-sans-500-family | Graphik, "Helvetica Neue", sans-serif | |
| cdr-text-heading-sans-500-style | normal | |
| cdr-text-heading-sans-500-weight | 500 | |
| cdr-text-heading-sans-500-spacing | 0px | |
| cdr-text-heading-sans-500-size | 2rem | |
| cdr-text-heading-sans-500-height | 2.6rem |
| Get outside with REI | cdr-text-heading-sans-600 | mixin |
| cdr-text-heading-sans-600-family | Graphik, "Helvetica Neue", sans-serif | |
| cdr-text-heading-sans-600-style | normal | |
| cdr-text-heading-sans-600-weight | 500 | |
| cdr-text-heading-sans-600-spacing | 0px | |
| cdr-text-heading-sans-600-size | 2.4rem | |
| cdr-text-heading-sans-600-height | 3rem |
| Get outside with REI | cdr-text-heading-serif-200 | mixin |
| cdr-text-heading-serif-200-family | Stuart, Georgia, serif | |
| cdr-text-heading-serif-200-style | normal | |
| cdr-text-heading-serif-200-weight | 500 | |
| cdr-text-heading-serif-200-spacing | 0px | |
| cdr-text-heading-serif-200-size | 1.4rem | |
| cdr-text-heading-serif-200-height | 1.8rem |
| Get outside with REI | cdr-text-heading-serif-300 | mixin |
| cdr-text-heading-serif-300-family | Stuart, Georgia, serif | |
| cdr-text-heading-serif-300-style | normal | |
| cdr-text-heading-serif-300-weight | 500 | |
| cdr-text-heading-serif-300-spacing | 0px | |
| cdr-text-heading-serif-300-size | 1.6rem | |
| cdr-text-heading-serif-300-height | 2rem |
| Get outside with REI | cdr-text-heading-serif-400 | mixin |
| cdr-text-heading-serif-400-family | Stuart, Georgia, serif | |
| cdr-text-heading-serif-400-style | normal | |
| cdr-text-heading-serif-400-weight | 500 | |
| cdr-text-heading-serif-400-spacing | 0px | |
| cdr-text-heading-serif-400-size | 1.8rem | |
| cdr-text-heading-serif-400-height | 2.4rem |
| Get outside with REI | cdr-text-heading-serif-500 | mixin |
| cdr-text-heading-serif-500-family | Stuart, Georgia, serif | |
| cdr-text-heading-serif-500-style | normal | |
| cdr-text-heading-serif-500-weight | 500 | |
| cdr-text-heading-serif-500-spacing | 0px | |
| cdr-text-heading-serif-500-size | 2rem | |
| cdr-text-heading-serif-500-height | 2.6rem |
| Get outside with REI | cdr-text-heading-serif-600 | mixin |
| cdr-text-heading-serif-600-family | Stuart, Georgia, serif | |
| cdr-text-heading-serif-600-style | normal | |
| cdr-text-heading-serif-600-weight | 500 | |
| cdr-text-heading-serif-600-spacing | 0px | |
| cdr-text-heading-serif-600-size | 2.4rem | |
| cdr-text-heading-serif-600-height | 3rem |
| Get outside with REI | cdr-text-heading-serif-700 | mixin |
| cdr-text-heading-serif-700-family | Stuart, Georgia, serif | |
| cdr-text-heading-serif-700-style | normal | |
| cdr-text-heading-serif-700-weight | 500 | |
| cdr-text-heading-serif-700-spacing | 0px | |
| cdr-text-heading-serif-700-size | 2.8rem | |
| cdr-text-heading-serif-700-height | 3.2rem |
| Get outside with REI | cdr-text-heading-serif-800 | mixin |
| cdr-text-heading-serif-800-family | Stuart, Georgia, serif | |
| cdr-text-heading-serif-800-style | normal | |
| cdr-text-heading-serif-800-weight | 500 | |
| cdr-text-heading-serif-800-spacing | 0px | |
| cdr-text-heading-serif-800-size | 3.2rem | |
| cdr-text-heading-serif-800-height | 3.6rem |
| Get outside with REI | cdr-text-heading-serif-900 | mixin |
| cdr-text-heading-serif-900-family | Stuart, Georgia, serif | |
| cdr-text-heading-serif-900-style | normal | |
| cdr-text-heading-serif-900-weight | 500 | |
| cdr-text-heading-serif-900-spacing | 0px | |
| cdr-text-heading-serif-900-size | 3.6rem | |
| cdr-text-heading-serif-900-height | 4.4rem |
| Get outside with REI | cdr-text-heading-serif-1000 | mixin |
| cdr-text-heading-serif-1000-family | Stuart, Georgia, serif | |
| cdr-text-heading-serif-1000-style | normal | |
| cdr-text-heading-serif-1000-weight | 500 | |
| cdr-text-heading-serif-1000-spacing | 0px | |
| cdr-text-heading-serif-1000-size | 4.2rem | |
| cdr-text-heading-serif-1000-height | 5rem |
| Get outside with REI | cdr-text-heading-serif-1100 | mixin |
| cdr-text-heading-serif-1100-family | Stuart, Georgia, serif | |
| cdr-text-heading-serif-1100-style | normal | |
| cdr-text-heading-serif-1100-weight | 500 | |
| cdr-text-heading-serif-1100-spacing | 0px | |
| cdr-text-heading-serif-1100-size | 4.8rem | |
| cdr-text-heading-serif-1100-height | 5.6rem |
| Get outside with REI | cdr-text-heading-serif-1200 | mixin |
| cdr-text-heading-serif-1200-family | Stuart, Georgia, serif | |
| cdr-text-heading-serif-1200-style | normal | |
| cdr-text-heading-serif-1200-weight | 500 | |
| cdr-text-heading-serif-1200-spacing | 0px | |
| cdr-text-heading-serif-1200-size | 5.4rem | |
| cdr-text-heading-serif-1200-height | 6.4rem |
| Get outside with REI | cdr-text-heading-serif-strong-600 | mixin |
| cdr-text-heading-serif-strong-600-family | Stuart, Georgia, serif | |
| cdr-text-heading-serif-strong-600-style | normal | |
| cdr-text-heading-serif-strong-600-weight | 600 | |
| cdr-text-heading-serif-strong-600-spacing | 0px | |
| cdr-text-heading-serif-strong-600-size | 2.4rem | |
| cdr-text-heading-serif-strong-600-height | 3rem |
| Get outside with REI | cdr-text-heading-serif-strong-700 | mixin |
| cdr-text-heading-serif-strong-700-family | Stuart, Georgia, serif | |
| cdr-text-heading-serif-strong-700-style | normal | |
| cdr-text-heading-serif-strong-700-weight | 600 | |
| cdr-text-heading-serif-strong-700-spacing | 0px | |
| cdr-text-heading-serif-strong-700-size | 2.8rem | |
| cdr-text-heading-serif-strong-700-height | 3.2rem |
| Get outside with REI | cdr-text-heading-serif-strong-800 | mixin |
| cdr-text-heading-serif-strong-800-family | Stuart, Georgia, serif | |
| cdr-text-heading-serif-strong-800-style | normal | |
| cdr-text-heading-serif-strong-800-weight | 600 | |
| cdr-text-heading-serif-strong-800-spacing | 0px | |
| cdr-text-heading-serif-strong-800-size | 3.2rem | |
| cdr-text-heading-serif-strong-800-height | 3.6rem |
| Get outside with REI | cdr-text-heading-serif-strong-900 | mixin |
| cdr-text-heading-serif-strong-900-family | Stuart, Georgia, serif | |
| cdr-text-heading-serif-strong-900-style | normal | |
| cdr-text-heading-serif-strong-900-weight | 600 | |
| cdr-text-heading-serif-strong-900-spacing | 0px | |
| cdr-text-heading-serif-strong-900-size | 3.6rem | |
| cdr-text-heading-serif-strong-900-height | 4.4rem |
| Get outside with REI | cdr-text-heading-serif-strong-1000 | mixin |
| cdr-text-heading-serif-strong-1000-family | Stuart, Georgia, serif | |
| cdr-text-heading-serif-strong-1000-style | normal | |
| cdr-text-heading-serif-strong-1000-weight | 600 | |
| cdr-text-heading-serif-strong-1000-spacing | 0px | |
| cdr-text-heading-serif-strong-1000-size | 4.2rem | |
| cdr-text-heading-serif-strong-1000-height | 5rem |
| Get outside with REI | cdr-text-heading-serif-strong-1100 | mixin |
| cdr-text-heading-serif-strong-1100-family | Stuart, Georgia, serif | |
| cdr-text-heading-serif-strong-1100-style | normal | |
| cdr-text-heading-serif-strong-1100-weight | 600 | |
| cdr-text-heading-serif-strong-1100-spacing | 0px | |
| cdr-text-heading-serif-strong-1100-size | 4.8rem | |
| cdr-text-heading-serif-strong-1100-height | 5.6rem |
| Get outside with REI | cdr-text-heading-serif-strong-1200 | mixin |
| cdr-text-heading-serif-strong-1200-family | Stuart, Georgia, serif | |
| cdr-text-heading-serif-strong-1200-style | normal | |
| cdr-text-heading-serif-strong-1200-weight | 600 | |
| cdr-text-heading-serif-strong-1200-spacing | 0px | |
| cdr-text-heading-serif-strong-1200-size | 5.4rem | |
| cdr-text-heading-serif-strong-1200-height | 6.4rem |
| Get outside with REI | cdr-text-heading-display-800 | mixin |
| cdr-text-heading-display-800-family | Stuart, Georgia, serif | |
| cdr-text-heading-display-800-style | normal | |
| cdr-text-heading-display-800-weight | 400 | |
| cdr-text-heading-display-800-spacing | 0px | |
| cdr-text-heading-display-800-size | 3.2rem | |
| cdr-text-heading-display-800-height | 3.6rem |
| Get outside with REI | cdr-text-heading-display-900 | mixin |
| cdr-text-heading-display-900-family | Stuart, Georgia, serif | |
| cdr-text-heading-display-900-style | normal | |
| cdr-text-heading-display-900-weight | 400 | |
| cdr-text-heading-display-900-spacing | 0px | |
| cdr-text-heading-display-900-size | 3.6rem | |
| cdr-text-heading-display-900-height | 4rem |
| Get outside with REI | cdr-text-heading-display-1000 | mixin |
| cdr-text-heading-display-1000-family | Stuart, Georgia, serif | |
| cdr-text-heading-display-1000-style | normal | |
| cdr-text-heading-display-1000-weight | 400 | |
| cdr-text-heading-display-1000-spacing | 0px | |
| cdr-text-heading-display-1000-size | 4.2rem | |
| cdr-text-heading-display-1000-height | 4.8rem |
| Get outside with REI | cdr-text-heading-display-1100 | mixin |
| cdr-text-heading-display-1100-family | Stuart, Georgia, serif | |
| cdr-text-heading-display-1100-style | normal | |
| cdr-text-heading-display-1100-weight | 400 | |
| cdr-text-heading-display-1100-spacing | 0px | |
| cdr-text-heading-display-1100-size | 4.8rem | |
| cdr-text-heading-display-1100-height | 5.2rem |
| Get outside with REI | cdr-text-heading-display-1200 | mixin |
| cdr-text-heading-display-1200-family | Stuart, Georgia, serif | |
| cdr-text-heading-display-1200-style | normal | |
| cdr-text-heading-display-1200-weight | 400 | |
| cdr-text-heading-display-1200-spacing | 0px | |
| cdr-text-heading-display-1200-size | 5.4rem | |
| cdr-text-heading-display-1200-height | 6rem |
| Get outside with REI | cdr-text-heading-display-1300 | mixin |
| cdr-text-heading-display-1300-family | Stuart, Georgia, serif | |
| cdr-text-heading-display-1300-style | normal | |
| cdr-text-heading-display-1300-weight | 400 | |
| cdr-text-heading-display-1300-spacing | 0px | |
| cdr-text-heading-display-1300-size | 6rem | |
| cdr-text-heading-display-1300-height | 6.4rem |
| Get outside with REI | cdr-text-heading-display-1400 | mixin |
| cdr-text-heading-display-1400-family | Stuart, Georgia, serif | |
| cdr-text-heading-display-1400-style | normal | |
| cdr-text-heading-display-1400-weight | 400 | |
| cdr-text-heading-display-1400-spacing | 0px | |
| cdr-text-heading-display-1400-size | 6.8rem | |
| cdr-text-heading-display-1400-height | 7.2rem |
| Get outside with REI | cdr-text-heading-display-1500 | mixin |
| cdr-text-heading-display-1500-family | Stuart, Georgia, serif | |
| cdr-text-heading-display-1500-style | normal | |
| cdr-text-heading-display-1500-weight | 400 | |
| cdr-text-heading-display-1500-spacing | 0px | |
| cdr-text-heading-display-1500-size | 7.6rem | |
| cdr-text-heading-display-1500-height | 8rem |
| Get outside with REI | cdr-text-heading-display-1600 | mixin |
| cdr-text-heading-display-1600-family | Stuart, Georgia, serif | |
| cdr-text-heading-display-1600-style | normal | |
| cdr-text-heading-display-1600-weight | 400 | |
| cdr-text-heading-display-1600-spacing | 0px | |
| cdr-text-heading-display-1600-size | 8.6rem | |
| cdr-text-heading-display-1600-height | 9.2rem |
subheading
| Get outside with REI | cdr-text-subheading-sans-300 | mixin |
| cdr-text-subheading-sans-300-family | Graphik, "Helvetica Neue", sans-serif | |
| cdr-text-subheading-sans-300-style | normal | |
| cdr-text-subheading-sans-300-weight | 500 | |
| cdr-text-subheading-sans-300-spacing | 0px | |
| cdr-text-subheading-sans-300-size | 1.6rem | |
| cdr-text-subheading-sans-300-height | 2rem |
| Get outside with REI | cdr-text-subheading-sans-400 | mixin |
| cdr-text-subheading-sans-400-family | Graphik, "Helvetica Neue", sans-serif | |
| cdr-text-subheading-sans-400-style | normal | |
| cdr-text-subheading-sans-400-weight | 500 | |
| cdr-text-subheading-sans-400-spacing | 0px | |
| cdr-text-subheading-sans-400-size | 1.8rem | |
| cdr-text-subheading-sans-400-height | 2.4rem |
| Get outside with REI | cdr-text-subheading-sans-500 | mixin |
| cdr-text-subheading-sans-500-family | Graphik, "Helvetica Neue", sans-serif | |
| cdr-text-subheading-sans-500-style | normal | |
| cdr-text-subheading-sans-500-weight | 500 | |
| cdr-text-subheading-sans-500-spacing | 0px | |
| cdr-text-subheading-sans-500-size | 2rem | |
| cdr-text-subheading-sans-500-height | 2.6rem |
| Get outside with REI | cdr-text-subheading-sans-600 | mixin |
| cdr-text-subheading-sans-600-family | Graphik, "Helvetica Neue", sans-serif | |
| cdr-text-subheading-sans-600-style | normal | |
| cdr-text-subheading-sans-600-weight | 500 | |
| cdr-text-subheading-sans-600-spacing | 0px | |
| cdr-text-subheading-sans-600-size | 2.4rem | |
| cdr-text-subheading-sans-600-height | 3rem |
utility
| Get outside with REI | cdr-text-utility-sans-100 | mixin |
| cdr-text-utility-sans-100-family | Graphik, "Helvetica Neue", sans-serif | |
| cdr-text-utility-sans-100-style | normal | |
| cdr-text-utility-sans-100-weight | 400 | |
| cdr-text-utility-sans-100-spacing | -0.08px | |
| cdr-text-utility-sans-100-size | 1.2rem | |
| cdr-text-utility-sans-100-height | 1.6rem |
| Get outside with REI | cdr-text-utility-sans-200 | mixin |
| cdr-text-utility-sans-200-family | Graphik, "Helvetica Neue", sans-serif | |
| cdr-text-utility-sans-200-style | normal | |
| cdr-text-utility-sans-200-weight | 400 | |
| cdr-text-utility-sans-200-spacing | -0.16px | |
| cdr-text-utility-sans-200-size | 1.4rem | |
| cdr-text-utility-sans-200-height | 1.8rem |
| Get outside with REI | cdr-text-utility-sans-300 | mixin |
| cdr-text-utility-sans-300-family | Graphik, "Helvetica Neue", sans-serif | |
| cdr-text-utility-sans-300-style | normal | |
| cdr-text-utility-sans-300-weight | 400 | |
| cdr-text-utility-sans-300-spacing | -0.16px | |
| cdr-text-utility-sans-300-size | 1.6rem | |
| cdr-text-utility-sans-300-height | 2.2rem |
| Get outside with REI | cdr-text-utility-sans-400 | mixin |
| cdr-text-utility-sans-400-family | Graphik, "Helvetica Neue", sans-serif | |
| cdr-text-utility-sans-400-style | normal | |
| cdr-text-utility-sans-400-weight | 400 | |
| cdr-text-utility-sans-400-spacing | -0.16px | |
| cdr-text-utility-sans-400-size | 1.8rem | |
| cdr-text-utility-sans-400-height | 2.4rem |
| Get outside with REI | cdr-text-utility-sans-500 | mixin |
| cdr-text-utility-sans-500-family | Graphik, "Helvetica Neue", sans-serif | |
| cdr-text-utility-sans-500-style | normal | |
| cdr-text-utility-sans-500-weight | 400 | |
| cdr-text-utility-sans-500-spacing | -0.32px | |
| cdr-text-utility-sans-500-size | 2rem | |
| cdr-text-utility-sans-500-height | 2.6rem |
| Get outside with REI | cdr-text-utility-sans-600 | mixin |
| cdr-text-utility-sans-600-family | Graphik, "Helvetica Neue", sans-serif | |
| cdr-text-utility-sans-600-style | normal | |
| cdr-text-utility-sans-600-weight | 400 | |
| cdr-text-utility-sans-600-spacing | -0.32px | |
| cdr-text-utility-sans-600-size | 2.4rem | |
| cdr-text-utility-sans-600-height | 3rem |
| Get outside with REI | cdr-text-utility-sans-700 | mixin |
| cdr-text-utility-sans-700-family | Graphik, "Helvetica Neue", sans-serif | |
| cdr-text-utility-sans-700-style | normal | |
| cdr-text-utility-sans-700-weight | 400 | |
| cdr-text-utility-sans-700-spacing | -0.32px | |
| cdr-text-utility-sans-700-size | 2.8rem | |
| cdr-text-utility-sans-700-height | 3.6rem |
| Get outside with REI | cdr-text-utility-sans-800 | mixin |
| cdr-text-utility-sans-800-family | Graphik, "Helvetica Neue", sans-serif | |
| cdr-text-utility-sans-800-style | normal | |
| cdr-text-utility-sans-800-weight | 400 | |
| cdr-text-utility-sans-800-spacing | -0.64px | |
| cdr-text-utility-sans-800-size | 3.2rem | |
| cdr-text-utility-sans-800-height | 4rem |
| Get outside with REI | cdr-text-utility-sans-strong-100 | mixin |
| cdr-text-utility-sans-strong-100-family | Graphik, "Helvetica Neue", sans-serif | |
| cdr-text-utility-sans-strong-100-style | normal | |
| cdr-text-utility-sans-strong-100-weight | 600 | |
| cdr-text-utility-sans-strong-100-spacing | -0.08px | |
| cdr-text-utility-sans-strong-100-size | 1.2rem | |
| cdr-text-utility-sans-strong-100-height | 1.6rem |
| Get outside with REI | cdr-text-utility-sans-strong-200 | mixin |
| cdr-text-utility-sans-strong-200-family | Graphik, "Helvetica Neue", sans-serif | |
| cdr-text-utility-sans-strong-200-style | normal | |
| cdr-text-utility-sans-strong-200-weight | 600 | |
| cdr-text-utility-sans-strong-200-spacing | -0.08px | |
| cdr-text-utility-sans-strong-200-size | 1.4rem | |
| cdr-text-utility-sans-strong-200-height | 1.8rem |
| Get outside with REI | cdr-text-utility-sans-strong-300 | mixin |
| cdr-text-utility-sans-strong-300-family | Graphik, "Helvetica Neue", sans-serif | |
| cdr-text-utility-sans-strong-300-style | normal | |
| cdr-text-utility-sans-strong-300-weight | 600 | |
| cdr-text-utility-sans-strong-300-spacing | -0.08px | |
| cdr-text-utility-sans-strong-300-size | 1.6rem | |
| cdr-text-utility-sans-strong-300-height | 2.2rem |
| Get outside with REI | cdr-text-utility-sans-strong-400 | mixin |
| cdr-text-utility-sans-strong-400-family | Graphik, "Helvetica Neue", sans-serif | |
| cdr-text-utility-sans-strong-400-style | normal | |
| cdr-text-utility-sans-strong-400-weight | 600 | |
| cdr-text-utility-sans-strong-400-spacing | -0.08px | |
| cdr-text-utility-sans-strong-400-size | 1.8rem | |
| cdr-text-utility-sans-strong-400-height | 2.4rem |
| Get outside with REI | cdr-text-utility-sans-strong-500 | mixin |
| cdr-text-utility-sans-strong-500-family | Graphik, "Helvetica Neue", sans-serif | |
| cdr-text-utility-sans-strong-500-style | normal | |
| cdr-text-utility-sans-strong-500-weight | 600 | |
| cdr-text-utility-sans-strong-500-spacing | -0.16px | |
| cdr-text-utility-sans-strong-500-size | 2rem | |
| cdr-text-utility-sans-strong-500-height | 2.6rem |
| Get outside with REI | cdr-text-utility-sans-strong-600 | mixin |
| cdr-text-utility-sans-strong-600-family | Graphik, "Helvetica Neue", sans-serif | |
| cdr-text-utility-sans-strong-600-style | normal | |
| cdr-text-utility-sans-strong-600-weight | 600 | |
| cdr-text-utility-sans-strong-600-spacing | -0.16px | |
| cdr-text-utility-sans-strong-600-size | 2.4rem | |
| cdr-text-utility-sans-strong-600-height | 3rem |
| Get outside with REI | cdr-text-utility-sans-strong-700 | mixin |
| cdr-text-utility-sans-strong-700-family | Graphik, "Helvetica Neue", sans-serif | |
| cdr-text-utility-sans-strong-700-style | normal | |
| cdr-text-utility-sans-strong-700-weight | 600 | |
| cdr-text-utility-sans-strong-700-spacing | -0.16px | |
| cdr-text-utility-sans-strong-700-size | 2.8rem | |
| cdr-text-utility-sans-strong-700-height | 3.6rem |
| Get outside with REI | cdr-text-utility-sans-strong-800 | mixin |
| cdr-text-utility-sans-strong-800-family | Graphik, "Helvetica Neue", sans-serif | |
| cdr-text-utility-sans-strong-800-style | normal | |
| cdr-text-utility-sans-strong-800-weight | 600 | |
| cdr-text-utility-sans-strong-800-spacing | -0.32px | |
| cdr-text-utility-sans-strong-800-size | 3.2rem | |
| cdr-text-utility-sans-strong-800-height | 4rem |
| Get outside with REI | cdr-text-utility-serif-200 | mixin |
| cdr-text-utility-serif-200-family | Stuart, Georgia, serif | |
| cdr-text-utility-serif-200-style | normal | |
| cdr-text-utility-serif-200-weight | 400 | |
| cdr-text-utility-serif-200-spacing | -0.08px | |
| cdr-text-utility-serif-200-size | 1.4rem | |
| cdr-text-utility-serif-200-height | 1.8rem |
| Get outside with REI | cdr-text-utility-serif-300 | mixin |
| cdr-text-utility-serif-300-family | Stuart, Georgia, serif | |
| cdr-text-utility-serif-300-style | normal | |
| cdr-text-utility-serif-300-weight | 400 | |
| cdr-text-utility-serif-300-spacing | -0.08px | |
| cdr-text-utility-serif-300-size | 1.6rem | |
| cdr-text-utility-serif-300-height | 2.2rem |
| Get outside with REI | cdr-text-utility-serif-400 | mixin |
| cdr-text-utility-serif-400-family | Stuart, Georgia, serif | |
| cdr-text-utility-serif-400-style | normal | |
| cdr-text-utility-serif-400-weight | 400 | |
| cdr-text-utility-serif-400-spacing | -0.16px | |
| cdr-text-utility-serif-400-size | 1.8rem | |
| cdr-text-utility-serif-400-height | 2.4rem |
| Get outside with REI | cdr-text-utility-serif-500 | mixin |
| cdr-text-utility-serif-500-family | Stuart, Georgia, serif | |
| cdr-text-utility-serif-500-style | normal | |
| cdr-text-utility-serif-500-weight | 400 | |
| cdr-text-utility-serif-500-spacing | -0.32px | |
| cdr-text-utility-serif-500-size | 2rem | |
| cdr-text-utility-serif-500-height | 2.6rem |
| Get outside with REI | cdr-text-utility-serif-600 | mixin |
| cdr-text-utility-serif-600-family | Stuart, Georgia, serif | |
| cdr-text-utility-serif-600-style | normal | |
| cdr-text-utility-serif-600-weight | 400 | |
| cdr-text-utility-serif-600-spacing | -0.32px | |
| cdr-text-utility-serif-600-size | 2.4rem | |
| cdr-text-utility-serif-600-height | 3rem |
| Get outside with REI | cdr-text-utility-serif-700 | mixin |
| cdr-text-utility-serif-700-family | Stuart, Georgia, serif | |
| cdr-text-utility-serif-700-style | normal | |
| cdr-text-utility-serif-700-weight | 400 | |
| cdr-text-utility-serif-700-spacing | -0.32px | |
| cdr-text-utility-serif-700-size | 2.8rem | |
| cdr-text-utility-serif-700-height | 3.6rem |
| Get outside with REI | cdr-text-utility-serif-800 | mixin |
| cdr-text-utility-serif-800-family | Stuart, Georgia, serif | |
| cdr-text-utility-serif-800-style | normal | |
| cdr-text-utility-serif-800-weight | 400 | |
| cdr-text-utility-serif-800-spacing | -0.32px | |
| cdr-text-utility-serif-800-size | 3.2rem | |
| cdr-text-utility-serif-800-height | 4rem |
| Get outside with REI | cdr-text-utility-serif-strong-200 | mixin |
| cdr-text-utility-serif-strong-200-family | Stuart, Georgia, serif | |
| cdr-text-utility-serif-strong-200-style | normal | |
| cdr-text-utility-serif-strong-200-weight | 600 | |
| cdr-text-utility-serif-strong-200-spacing | -0.08px | |
| cdr-text-utility-serif-strong-200-size | 1.4rem | |
| cdr-text-utility-serif-strong-200-height | 1.8rem |
| Get outside with REI | cdr-text-utility-serif-strong-300 | mixin |
| cdr-text-utility-serif-strong-300-family | Stuart, Georgia, serif | |
| cdr-text-utility-serif-strong-300-style | normal | |
| cdr-text-utility-serif-strong-300-weight | 600 | |
| cdr-text-utility-serif-strong-300-spacing | -0.08px | |
| cdr-text-utility-serif-strong-300-size | 1.6rem | |
| cdr-text-utility-serif-strong-300-height | 2.2rem |
| Get outside with REI | cdr-text-utility-serif-strong-400 | mixin |
| cdr-text-utility-serif-strong-400-family | Stuart, Georgia, serif | |
| cdr-text-utility-serif-strong-400-style | normal | |
| cdr-text-utility-serif-strong-400-weight | 600 | |
| cdr-text-utility-serif-strong-400-spacing | -0.08px | |
| cdr-text-utility-serif-strong-400-size | 1.8rem | |
| cdr-text-utility-serif-strong-400-height | 2.4rem |
| Get outside with REI | cdr-text-utility-serif-strong-500 | mixin |
| cdr-text-utility-serif-strong-500-family | Stuart, Georgia, serif | |
| cdr-text-utility-serif-strong-500-style | normal | |
| cdr-text-utility-serif-strong-500-weight | 600 | |
| cdr-text-utility-serif-strong-500-spacing | -0.08px | |
| cdr-text-utility-serif-strong-500-size | 2rem | |
| cdr-text-utility-serif-strong-500-height | 2.6rem |
| Get outside with REI | cdr-text-utility-serif-strong-600 | mixin |
| cdr-text-utility-serif-strong-600-family | Stuart, Georgia, serif | |
| cdr-text-utility-serif-strong-600-style | normal | |
| cdr-text-utility-serif-strong-600-weight | 600 | |
| cdr-text-utility-serif-strong-600-spacing | -0.16px | |
| cdr-text-utility-serif-strong-600-size | 2.4rem | |
| cdr-text-utility-serif-strong-600-height | 3rem |
| Get outside with REI | cdr-text-utility-serif-strong-700 | mixin |
| cdr-text-utility-serif-strong-700-family | Stuart, Georgia, serif | |
| cdr-text-utility-serif-strong-700-style | normal | |
| cdr-text-utility-serif-strong-700-weight | 600 | |
| cdr-text-utility-serif-strong-700-spacing | -0.16px | |
| cdr-text-utility-serif-strong-700-size | 2.8rem | |
| cdr-text-utility-serif-strong-700-height | 3.6rem |
| Get outside with REI | cdr-text-utility-serif-strong-800 | mixin |
| cdr-text-utility-serif-strong-800-family | Stuart, Georgia, serif | |
| cdr-text-utility-serif-strong-800-style | normal | |
| cdr-text-utility-serif-strong-800-weight | 600 | |
| cdr-text-utility-serif-strong-800-spacing | -0.16px | |
| cdr-text-utility-serif-strong-800-size | 3.2rem | |
| cdr-text-utility-serif-strong-800-height | 4rem |
Platform: android
text
header
| cdr_text_default_display_1_size | 34.00sp | |
| cdr_text_default_display_1_line_spacing | 40.00dp | |
| cdr_text_default_display_1_font_family | Stuart-App-Medium.otf | |
| cdr_text_default_title_1_size | 26.00sp | |
| cdr_text_default_title_1_line_spacing | 36.00dp | |
| cdr_text_default_title_1_font_family | Stuart-App-Semibold.otf | |
| cdr_text_default_title_2_size | 24.00sp | |
| cdr_text_default_title_2_line_spacing | 32.00dp | |
| cdr_text_default_title_2_font_family | Stuart-App-Semibold.otf | |
| cdr_text_default_title_3_size | 19.00sp | |
| cdr_text_default_title_3_line_spacing | 28.00dp | |
| cdr_text_default_title_3_font_family | Stuart-App-Semibold.otf | |
| cdr_text_default_headline_size | 17.00sp | |
| cdr_text_default_headline_line_spacing | 24.00dp | |
| cdr_text_default_subheadline_size | 15.00sp | |
| cdr_text_default_subheadline_line_spacing | 20.00dp |
body
| cdr_text_default_body_1_size | 15.00sp | |
| cdr_text_default_body_1_line_spacing | 20.00dp | |
| cdr_text_default_body_2_size | 12.00sp | |
| cdr_text_default_body_2_line_spacing | 18.00dp | |
| cdr_text_default_caption_1_size | 12.00sp | |
| cdr_text_default_caption_1_line_spacing | 16.00dp | |
| cdr_text_default_caption_2_size | 11.00sp | |
| cdr_text_default_caption_2_line_spacing | 16.00dp |
button
| cdr_text_default_button_size | 15.00sp | |
| cdr_text_default_button_line_spacing | 24.00dp |
Platform: ios
text
header
| CdrTextDefaultDisplay1Size | 34.0f | |
| CdrTextDefaultDisplay1LineSpacing | 40.0f | |
| CdrTextDefaultDisplay1FontFamily | Stuart-App-Medium.otf | |
| CdrTextDefaultTitle1Size | 26.0f | |
| CdrTextDefaultTitle1LineSpacing | 36.0f | |
| CdrTextDefaultTitle1FontFamily | Stuart-App-Semibold.otf | |
| CdrTextDefaultTitle2Size | 24.0f | |
| CdrTextDefaultTitle2LineSpacing | 32.0f | |
| CdrTextDefaultTitle2FontFamily | Stuart-App-Semibold.otf | |
| CdrTextDefaultTitle3Size | 19.0f | |
| CdrTextDefaultTitle3LineSpacing | 28.0f | |
| CdrTextDefaultTitle3FontFamily | Stuart-App-Semibold.otf | |
| CdrTextDefaultHeadlineSize | 17.0f | |
| CdrTextDefaultHeadlineLineSpacing | 24.0f | |
| CdrTextDefaultSubheadlineSize | 15.0f | |
| CdrTextDefaultSubheadlineLineSpacing | 20.0f |
body
| CdrTextDefaultBody1Size | 15.0f | |
| CdrTextDefaultBody1LineSpacing | 20.0f | |
| CdrTextDefaultBody2Size | 12.0f | |
| CdrTextDefaultBody2LineSpacing | 18.0f | |
| CdrTextDefaultCaption1Size | 12.0f | |
| CdrTextDefaultCaption1LineSpacing | 16.0f | |
| CdrTextDefaultCaption2Size | 11.0f | |
| CdrTextDefaultCaption2LineSpacing | 16.0f |
button
| CdrTextDefaultButtonSize | 15.0f | |
| CdrTextDefaultButtonLineSpacing | 24.0f |