$now-accordion--font-style | --now-accordion--font-style | accordion | component | now-view-control--font-style | normal | font-style | font-style |
$now-accordion--font-weight | --now-accordion--font-weight | accordion | component | now-view-control--font-weight | normal | font-weight | font-weight |
$now-accordion--font-family | --now-accordion--font-family | accordion | component | now-view-control--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-accordion--text-transform | --now-accordion--text-transform | accordion | component | now-view-control--text-transform | none | text-transform | text-transform |
$now-accordion_divider--width | --now-accordion_divider--width | accordion | component | | 1px | width | size |
$now-accordion_divider--color | --now-accordion_divider--color | accordion | component | now-color_divider--secondary, now-color--neutral-5 | | color | color |
$now-accordion--color | --now-accordion--color | accordion | component | now-color--secondary-1 | | color | color |
$now-accordion--color--disabled | --now-accordion--color--disabled | accordion | component | now-button--color--disabled, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-accordion_heading--primary--color | --now-accordion_heading--primary--color | accordion | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-accordion_heading--secondary--color | --now-accordion_heading--secondary--color | accordion | component | now-color_text--tertiary, now-color--neutral-12 | | color | color |
$now-accordion_caption--primary--color | --now-accordion_caption--primary--color | accordion | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-accordion_caption--secondary--color | --now-accordion_caption--secondary--color | accordion | component | now-color_text--tertiary, now-color--neutral-12 | | color | color |
$now-accordion_icon--color | --now-accordion_icon--color | accordion | component | now-color_text--tertiary, now-color--neutral-12 | | color | color |
$now-alert--font-style | --now-alert--font-style | alert | component | now-messaging--font-style | normal | font-style | font-style |
$now-alert--font-weight | --now-alert--font-weight | alert | component | now-messaging--font-weight | normal | font-weight | font-weight |
$now-alert--font-family | --now-alert--font-family | alert | component | now-messaging--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-alert--text-transform | --now-alert--text-transform | alert | component | now-messaging--text-transform | none | text-transform | text-transform |
$now-alert-list_controller--font-style | --now-alert-list_controller--font-style | alert-list | component | now-alert--font-style, now-messaging--font-style | normal | font-style | font-style |
$now-alert-list_controller--font-weight | --now-alert-list_controller--font-weight | alert-list | component | | bold | font-weight | font-weight |
$now-alert-list_controller--text-transform | --now-alert-list_controller--text-transform | alert-list | component | now-alert--text-transform, now-messaging--text-transform | none | text-transform | text-transform |
$now-alert--color | --now-alert--color | alert | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-alert--critical--border-color | --now-alert--critical--border-color | alert | component | now-color_alert--critical-1 | | border-color | color |
$now-alert--critical--background-color | --now-alert--critical--background-color | alert | component | now-color_alert--critical-0 | | background-color | color |
$now-alert--critical--color | --now-alert--critical--color | alert | component | now-color_alert--critical-3 | | color | color |
$now-alert--critical--color--hover | --now-alert--critical--color--hover | alert | component | now-color_alert--critical-4 | | color | color |
$now-alert--critical--color--active | --now-alert--critical--color--active | alert | component | now-color_alert--critical-5 | | color | color |
$now-alert--high--border-color | --now-alert--high--border-color | alert | component | now-color_alert--high-1 | | border-color | color |
$now-alert--high--background-color | --now-alert--high--background-color | alert | component | now-color_alert--high-0 | | background-color | color |
$now-alert--high--color | --now-alert--high--color | alert | component | now-color_alert--high-3 | | color | color |
$now-alert--high--color--hover | --now-alert--high--color--hover | alert | component | now-color_alert--high-4 | | color | color |
$now-alert--high--color--active | --now-alert--high--color--active | alert | component | now-color_alert--high-5 | | color | color |
$now-alert--warning--border-color | --now-alert--warning--border-color | alert | component | now-color_alert--warning-1 | | border-color | color |
$now-alert--warning--background-color | --now-alert--warning--background-color | alert | component | now-color_alert--warning-0 | | background-color | color |
$now-alert--warning--color | --now-alert--warning--color | alert | component | now-color_alert--warning-4 | | color | color |
$now-alert--warning--color--hover | --now-alert--warning--color--hover | alert | component | now-color_alert--warning-5 | | color | color |
$now-alert--warning--color--active | --now-alert--warning--color--active | alert | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-alert--moderate--border-color | --now-alert--moderate--border-color | alert | component | now-color_alert--moderate-1 | | border-color | color |
$now-alert--moderate--background-color | --now-alert--moderate--background-color | alert | component | now-color_alert--moderate-0 | | background-color | color |
$now-alert--moderate--color | --now-alert--moderate--color | alert | component | now-color_alert--moderate-3 | | color | color |
$now-alert--moderate--color--hover | --now-alert--moderate--color--hover | alert | component | now-color_alert--moderate-4 | | color | color |
$now-alert--moderate--color--active | --now-alert--moderate--color--active | alert | component | now-color_alert--moderate-5 | | color | color |
$now-alert--info--border-color | --now-alert--info--border-color | alert | component | now-color_alert--info-1 | | border-color | color |
$now-alert--info--background-color | --now-alert--info--background-color | alert | component | now-color_alert--info-0 | | background-color | color |
$now-alert--info--color | --now-alert--info--color | alert | component | now-color_alert--info-3 | | color | color |
$now-alert--info--color--hover | --now-alert--info--color--hover | alert | component | now-color_alert--info-4 | | color | color |
$now-alert--info--color--active | --now-alert--info--color--active | alert | component | now-color_alert--info-5 | | color | color |
$now-alert--positive--border-color | --now-alert--positive--border-color | alert | component | now-color_alert--positive-1 | | border-color | color |
$now-alert--positive--background-color | --now-alert--positive--background-color | alert | component | now-color_alert--positive-0 | | background-color | color |
$now-alert--positive--color | --now-alert--positive--color | alert | component | now-color_alert--positive-3 | | color | color |
$now-alert--positive--color--hover | --now-alert--positive--color--hover | alert | component | now-color_alert--positive-4 | | color | color |
$now-alert--positive--color--active | --now-alert--positive--color--active | alert | component | now-color_alert--positive-5 | | color | color |
$now-alert--low--border-color | --now-alert--low--border-color | alert | component | now-color_alert--low-1 | | border-color | color |
$now-alert--low--background-color | --now-alert--low--background-color | alert | component | now-color_alert--low-0 | | background-color | color |
$now-alert--low--color | --now-alert--low--color | alert | component | now-color_alert--low-3 | | color | color |
$now-alert--low--color--hover | --now-alert--low--color--hover | alert | component | now-color_alert--low-4 | | color | color |
$now-alert--low--color--active | --now-alert--low--color--active | alert | component | now-color_alert--low-5 | | color | color |
$now-avatar--font-style | --now-avatar--font-style | avatar | component | now-identifier--font-style | normal | font-style | font-style |
$now-avatar--font-weight | --now-avatar--font-weight | avatar | component | now-identifier--font-weight | normal | font-weight | font-weight |
$now-avatar--font-family | --now-avatar--font-family | avatar | component | now-identifier--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-avatar--text-transform | --now-avatar--text-transform | avatar | component | | uppercase | text-transform | text-transform |
$now-avatar--border-color | --now-avatar--border-color | avatar | component | now-color_border--tertiary, now-color--neutral-3 | | border-color | color |
$now-avatar--color | --now-avatar--color | avatar | component | now-color_text--tertiary, now-color--neutral-12 | | color | color |
$now-avatar--background-color | --now-avatar--background-color | avatar | component | now-color_background--secondary, now-color--neutral-1 | | background-color | color |
$now-badge--border-radius | --now-badge--border-radius | badge | component | now-indicator--border-radius | 2px | border-radius | size |
$now-badge--font-style | --now-badge--font-style | badge | component | now-indicator--font-style | normal | font-style | font-style |
$now-badge--font-weight | --now-badge--font-weight | badge | component | now-indicator--font-weight | normal | font-weight | font-weight |
$now-badge--font-family | --now-badge--font-family | badge | component | now-indicator--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-badge--text-transform | --now-badge--text-transform | badge | component | now-indicator--text-transform | none | text-transform | text-transform |
$now-badge--primary_critical--color | --now-badge--primary_critical--color | badge | component | now-color--neutral-0 | | color | color |
$now-badge--primary_critical--background-color | --now-badge--primary_critical--background-color | badge | component | now-color_alert--critical-2 | | background-color | color |
$now-badge--primary_high--color | --now-badge--primary_high--color | badge | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-badge--primary_high--background-color | --now-badge--primary_high--background-color | badge | component | now-color_alert--high-2 | | background-color | color |
$now-badge--primary_warning--color | --now-badge--primary_warning--color | badge | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-badge--primary_warning--background-color | --now-badge--primary_warning--background-color | badge | component | now-color_alert--warning-2 | | background-color | color |
$now-badge--primary_moderate--color | --now-badge--primary_moderate--color | badge | component | now-color--neutral-0 | | color | color |
$now-badge--primary_moderate--background-color | --now-badge--primary_moderate--background-color | badge | component | now-color_alert--moderate-2 | | background-color | color |
$now-badge--primary_info--color | --now-badge--primary_info--color | badge | component | now-color--neutral-0 | | color | color |
$now-badge--primary_info--background-color | --now-badge--primary_info--background-color | badge | component | now-color_alert--info-2 | | background-color | color |
$now-badge--primary_positive--color | --now-badge--primary_positive--color | badge | component | now-color--neutral-0 | | color | color |
$now-badge--primary_positive--background-color | --now-badge--primary_positive--background-color | badge | component | now-color_alert--positive-2 | | background-color | color |
$now-badge--primary_low--color | --now-badge--primary_low--color | badge | component | now-color--neutral-0 | | color | color |
$now-badge--primary_low--background-color | --now-badge--primary_low--background-color | badge | component | now-color_alert--low-2 | | background-color | color |
$now-badge--secondary_critical--color | --now-badge--secondary_critical--color | badge | component | now-color_alert--critical-5 | | color | color |
$now-badge--secondary_critical--background-color | --now-badge--secondary_critical--background-color | badge | component | now-color_alert--critical-0 | | background-color | color |
$now-badge--secondary_high--color | --now-badge--secondary_high--color | badge | component | now-color_alert--high-5 | | color | color |
$now-badge--secondary_high--background-color | --now-badge--secondary_high--background-color | badge | component | now-color_alert--high-0 | | background-color | color |
$now-badge--secondary_warning--color | --now-badge--secondary_warning--color | badge | component | now-color_alert--warning-5 | | color | color |
$now-badge--secondary_warning--background-color | --now-badge--secondary_warning--background-color | badge | component | now-color_alert--warning-0 | | background-color | color |
$now-badge--secondary_moderate--color | --now-badge--secondary_moderate--color | badge | component | now-color_alert--moderate-5 | | color | color |
$now-badge--secondary_moderate--background-color | --now-badge--secondary_moderate--background-color | badge | component | now-color_alert--moderate-0 | | background-color | color |
$now-badge--secondary_info--color | --now-badge--secondary_info--color | badge | component | now-color_alert--info-5 | | color | color |
$now-badge--secondary_info--background-color | --now-badge--secondary_info--background-color | badge | component | now-color_alert--info-0 | | background-color | color |
$now-badge--secondary_positive--color | --now-badge--secondary_positive--color | badge | component | now-color_alert--positive-5 | | color | color |
$now-badge--secondary_positive--background-color | --now-badge--secondary_positive--background-color | badge | component | now-color_alert--positive-0 | | background-color | color |
$now-badge--secondary_low--color | --now-badge--secondary_low--color | badge | component | now-color_alert--low-5 | | color | color |
$now-badge--secondary_low--background-color | --now-badge--secondary_low--background-color | badge | component | now-color_alert--low-0 | | background-color | color |
$now-breadcrumbs--font-style | --now-breadcrumbs--font-style | breadcrumbs | component | now-actionable--font-style | normal | font-style | font-style |
$now-breadcrumbs--font-weight | --now-breadcrumbs--font-weight | breadcrumbs | component | now-actionable--font-weight | normal | font-weight | font-weight |
$now-breadcrumbs--font-family | --now-breadcrumbs--font-family | breadcrumbs | component | now-actionable--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-breadcrumbs--text-transform | --now-breadcrumbs--text-transform | breadcrumbs | component | now-actionable--text-transform | none | text-transform | text-transform |
$now-breadcrumbs--color | --now-breadcrumbs--color | breadcrumbs | component | now-color_text--secondary, now-color--neutral-15 | | color | color |
$now-breadcrumbs--color--hover | --now-breadcrumbs--color--hover | breadcrumbs | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-breadcrumbs--background-color | --now-breadcrumbs--background-color | breadcrumbs | component | now-color_background--primary, now-color--neutral-0 | | background-color | color |
$now-breadcrumbs--background-color-alpha | --now-breadcrumbs--background-color-alpha | breadcrumbs | component | | 0 | background-color-alpha | proportion |
$now-breadcrumbs--background-color--hover | --now-breadcrumbs--background-color--hover | breadcrumbs | component | now-breadcrumbs--background-color, now-color_background--primary, now-color--neutral-0 | | background-color | color |
$now-breadcrumbs--background-color-alpha--hover | --now-breadcrumbs--background-color-alpha--hover | breadcrumbs | component | | 0 | background-color-alpha | proportion |
$now-breadcrumbs--font-weight--current | --now-breadcrumbs--font-weight--current | breadcrumbs | component | | 600 | font-weight | font-weight |
$now-breadcrumbs--color--current | --now-breadcrumbs--color--current | breadcrumbs | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-breadcrumbs--background-color--current | --now-breadcrumbs--background-color--current | breadcrumbs | component | now-breadcrumbs--background-color, now-color_background--primary, now-color--neutral-0 | | background-color | color |
$now-breadcrumbs--background-color-alpha--current | --now-breadcrumbs--background-color-alpha--current | breadcrumbs | component | | 0 | background-color-alpha | proportion |
$now-breadcrumbs_dropdown--color | --now-breadcrumbs_dropdown--color | breadcrumbs | component | now-breadcrumbs--color, now-color_text--secondary, now-color--neutral-15 | | color | color |
$now-breadcrumbs_dropdown--color--hover | --now-breadcrumbs_dropdown--color--hover | breadcrumbs | component | now-breadcrumbs--color--hover, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-breadcrumbs_dropdown--background-color--hover | --now-breadcrumbs_dropdown--background-color--hover | breadcrumbs | component | now-color--secondary-2 | | background-color | color |
$now-breadcrumbs_dropdown--background-color-alpha--hover | --now-breadcrumbs_dropdown--background-color-alpha--hover | breadcrumbs | component | now-opacity--least | 0.1 | background-color-alpha | proportion |
$now-card--font-style | --now-card--font-style | card | component | now-container--font-style | normal | font-style | font-style |
$now-card--font-weight | --now-card--font-weight | card | component | now-container--font-weight | normal | font-weight | font-weight |
$now-card--font-family | --now-card--font-family | card | component | now-container--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-card--text-transform | --now-card--text-transform | card | component | now-container--text-transform | none | text-transform | text-transform |
$now-card--border-width | --now-card--border-width | card | component | now-container--border-width | 1px | border-width | size |
$now-card--border-color | --now-card--border-color | card | component | now-color_border--tertiary, now-color--neutral-3 | | border-color | color |
$now-card--border-color--hover | --now-card--border-color--hover | card | component | now-color_border--secondary, now-color--neutral-5 | | border-color | color |
$now-card--border-color--active | --now-card--border-color--active | card | component | now-color--primary-3 | | border-color | color |
$now-card-header_caption--font-style | --now-card-header_caption--font-style | card-header | component | now-card--font-style, now-container--font-style | normal | font-style | font-style |
$now-card-header_caption--font-weight | --now-card-header_caption--font-weight | card-header | component | now-card--font-weight, now-container--font-weight | normal | font-weight | font-weight |
$now-card-header_caption--text-transform | --now-card-header_caption--text-transform | card-header | component | now-card--text-transform, now-container--text-transform | none | text-transform | text-transform |
$now-card-footer--font-style | --now-card-footer--font-style | card-footer | component | now-card--font-style, now-container--font-style | normal | font-style | font-style |
$now-card-footer--font-weight | --now-card-footer--font-weight | card-footer | component | now-card--font-weight, now-container--font-weight | normal | font-weight | font-weight |
$now-card-footer--text-transform | --now-card-footer--text-transform | card-footer | component | now-card--text-transform, now-container--text-transform | none | text-transform | text-transform |
$now-card--border-color--selected | --now-card--border-color--selected | card | component | now-color--primary-1 | | border-color | color |
$now-card-header_tagline--secondary--color | --now-card-header_tagline--secondary--color | card-header | component | now-color--secondary-1 | | color | color |
$now-card-header_tagline--tertiary--color | --now-card-header_tagline--tertiary--color | card-header | component | now-color_text--tertiary, now-color--neutral-12 | | color | color |
$now-card-header_heading--primary--color | --now-card-header_heading--primary--color | card-header | component | now-color_text--secondary, now-color--neutral-15 | | color | color |
$now-card-header_heading--secondary--color | --now-card-header_heading--secondary--color | card-header | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-card-header_heading--tertiary--color | --now-card-header_heading--tertiary--color | card-header | component | now-color_text--secondary, now-color--neutral-15 | | color | color |
$now-card-header_caption--color | --now-card-header_caption--color | card-header | component | now-color_text--tertiary, now-color--neutral-12 | | color | color |
$now-card-footer--color | --now-card-footer--color | card-footer | component | now-color_text--tertiary, now-color--neutral-12 | | color | color |
$now-card-divider--width | --now-card-divider--width | card-divider | component | | 1px | width | size |
$now-card-divider--color | --now-card-divider--color | card-divider | component | now-color_divider--tertiary, now-color--neutral-3 | | color | color |
$now-card_sidebar--primary_critical--background-color | --now-card_sidebar--primary_critical--background-color | card | component | now-color_alert--critical-2 | | background-color | color |
$now-card_sidebar--secondary_critical--background-color | --now-card_sidebar--secondary_critical--background-color | card | component | now-color_alert--critical-1 | | background-color | color |
$now-card_sidebar--tertiary_critical--background-color | --now-card_sidebar--tertiary_critical--background-color | card | component | now-color_alert--critical-0 | | background-color | color |
$now-card_sidebar--primary_high--background-color | --now-card_sidebar--primary_high--background-color | card | component | now-color_alert--high-4 | | background-color | color |
$now-card_sidebar--secondary_high--background-color | --now-card_sidebar--secondary_high--background-color | card | component | now-color_alert--high-1 | | background-color | color |
$now-card_sidebar--tertiary_high--background-color | --now-card_sidebar--tertiary_high--background-color | card | component | now-color_alert--high-0 | | background-color | color |
$now-card_sidebar--primary_warning--background-color | --now-card_sidebar--primary_warning--background-color | card | component | now-color_alert--warning-4 | | background-color | color |
$now-card_sidebar--secondary_warning--background-color | --now-card_sidebar--secondary_warning--background-color | card | component | now-color_alert--warning-1 | | background-color | color |
$now-card_sidebar--tertiary_warning--background-color | --now-card_sidebar--tertiary_warning--background-color | card | component | now-color_alert--warning-0 | | background-color | color |
$now-card_sidebar--primary_moderate--background-color | --now-card_sidebar--primary_moderate--background-color | card | component | now-color_alert--moderate-2 | | background-color | color |
$now-card_sidebar--secondary_moderate--background-color | --now-card_sidebar--secondary_moderate--background-color | card | component | now-color_alert--moderate-1 | | background-color | color |
$now-card_sidebar--tertiary_moderate--background-color | --now-card_sidebar--tertiary_moderate--background-color | card | component | now-color_alert--moderate-0 | | background-color | color |
$now-card_sidebar--primary_positive--background-color | --now-card_sidebar--primary_positive--background-color | card | component | now-color_alert--positive-2 | | background-color | color |
$now-card_sidebar--secondary_positive--background-color | --now-card_sidebar--secondary_positive--background-color | card | component | now-color_alert--positive-1 | | background-color | color |
$now-card_sidebar--tertiary_positive--background-color | --now-card_sidebar--tertiary_positive--background-color | card | component | now-color_alert--positive-0 | | background-color | color |
$now-card_sidebar--primary_info--background-color | --now-card_sidebar--primary_info--background-color | card | component | now-color_alert--info-2 | | background-color | color |
$now-card_sidebar--secondary_info--background-color | --now-card_sidebar--secondary_info--background-color | card | component | now-color_alert--info-1 | | background-color | color |
$now-card_sidebar--tertiary_info--background-color | --now-card_sidebar--tertiary_info--background-color | card | component | now-color_alert--info-0 | | background-color | color |
$now-card_sidebar--primary_low--background-color | --now-card_sidebar--primary_low--background-color | card | component | now-color_alert--low-2 | | background-color | color |
$now-card_sidebar--secondary_low--background-color | --now-card_sidebar--secondary_low--background-color | card | component | now-color_alert--low-1 | | background-color | color |
$now-card_sidebar--tertiary_low--background-color | --now-card_sidebar--tertiary_low--background-color | card | component | now-color_alert--low-0 | | background-color | color |
$now-checkbox--font-style | --now-checkbox--font-style | checkbox | component | now-form-control--font-style | normal | font-style | font-style |
$now-checkbox--font-weight | --now-checkbox--font-weight | checkbox | component | now-form-control--font-weight | normal | font-weight | font-weight |
$now-checkbox--font-family | --now-checkbox--font-family | checkbox | component | now-form-control--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-checkbox--text-transform | --now-checkbox--text-transform | checkbox | component | now-form-control--text-transform | none | text-transform | text-transform |
$now-checkbox--background-color | --now-checkbox--background-color | checkbox | component | now-color_background--primary, now-color--neutral-0 | | background-color | color |
$now-checkbox--background-color--hover | --now-checkbox--background-color--hover | checkbox | component | now-color--secondary-0 | | background-color | color |
$now-checkbox--border-color | --now-checkbox--border-color | checkbox | component | now-color_border--primary, now-color--neutral-7 | | border-color | color |
$now-checkbox--border-color--hover | --now-checkbox--border-color--hover | checkbox | component | now-color--secondary-1 | | border-color | color |
$now-checkbox--background-color--invalid | --now-checkbox--background-color--invalid | checkbox | component | now-color_alert--critical-0 | | background-color | color |
$now-checkbox--border-color--invalid | --now-checkbox--border-color--invalid | checkbox | component | now-color_alert--critical-2 | | border-color | color |
$now-checkbox_icon--color | --now-checkbox_icon--color | checkbox | component | now-color--neutral-18 | | color | color |
$now-checkbox_icon--color--hover | --now-checkbox_icon--color--hover | checkbox | component | now-color--secondary-1 | | color | color |
$now-checkbox_icon--color--invalid | --now-checkbox_icon--color--invalid | checkbox | component | now-color_alert--critical-5 | | color | color |
$now-checkbox_label--color | --now-checkbox_label--color | checkbox | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-checkbox_required-indicator--color | --now-checkbox_required-indicator--color | checkbox | component | now-color_text--tertiary, now-color--neutral-12 | | color | color |
$now-checkbox_required-indicator--color--invalid | --now-checkbox_required-indicator--color--invalid | checkbox | component | now-color_alert--critical-2 | | color | color |
$now-content-tree--font-style | --now-content-tree--font-style | content-tree | component | now-navigation--font-style | normal | font-style | font-style |
$now-content-tree--font-weight | --now-content-tree--font-weight | content-tree | component | now-navigation--font-weight | normal | font-weight | font-weight |
$now-content-tree--font-family | --now-content-tree--font-family | content-tree | component | now-navigation--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-content-tree--text-transform | --now-content-tree--text-transform | content-tree | component | now-navigation--text-transform | none | text-transform | text-transform |
$now-content-tree--color | --now-content-tree--color | content-tree | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-content-tree--background-color--hover | --now-content-tree--background-color--hover | content-tree | component | now-color--primary-0 | | background-color | color |
$now-content-tree--background-color--selected | --now-content-tree--background-color--selected | content-tree | component | now-color--primary-0 | | background-color | color |
$now-content-tree--background-color--selected-child | --now-content-tree--background-color--selected-child | content-tree | component | now-color--neutral-9 | | background-color | color |
$now-content-tree_trigger--background-color--hover | --now-content-tree_trigger--background-color--hover | content-tree | component | now-color--secondary-2 | | background-color | color |
$now-content-tree_trigger--background-color--active | --now-content-tree_trigger--background-color--active | content-tree | component | now-color--secondary-2 | | background-color | color |
$now-content-tree_icon-identifier--color | --now-content-tree_icon-identifier--color | content-tree | component | now-color--neutral-9 | | color | color |
$now-content-tree_icon-identifier--actionable--color | --now-content-tree_icon-identifier--actionable--color | content-tree | component | now-color--secondary-1 | | color | color |
$now-content-tree_icon--color--error | --now-content-tree_icon--color--error | content-tree | component | now-color_alert--critical-2 | | color | color |
$now-content-tree_label--color--error | --now-content-tree_label--color--error | content-tree | component | now-color_text--tertiary, now-color--neutral-12 | | color | color |
$now-content-tree_label--color--loading | --now-content-tree_label--color--loading | content-tree | component | now-color--primary-1 | | color | color |
$now-content-tree_dragdrop--color | --now-content-tree_dragdrop--color | content-tree | component | now-color_alert--info-2 | | color | color |
$now-content-tree_dragdrop--background-color | --now-content-tree_dragdrop--background-color | content-tree | component | now-color_background--primary, now-color--neutral-0 | | background-color | color |
$now-content-tree_drop-target-parent--border-color | --now-content-tree_drop-target-parent--border-color | content-tree | component | now-color_alert--info-2 | | border-color | color |
$now-dropdown-list--border-width | --now-dropdown-list--border-width | dropdown-list | component | now-menu--border-width | 1px | border-width | size |
$now-dropdown-list--font-style | --now-dropdown-list--font-style | dropdown-list | component | now-menu--font-style | normal | font-style | font-style |
$now-dropdown-list--font-weight | --now-dropdown-list--font-weight | dropdown-list | component | now-menu--font-weight | normal | font-weight | font-weight |
$now-dropdown-list--font-family | --now-dropdown-list--font-family | dropdown-list | component | now-menu--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-dropdown-list--text-transform | --now-dropdown-list--text-transform | dropdown-list | component | now-menu--text-transform | none | text-transform | text-transform |
$now-dropdown-list--border-color | --now-dropdown-list--border-color | dropdown-list | component | now-menu--border-color, now-color_border--primary, now-color--neutral-7 | | border-color | color |
$now-dropdown-list--color | --now-dropdown-list--color | dropdown-list | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-dropdown-list--color--focus | --now-dropdown-list--color--focus | dropdown-list | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-dropdown-list--color--disabled | --now-dropdown-list--color--disabled | dropdown-list | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-dropdown-list--background-color | --now-dropdown-list--background-color | dropdown-list | component | now-menu--background-color, now-color_background--primary, now-color--neutral-0 | | background-color | color |
$now-dropdown-list--background-color--focus | --now-dropdown-list--background-color--focus | dropdown-list | component | now-color--secondary-0 | | background-color | color |
$now-dropdown-list--color--highlighted | --now-dropdown-list--color--highlighted | dropdown-list | component | now-dropdown-list--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-dropdown-list--background-color--highlighted | --now-dropdown-list--background-color--highlighted | dropdown-list | component | now-color_alert--warning-0 | | background-color | color |
$now-dropdown-list_checkmark--color | --now-dropdown-list_checkmark--color | dropdown-list | component | now-color--primary-2 | | color | color |
$now-dropdown-list_heading--font-style | --now-dropdown-list_heading--font-style | dropdown-list | component | now-menu_heading--font-style, now-menu--font-style | normal | font-style | font-style |
$now-dropdown-list_heading--font-weight | --now-dropdown-list_heading--font-weight | dropdown-list | component | now-menu_heading--font-weight, now-menu--font-weight | normal | font-weight | font-weight |
$now-dropdown-list_heading--font-family | --now-dropdown-list_heading--font-family | dropdown-list | component | now-menu_heading--font-family, now-menu--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-dropdown-list_heading--text-transform | --now-dropdown-list_heading--text-transform | dropdown-list | component | now-menu_heading--text-transform, now-menu--text-transform | none | text-transform | text-transform |
$now-dropdown-list_heading--color | --now-dropdown-list_heading--color | dropdown-list | component | now-color_text--tertiary, now-color--neutral-12 | | color | color |
$now-dropdown-list_heading--background-color | --now-dropdown-list_heading--background-color | dropdown-list | component | now-color_background--secondary, now-color--neutral-1 | | background-color | color |
$now-dropdown-list_sublabel--font-style | --now-dropdown-list_sublabel--font-style | dropdown-list | component | now-menu_sublabel--font-style, now-menu--font-style | normal | font-style | font-style |
$now-dropdown-list_sublabel--font-weight | --now-dropdown-list_sublabel--font-weight | dropdown-list | component | now-menu_sublabel--font-weight, now-menu--font-weight | normal | font-weight | font-weight |
$now-dropdown-list_sublabel--font-family | --now-dropdown-list_sublabel--font-family | dropdown-list | component | now-menu_sublabel--font-family, now-menu--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-dropdown-list_sublabel--text-transform | --now-dropdown-list_sublabel--text-transform | dropdown-list | component | now-menu_sublabel--text-transform, now-menu--text-transform | none | text-transform | text-transform |
$now-dropdown-list_sublabel--color | --now-dropdown-list_sublabel--color | dropdown-list | component | now-color_text--tertiary, now-color--neutral-12 | | color | color |
$now-dropdown-list_divider--width | --now-dropdown-list_divider--width | dropdown-list | component | now-menu_divider--width | 1px | width | size |
$now-dropdown-list_divider--color | --now-dropdown-list_divider--color | dropdown-list | component | now-menu_divider--color, now-color_divider--tertiary, now-color--neutral-3 | | color | color |
$now-dropdown-list_search--font-family | --now-dropdown-list_search--font-family | dropdown-list | component | now-menu_search--font-family, now-menu--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-dropdown-list_search--border-width | --now-dropdown-list_search--border-width | dropdown-list | component | | 1px | border-width | size |
$now-dropdown-list_search--border-color | --now-dropdown-list_search--border-color | dropdown-list | component | now-menu--border-color, now-color_border--primary, now-color--neutral-7 | | border-color | color |
$now-dropdown-list_search--background-color | --now-dropdown-list_search--background-color | dropdown-list | component | now-menu--background-color, now-color_background--primary, now-color--neutral-0 | | background-color | color |
$now-dropdown-list_search--background-color--hover | --now-dropdown-list_search--background-color--hover | dropdown-list | component | now-color_background--secondary, now-color--neutral-1 | | background-color | color |
$now-heading--title-primary--color | --now-heading--title-primary--color | heading | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-heading--title-secondary--color | --now-heading--title-secondary--color | heading | component | now-color_text--secondary, now-color--neutral-15 | | color | color |
$now-heading--title-tertiary--color | --now-heading--title-tertiary--color | heading | component | now-color_text--tertiary, now-color--neutral-12 | | color | color |
$now-highlighted-value--border-radius | --now-highlighted-value--border-radius | highlighted-value | component | now-indicator--border-radius | 2px | border-radius | size |
$now-highlighted-value--font-style | --now-highlighted-value--font-style | highlighted-value | component | now-indicator--font-style | normal | font-style | font-style |
$now-highlighted-value--font-weight | --now-highlighted-value--font-weight | highlighted-value | component | now-indicator--font-weight | normal | font-weight | font-weight |
$now-highlighted-value--font-family | --now-highlighted-value--font-family | highlighted-value | component | now-indicator--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-highlighted-value--text-transform | --now-highlighted-value--text-transform | highlighted-value | component | now-indicator--text-transform | none | text-transform | text-transform |
$now-highlighted-value--primary--color | --now-highlighted-value--primary--color | highlighted-value | component | now-color--neutral-0 | | color | color |
$now-highlighted-value--secondary--color | --now-highlighted-value--secondary--color | highlighted-value | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-highlighted-value--tertiary--color | --now-highlighted-value--tertiary--color | highlighted-value | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-highlighted-value--primary_critical--background-color | --now-highlighted-value--primary_critical--background-color | highlighted-value | component | now-color_alert--critical-2 | | background-color | color |
$now-highlighted-value--secondary_critical--background-color | --now-highlighted-value--secondary_critical--background-color | highlighted-value | component | now-color_alert--critical-1 | | background-color | color |
$now-highlighted-value--tertiary_critical--background-color | --now-highlighted-value--tertiary_critical--background-color | highlighted-value | component | now-color_alert--critical-0 | | background-color | color |
$now-highlighted-value_icon--primary_critical--color | --now-highlighted-value_icon--primary_critical--color | highlighted-value | component | now-color_alert--critical-0 | | color | color |
$now-highlighted-value_icon--secondary_critical--color | --now-highlighted-value_icon--secondary_critical--color | highlighted-value | component | now-color_alert--critical-4 | | color | color |
$now-highlighted-value_icon--tertiary_critical--color | --now-highlighted-value_icon--tertiary_critical--color | highlighted-value | component | now-color_alert--critical-2 | | color | color |
$now-highlighted-value--primary_high--background-color | --now-highlighted-value--primary_high--background-color | highlighted-value | component | now-color_alert--high-4 | | background-color | color |
$now-highlighted-value--secondary_high--background-color | --now-highlighted-value--secondary_high--background-color | highlighted-value | component | now-color_alert--high-1 | | background-color | color |
$now-highlighted-value--tertiary_high--background-color | --now-highlighted-value--tertiary_high--background-color | highlighted-value | component | now-color_alert--high-0 | | background-color | color |
$now-highlighted-value_icon--primary_high--color | --now-highlighted-value_icon--primary_high--color | highlighted-value | component | now-color_alert--high-0 | | color | color |
$now-highlighted-value_icon--secondary_high--color | --now-highlighted-value_icon--secondary_high--color | highlighted-value | component | now-color_alert--high-4 | | color | color |
$now-highlighted-value_icon--tertiary_high--color | --now-highlighted-value_icon--tertiary_high--color | highlighted-value | component | now-color_alert--high-4 | | color | color |
$now-highlighted-value--primary_warning--background-color | --now-highlighted-value--primary_warning--background-color | highlighted-value | component | now-color_alert--warning-4 | | background-color | color |
$now-highlighted-value--secondary_warning--background-color | --now-highlighted-value--secondary_warning--background-color | highlighted-value | component | now-color_alert--warning-1 | | background-color | color |
$now-highlighted-value--tertiary_warning--background-color | --now-highlighted-value--tertiary_warning--background-color | highlighted-value | component | now-color_alert--warning-0 | | background-color | color |
$now-highlighted-value_icon--primary_warning--color | --now-highlighted-value_icon--primary_warning--color | highlighted-value | component | now-color_alert--warning-0 | | color | color |
$now-highlighted-value_icon--secondary_warning--color | --now-highlighted-value_icon--secondary_warning--color | highlighted-value | component | now-color_alert--warning-4 | | color | color |
$now-highlighted-value_icon--tertiary_warning--color | --now-highlighted-value_icon--tertiary_warning--color | highlighted-value | component | now-color_alert--warning-4 | | color | color |
$now-highlighted-value--primary_moderate--background-color | --now-highlighted-value--primary_moderate--background-color | highlighted-value | component | now-color_alert--moderate-2 | | background-color | color |
$now-highlighted-value--secondary_moderate--background-color | --now-highlighted-value--secondary_moderate--background-color | highlighted-value | component | now-color_alert--moderate-1 | | background-color | color |
$now-highlighted-value--tertiary_moderate--background-color | --now-highlighted-value--tertiary_moderate--background-color | highlighted-value | component | now-color_alert--moderate-0 | | background-color | color |
$now-highlighted-value_icon--primary_moderate--color | --now-highlighted-value_icon--primary_moderate--color | highlighted-value | component | now-color_alert--moderate-0 | | color | color |
$now-highlighted-value_icon--secondary_moderate--color | --now-highlighted-value_icon--secondary_moderate--color | highlighted-value | component | now-color_alert--moderate-4 | | color | color |
$now-highlighted-value_icon--tertiary_moderate--color | --now-highlighted-value_icon--tertiary_moderate--color | highlighted-value | component | now-color_alert--moderate-2 | | color | color |
$now-highlighted-value--primary_positive--background-color | --now-highlighted-value--primary_positive--background-color | highlighted-value | component | now-color_alert--positive-2 | | background-color | color |
$now-highlighted-value--secondary_positive--background-color | --now-highlighted-value--secondary_positive--background-color | highlighted-value | component | now-color_alert--positive-1 | | background-color | color |
$now-highlighted-value--tertiary_positive--background-color | --now-highlighted-value--tertiary_positive--background-color | highlighted-value | component | now-color_alert--positive-0 | | background-color | color |
$now-highlighted-value_icon--primary_positive--color | --now-highlighted-value_icon--primary_positive--color | highlighted-value | component | now-color_alert--positive-0 | | color | color |
$now-highlighted-value_icon--secondary_positive--color | --now-highlighted-value_icon--secondary_positive--color | highlighted-value | component | now-color_alert--positive-4 | | color | color |
$now-highlighted-value_icon--tertiary_positive--color | --now-highlighted-value_icon--tertiary_positive--color | highlighted-value | component | now-color_alert--positive-2 | | color | color |
$now-highlighted-value--primary_info--background-color | --now-highlighted-value--primary_info--background-color | highlighted-value | component | now-color_alert--info-2 | | background-color | color |
$now-highlighted-value--secondary_info--background-color | --now-highlighted-value--secondary_info--background-color | highlighted-value | component | now-color_alert--info-1 | | background-color | color |
$now-highlighted-value--tertiary_info--background-color | --now-highlighted-value--tertiary_info--background-color | highlighted-value | component | now-color_alert--info-0 | | background-color | color |
$now-highlighted-value_icon--primary_info--color | --now-highlighted-value_icon--primary_info--color | highlighted-value | component | now-color_alert--info-0 | | color | color |
$now-highlighted-value_icon--secondary_info--color | --now-highlighted-value_icon--secondary_info--color | highlighted-value | component | now-color_alert--info-4 | | color | color |
$now-highlighted-value_icon--tertiary_info--color | --now-highlighted-value_icon--tertiary_info--color | highlighted-value | component | now-color_alert--info-2 | | color | color |
$now-highlighted-value--primary_low--background-color | --now-highlighted-value--primary_low--background-color | highlighted-value | component | now-color_alert--low-2 | | background-color | color |
$now-highlighted-value--secondary_low--background-color | --now-highlighted-value--secondary_low--background-color | highlighted-value | component | now-color_alert--low-1 | | background-color | color |
$now-highlighted-value--tertiary_low--background-color | --now-highlighted-value--tertiary_low--background-color | highlighted-value | component | now-color_alert--low-0 | | background-color | color |
$now-highlighted-value_icon--primary_low--color | --now-highlighted-value_icon--primary_low--color | highlighted-value | component | now-color_alert--low-0 | | color | color |
$now-highlighted-value_icon--secondary_low--color | --now-highlighted-value_icon--secondary_low--color | highlighted-value | component | now-color_alert--low-4 | | color | color |
$now-highlighted-value_icon--tertiary_low--color | --now-highlighted-value_icon--tertiary_low--color | highlighted-value | component | now-color_alert--low-2 | | color | color |
$now-form-field_label--font-style | --now-form-field_label--font-style | form-field | component | | normal | font-style | font-style |
$now-form-field_label--font-weight | --now-form-field_label--font-weight | form-field | component | | normal | font-weight | font-weight |
$now-form-field_label--font-family | --now-form-field_label--font-family | form-field | component | now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-form-field_label--text-transform | --now-form-field_label--text-transform | form-field | component | | none | text-transform | text-transform |
$now-form-field_label--color | --now-form-field_label--color | form-field | component | now-color_text--tertiary, now-color--neutral-12 | | color | color |
$now-form-field_label--color--valid | --now-form-field_label--color--valid | form-field | component | now-color_alert--positive-2 | | color | color |
$now-form-field_label--color--invalid | --now-form-field_label--color--invalid | form-field | component | now-color_alert--critical-2 | | color | color |
$now-form-field_message--font-style | --now-form-field_message--font-style | form-field | component | | normal | font-style | font-style |
$now-form-field_message--font-weight | --now-form-field_message--font-weight | form-field | component | | normal | font-weight | font-weight |
$now-form-field_message--font-family | --now-form-field_message--font-family | form-field | component | now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-form-field_message--text-transform | --now-form-field_message--text-transform | form-field | component | | none | text-transform | text-transform |
$now-form-field_message--critical--color | --now-form-field_message--critical--color | form-field | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-form-field_message--critical--background-color | --now-form-field_message--critical--background-color | form-field | component | now-color_alert--critical-0 | | background-color | color |
$now-form-field_message--warning--color | --now-form-field_message--warning--color | form-field | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-form-field_message--warning--background-color | --now-form-field_message--warning--background-color | form-field | component | now-color_alert--warning-0 | | background-color | color |
$now-form-field_message--positive--color | --now-form-field_message--positive--color | form-field | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-form-field_message--positive--background-color | --now-form-field_message--positive--background-color | form-field | component | now-color_alert--positive-0 | | background-color | color |
$now-form-field_message--info--color | --now-form-field_message--info--color | form-field | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-form-field_message--info--background-color | --now-form-field_message--info--background-color | form-field | component | now-color_alert--info-0 | | background-color | color |
$now-form-field_message--suggestion--color | --now-form-field_message--suggestion--color | form-field | component | now-color_text--tertiary, now-color--neutral-12 | | color | color |
$now-form-field_message--suggestion--background-color | --now-form-field_message--suggestion--background-color | form-field | component | now-color_background--primary, now-color--neutral-0 | | background-color | color |
$now-form-field_message--suggestion--background-color-alpha | --now-form-field_message--suggestion--background-color-alpha | form-field | component | | 0 | background-color-alpha | proportion |
$now-label-value_label--font-style | --now-label-value_label--font-style | label-value | component | now-display-type_label--font-style, now-display-type--font-style | normal | font-style | font-style |
$now-label-value_label--font-weight | --now-label-value_label--font-weight | label-value | component | now-display-type_label--font-weight, now-display-type--font-weight | normal | font-weight | font-weight |
$now-label-value_label--font-family | --now-label-value_label--font-family | label-value | component | now-display-type_label--font-family, now-display-type--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-label-value_label--text-transform | --now-label-value_label--text-transform | label-value | component | now-display-type_label--text-transform, now-display-type--text-transform | none | text-transform | text-transform |
$now-label-value_label--color | --now-label-value_label--color | label-value | component | now-display-type_label--color, now-color_text--tertiary, now-color--neutral-12 | | color | color |
$now-label-value_value--font-style | --now-label-value_value--font-style | label-value | component | now-display-type_value--font-style, now-display-type--font-style | normal | font-style | font-style |
$now-label-value_value--font-weight | --now-label-value_value--font-weight | label-value | component | now-display-type_value--font-weight, now-display-type--font-weight | normal | font-weight | font-weight |
$now-label-value_value--font-family | --now-label-value_value--font-family | label-value | component | now-display-type_value--font-family, now-display-type--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-label-value_value--text-transform | --now-label-value_value--text-transform | label-value | component | now-display-type_value--text-transform, now-display-type--text-transform | none | text-transform | text-transform |
$now-label-value_value--color | --now-label-value_value--color | label-value | component | now-display-type_value--color, now-display-type--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-label-value-inline--font-style | --now-label-value-inline--font-style | label-value-inline | component | now-display-type_label--font-style, now-display-type--font-style | normal | font-style | font-style |
$now-label-value-inline--font-weight | --now-label-value-inline--font-weight | label-value-inline | component | now-display-type_label--font-weight, now-display-type--font-weight | normal | font-weight | font-weight |
$now-label-value-inline--font-family | --now-label-value-inline--font-family | label-value-inline | component | now-display-type_label--font-family, now-display-type--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-label-value-inline--text-transform | --now-label-value-inline--text-transform | label-value-inline | component | now-display-type_label--text-transform, now-display-type--text-transform | none | text-transform | text-transform |
$now-label-value-inline--color | --now-label-value-inline--color | label-value-inline | component | now-display-type_label--color, now-color_text--tertiary, now-color--neutral-12 | | color | color |
$now-label-value_previous--font-style | --now-label-value_previous--font-style | label-value | component | | italic | font-style | font-style |
$now-label-value_previous--font-weight | --now-label-value_previous--font-weight | label-value | component | | normal | font-weight | font-weight |
$now-label-value_previous--text-transform | --now-label-value_previous--text-transform | label-value | component | now-display-type_value--text-transform, now-display-type--text-transform | none | text-transform | text-transform |
$now-label-value_previous--text-decoration | --now-label-value_previous--text-decoration | label-value | component | | line-through | text-decoration | text-decoration |
$now-label-value_previous--color | --now-label-value_previous--color | label-value | component | now-color_text--tertiary, now-color--neutral-12 | | color | color |
$now-loader--font-style | --now-loader--font-style | loader | component | now-loading--font-style | normal | font-style | font-style |
$now-loader--font-weight | --now-loader--font-weight | loader | component | now-loading--font-weight | normal | font-weight | font-weight |
$now-loader--font-family | --now-loader--font-family | loader | component | now-loading--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-loader--text-transform | --now-loader--text-transform | loader | component | now-loading--text-transform | none | text-transform | text-transform |
$now-loader_icon--color | --now-loader_icon--color | loader | component | now-color--primary-1 | | color | color |
$now-modal--font-style | --now-modal--font-style | modal | component | now-window--font-style | normal | font-style | font-style |
$now-modal--font-weight | --now-modal--font-weight | modal | component | now-window--font-weight | normal | font-weight | font-weight |
$now-modal--font-family | --now-modal--font-family | modal | component | now-window--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-modal--text-transform | --now-modal--text-transform | modal | component | now-window--text-transform | none | text-transform | text-transform |
$now-modal--border-width | --now-modal--border-width | modal | component | now-window--border-width | 1px | border-width | size |
$now-modal--border-radius | --now-modal--border-radius | modal | component | now-window--border-radius | 4px | border-radius | size |
$now-modal--border-color | --now-modal--border-color | modal | component | now-window--border-color, now-color_divider--secondary, now-color--neutral-5 | | border-color | color |
$now-modal--background-color | --now-modal--background-color | modal | component | now-window--background-color, now-color_background--primary, now-color--neutral-0 | | background-color | color |
$now-modal_heading--font-style | --now-modal_heading--font-style | modal | component | now-display-type--primary--font-style, now-display-type--font-style | normal | font-style | font-style |
$now-modal_heading--font-weight | --now-modal_heading--font-weight | modal | component | now-display-type--primary--font-weight | 600 | font-weight | font-weight |
$now-modal_heading--font-family | --now-modal_heading--font-family | modal | component | now-display-type--primary--font-family, now-display-type--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-modal_heading--text-transform | --now-modal_heading--text-transform | modal | component | now-display-type--primary--text-transform, now-display-type--text-transform | none | text-transform | text-transform |
$now-modal_overlay--background-color | --now-modal_overlay--background-color | modal | component | now-color--neutral-21 | | background-color | color |
$now-modal_overlay--background-color-alpha | --now-modal_overlay--background-color-alpha | modal | component | | 0.5 | background-color-alpha | proportion |
$now-modeless-dialog--border-width | --now-modeless-dialog--border-width | modeless-dialog | component | now-window--border-width | 1px | border-width | size |
$now-modeless-dialog--border-color | --now-modeless-dialog--border-color | modeless-dialog | component | now-window--border-color, now-color_divider--secondary, now-color--neutral-5 | | border-color | color |
$now-modeless-dialog--background-color | --now-modeless-dialog--background-color | modeless-dialog | component | now-window--background-color, now-color_background--primary, now-color--neutral-0 | | background-color | color |
$now-pagination-control--font-family | --now-pagination-control--font-family | pagination-control | component | now-view-control--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-pagination-control--color | --now-pagination-control--color | pagination-control | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-pagination-control--color--hover | --now-pagination-control--color--hover | pagination-control | component | now-color--secondary-2 | | color | color |
$now-pagination-control--background-color--hover | --now-pagination-control--background-color--hover | pagination-control | component | now-color--secondary-2 | | background-color | color |
$now-pagination-control--color--active | --now-pagination-control--color--active | pagination-control | component | now-color--secondary-3 | | color | color |
$now-pagination-control--background-color--active | --now-pagination-control--background-color--active | pagination-control | component | now-color--secondary-2 | | background-color | color |
$now-pagination-control--background-color--selected | --now-pagination-control--background-color--selected | pagination-control | component | now-color_background--tertiary, now-color--neutral-2 | | background-color | color |
$now-pill--font-style | --now-pill--font-style | pill | component | now-form-control--font-style | normal | font-style | font-style |
$now-pill--font-weight | --now-pill--font-weight | pill | component | now-form-control--font-weight | normal | font-weight | font-weight |
$now-pill--font-family | --now-pill--font-family | pill | component | now-form-control--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-pill--text-transform | --now-pill--text-transform | pill | component | now-form-control--text-transform | none | text-transform | text-transform |
$now-pill--border-width | --now-pill--border-width | pill | component | now-form-control--border-width | 1px | border-width | size |
$now-pill--border-color | --now-pill--border-color | pill | component | now-color_border--secondary, now-color--neutral-5 | | border-color | color |
$now-pill--border-color--hover | --now-pill--border-color--hover | pill | component | now-pill--border-color, now-color_border--secondary, now-color--neutral-5 | | border-color | color |
$now-pill--border-color--active | --now-pill--border-color--active | pill | component | now-pill--border-color, now-color_border--secondary, now-color--neutral-5 | | border-color | color |
$now-pill--border-color--focus | --now-pill--border-color--focus | pill | component | now-color--primary-1 | | border-color | color |
$now-pill--color | --now-pill--color | pill | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-pill--color--hover | --now-pill--color--hover | pill | component | now-color--primary-1 | | color | color |
$now-pill--color--active | --now-pill--color--active | pill | component | now-color--primary-2 | | color | color |
$now-pill--color--focus | --now-pill--color--focus | pill | component | now-color--primary-3 | | color | color |
$now-pill--background-color | --now-pill--background-color | pill | component | now-color_background--primary, now-color--neutral-0 | | background-color | color |
$now-pill--background-color--hover | --now-pill--background-color--hover | pill | component | now-pill--background-color, now-color_background--primary, now-color--neutral-0 | | background-color | color |
$now-pill--background-color--active | --now-pill--background-color--active | pill | component | now-pill--background-color, now-color_background--primary, now-color--neutral-0 | | background-color | color |
$now-pill--background-color--focus | --now-pill--background-color--focus | pill | component | now-color--primary-0 | | background-color | color |
$now-pill--border-color--selected | --now-pill--border-color--selected | pill | component | now-color--primary-1 | | border-color | color |
$now-pill--border-color--selected_hover | --now-pill--border-color--selected_hover | pill | component | now-pill--border-color--selected, now-color--primary-1 | | border-color | color |
$now-pill--border-color--selected_active | --now-pill--border-color--selected_active | pill | component | now-pill--border-color--selected, now-color--primary-1 | | border-color | color |
$now-pill--border-color--selected_focus | --now-pill--border-color--selected_focus | pill | component | now-color--primary-1 | | border-color | color |
$now-pill--color--selected | --now-pill--color--selected | pill | component | now-color--neutral-0 | | color | color |
$now-pill--color--selected_hover | --now-pill--color--selected_hover | pill | component | now-pill--color--selected, now-color--neutral-0 | | color | color |
$now-pill--color--selected_active | --now-pill--color--selected_active | pill | component | now-pill--color--selected, now-color--neutral-0 | | color | color |
$now-pill--color--selected_focus | --now-pill--color--selected_focus | pill | component | now-pill--color--selected, now-color--neutral-0 | | color | color |
$now-pill--background-color--selected | --now-pill--background-color--selected | pill | component | now-color--primary-1 | | background-color | color |
$now-pill--background-color--selected_hover | --now-pill--background-color--selected_hover | pill | component | now-pill--background-color--selected, now-color--primary-1 | | background-color | color |
$now-pill--background-color--selected_active | --now-pill--background-color--selected_active | pill | component | now-pill--background-color--selected, now-color--primary-1 | | background-color | color |
$now-pill--background-color--selected_focus | --now-pill--background-color--selected_focus | pill | component | now-pill--background-color--selected, now-color--primary-1 | | background-color | color |
$now-pill_identifier--border-color--focus | --now-pill_identifier--border-color--focus | pill | component | now-color--primary-1 | | border-color | color |
$now-pill_identifier--color | --now-pill_identifier--color | pill | component | now-pill--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-pill_identifier--color--hover | --now-pill_identifier--color--hover | pill | component | now-pill_identifier--color, now-pill--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-pill_identifier--color--active | --now-pill_identifier--color--active | pill | component | now-color--primary-3 | | color | color |
$now-pill_identifier--color--focus | --now-pill_identifier--color--focus | pill | component | now-pill_identifier--color, now-pill--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-pill_identifier--background-color | --now-pill_identifier--background-color | pill | component | now-pill--background-color, now-color_background--primary, now-color--neutral-0 | | background-color | color |
$now-pill_identifier--background-color--hover | --now-pill_identifier--background-color--hover | pill | component | now-pill_identifier--background-color, now-pill--background-color, now-color_background--primary, now-color--neutral-0 | | background-color | color |
$now-pill_identifier--background-color--active | --now-pill_identifier--background-color--active | pill | component | now-pill_identifier--background-color, now-pill--background-color, now-color_background--primary, now-color--neutral-0 | | background-color | color |
$now-pill_identifier--color--selected | --now-pill_identifier--color--selected | pill | component | now-color--primary-2 | | color | color |
$now-pill_identifier--color--selected_hover | --now-pill_identifier--color--selected_hover | pill | component | now-pill_identifier--color--selected, now-color--primary-2 | | color | color |
$now-pill_identifier--color--selected_active | --now-pill_identifier--color--selected_active | pill | component | now-pill_identifier--color--selected, now-color--primary-2 | | color | color |
$now-pill_identifier--background-color--selected | --now-pill_identifier--background-color--selected | pill | component | now-color--primary-0 | | background-color | color |
$now-pill_identifier--background-color--selected_hover | --now-pill_identifier--background-color--selected_hover | pill | component | now-pill_identifier--background-color--selected, now-color--primary-0 | | background-color | color |
$now-pill_identifier--background-color--selected_active | --now-pill_identifier--background-color--selected_active | pill | component | now-pill_identifier--background-color--selected, now-color--primary-0 | | background-color | color |
$now-popover--border-color | --now-popover--border-color | popover | component | now-menu--border-color, now-color_border--primary, now-color--neutral-7 | | border-color | color |
$now-popover--border-radius | --now-popover--border-radius | popover | component | now-menu--border-radius | 2px | border-radius | size |
$now-popover--background-color | --now-popover--background-color | popover | component | now-menu--background-color, now-color_background--primary, now-color--neutral-0 | | background-color | color |
$now-progress-bar--background-color | --now-progress-bar--background-color | progress-bar | component | now-color_background--tertiary, now-color--neutral-2 | | background-color | color |
$now-progress-bar_path--initial--background-color | --now-progress-bar_path--initial--background-color | progress-bar | component | now-loading--initial--background-color, now-color--primary-1 | | background-color | color |
$now-progress-bar_path--alert--background-color | --now-progress-bar_path--alert--background-color | progress-bar | component | now-color_alert--high-3 | | background-color | color |
$now-progress-bar_path--error--background-color | --now-progress-bar_path--error--background-color | progress-bar | component | now-color_alert--critical-2 | | background-color | color |
$now-progress-bar_path--inactive--background-color | --now-progress-bar_path--inactive--background-color | progress-bar | component | now-color--neutral-9 | | background-color | color |
$now-radio-buttons--font-style | --now-radio-buttons--font-style | radio-buttons | component | now-form-control--font-style | normal | font-style | font-style |
$now-radio-buttons--font-weight | --now-radio-buttons--font-weight | radio-buttons | component | now-form-control--font-weight | normal | font-weight | font-weight |
$now-radio-buttons--font-family | --now-radio-buttons--font-family | radio-buttons | component | now-form-control--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-radio-buttons--text-transform | --now-radio-buttons--text-transform | radio-buttons | component | now-form-control--text-transform | none | text-transform | text-transform |
$now-radio-buttons--background-color | --now-radio-buttons--background-color | radio-buttons | component | now-color_background--primary, now-color--neutral-0 | | background-color | color |
$now-radio-buttons--background-color--hover | --now-radio-buttons--background-color--hover | radio-buttons | component | now-color--secondary-0 | | background-color | color |
$now-radio-buttons--background-color--focus | --now-radio-buttons--background-color--focus | radio-buttons | component | now-color_background--secondary, now-color--neutral-1 | | background-color | color |
$now-radio-buttons--background-color--disabled | --now-radio-buttons--background-color--disabled | radio-buttons | component | now-color--neutral-3 | | background-color | color |
$now-radio-buttons--background-color--invalid_hover | --now-radio-buttons--background-color--invalid_hover | radio-buttons | component | now-color_alert--critical-1 | | background-color | color |
$now-radio-buttons--border-color | --now-radio-buttons--border-color | radio-buttons | component | now-color_border--primary, now-color--neutral-7 | | border-color | color |
$now-radio-buttons--border-color--hover | --now-radio-buttons--border-color--hover | radio-buttons | component | now-color--secondary-1 | | border-color | color |
$now-radio-buttons--border-color--focus | --now-radio-buttons--border-color--focus | radio-buttons | component | now-color--secondary-1 | | border-color | color |
$now-radio-buttons--border-color--disabled | --now-radio-buttons--border-color--disabled | radio-buttons | component | now-color_border--primary, now-color--neutral-7 | | border-color | color |
$now-radio-buttons--border-color--invalid | --now-radio-buttons--border-color--invalid | radio-buttons | component | now-color_alert--critical-2 | | border-color | color |
$now-radio-buttons_radio--background-color | --now-radio-buttons_radio--background-color | radio-buttons | component | now-color--neutral-18 | | background-color | color |
$now-radio-buttons_radio--background-color--hover | --now-radio-buttons_radio--background-color--hover | radio-buttons | component | now-color--secondary-3 | | background-color | color |
$now-radio-buttons_label--color | --now-radio-buttons_label--color | radio-buttons | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-stepper--font-style | --now-stepper--font-style | stepper | component | now-navigation--font-style | normal | font-style | font-style |
$now-stepper--font-weight | --now-stepper--font-weight | stepper | component | now-navigation--font-weight | normal | font-weight | font-weight |
$now-stepper--font-family | --now-stepper--font-family | stepper | component | now-navigation--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-stepper--text-transform | --now-stepper--text-transform | stepper | component | now-navigation--text-transform | none | text-transform | text-transform |
$now-stepper_label--font-style | --now-stepper_label--font-style | stepper | component | now-stepper--font-style, now-navigation--font-style | normal | font-style | font-style |
$now-stepper_label--font-weight | --now-stepper_label--font-weight | stepper | component | now-stepper--font-weight, now-navigation--font-weight | normal | font-weight | font-weight |
$now-stepper_label--font-family | --now-stepper_label--font-family | stepper | component | now-stepper--font-family, now-navigation--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-stepper_label--text-transform | --now-stepper_label--text-transform | stepper | component | now-stepper--text-transform, now-navigation--text-transform | none | text-transform | text-transform |
$now-stepper_sublabel--font-style | --now-stepper_sublabel--font-style | stepper | component | now-stepper_label--font-style, now-stepper--font-style, now-navigation--font-style | normal | font-style | font-style |
$now-stepper_sublabel--font-weight | --now-stepper_sublabel--font-weight | stepper | component | now-stepper_label--font-weight, now-stepper--font-weight, now-navigation--font-weight | normal | font-weight | font-weight |
$now-stepper_sublabel--font-family | --now-stepper_sublabel--font-family | stepper | component | now-stepper_label--font-family, now-stepper--font-family, now-navigation--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-stepper_sublabel--text-transform | --now-stepper_sublabel--text-transform | stepper | component | now-stepper_label--text-transform, now-stepper--text-transform, now-navigation--text-transform | none | text-transform | text-transform |
$now-stepper_completed-count--font-style | --now-stepper_completed-count--font-style | stepper | component | now-stepper--font-style, now-navigation--font-style | normal | font-style | font-style |
$now-stepper_completed-count--font-weight | --now-stepper_completed-count--font-weight | stepper | component | now-stepper--font-weight, now-navigation--font-weight | normal | font-weight | font-weight |
$now-stepper_completed-count--font-family | --now-stepper_completed-count--font-family | stepper | component | now-stepper--font-family, now-navigation--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-stepper_completed-count--text-transform | --now-stepper_completed-count--text-transform | stepper | component | now-stepper--text-transform, now-navigation--text-transform | none | text-transform | text-transform |
$now-stepper_connector--border-color | --now-stepper_connector--border-color | stepper | component | now-color_divider--tertiary, now-color--neutral-3 | | border-color | color |
$now-stepper_step--none--color | --now-stepper_step--none--color | stepper | component | now-color_text--tertiary, now-color--neutral-12 | | color | color |
$now-stepper_step--none--color--hover | --now-stepper_step--none--color--hover | stepper | component | now-color--secondary-1 | | color | color |
$now-stepper_step--none--border-color--hover | --now-stepper_step--none--border-color--hover | stepper | component | now-color--secondary-1 | | border-color | color |
$now-stepper_step--none--color--active | --now-stepper_step--none--color--active | stepper | component | now-color--secondary-3 | | color | color |
$now-stepper_step--none--border-color--active | --now-stepper_step--none--border-color--active | stepper | component | now-color--secondary-3 | | border-color | color |
$now-stepper_step--color--selected | --now-stepper_step--color--selected | stepper | component | now-color--secondary-2 | | color | color |
$now-stepper_step--border-color--selected | --now-stepper_step--border-color--selected | stepper | component | now-color--secondary-2 | | border-color | color |
$now-stepper_step--background-color--selected | --now-stepper_step--background-color--selected | stepper | component | now-color--secondary-0 | | background-color | color |
$now-stepper_step--color--selected_hover | --now-stepper_step--color--selected_hover | stepper | component | now-color--secondary-3 | | color | color |
$now-stepper_step--border-color--selected_hover | --now-stepper_step--border-color--selected_hover | stepper | component | now-color--secondary-3 | | border-color | color |
$now-stepper_step--partial--color | --now-stepper_step--partial--color | stepper | component | now-color--secondary-1 | | color | color |
$now-stepper_step--partial--border-color | --now-stepper_step--partial--border-color | stepper | component | now-color--secondary-1 | | border-color | color |
$now-stepper_step--partial--color--hover | --now-stepper_step--partial--color--hover | stepper | component | now-color--secondary-2 | | color | color |
$now-stepper_step--partial--border-color--hover | --now-stepper_step--partial--border-color--hover | stepper | component | now-color--secondary-2 | | border-color | color |
$now-stepper_step--partial--color--active | --now-stepper_step--partial--color--active | stepper | component | now-color--secondary-3 | | color | color |
$now-stepper_step--partial--border-color--active | --now-stepper_step--partial--border-color--active | stepper | component | now-color--secondary-3 | | border-color | color |
$now-stepper_step--done--color | --now-stepper_step--done--color | stepper | component | now-color--secondary-1 | | color | color |
$now-stepper_step--done--color--hover | --now-stepper_step--done--color--hover | stepper | component | now-color--secondary-2 | | color | color |
$now-stepper_step--done--color--active | --now-stepper_step--done--color--active | stepper | component | now-color--secondary-3 | | color | color |
$now-stepper_completed-count--color | --now-stepper_completed-count--color | stepper | component | now-color_text--tertiary, now-color--neutral-12 | | color | color |
$now-tabs--font-style | --now-tabs--font-style | tabs | component | now-navigation--font-style | normal | font-style | font-style |
$now-tabs--font-weight | --now-tabs--font-weight | tabs | component | now-navigation--font-weight | normal | font-weight | font-weight |
$now-tabs--font-family | --now-tabs--font-family | tabs | component | now-navigation--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-tabs--text-transform | --now-tabs--text-transform | tabs | component | now-navigation--text-transform | none | text-transform | text-transform |
$now-tabs--color | --now-tabs--color | tabs | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-tabs--color--hover | --now-tabs--color--hover | tabs | component | now-color_selection--primary-3 | | color | color |
$now-tabs--background-color--hover | --now-tabs--background-color--hover | tabs | component | now-tabs--background-color, now-color_background--primary, now-color--neutral-0 | | background-color | color |
$now-tabs--color--selected | --now-tabs--color--selected | tabs | component | now-color_selection--primary-3 | | color | color |
$now-tabs--background-color--selected | --now-tabs--background-color--selected | tabs | component | now-tabs--background-color, now-color_background--primary, now-color--neutral-0 | | background-color | color |
$now-template-card-omnichannel--color | --now-template-card-omnichannel--color | template-card-omnichannel | component | now-color_text--tertiary, now-color--neutral-12 | | color | color |
$now-text-link--font-style | --now-text-link--font-style | text-link | component | | inherit | font-style | font-style |
$now-text-link--font-weight | --now-text-link--font-weight | text-link | component | | inherit | font-weight | font-weight |
$now-text-link--font-family | --now-text-link--font-family | text-link | component | | inherit | font-family | font-family |
$now-text-link--text-transform | --now-text-link--text-transform | text-link | component | | inherit | text-transform | text-transform |
$now-text-link--primary--color | --now-text-link--primary--color | text-link | component | now-color--secondary-1 | | color | color |
$now-text-link--primary--color--hover | --now-text-link--primary--color--hover | text-link | component | now-color--secondary-2 | | color | color |
$now-text-link--primary--color--active | --now-text-link--primary--color--active | text-link | component | now-color--secondary-3 | | color | color |
$now-text-link--secondary--color | --now-text-link--secondary--color | text-link | component | now-color--secondary-2 | | color | color |
$now-text-link--secondary--color--hover | --now-text-link--secondary--color--hover | text-link | component | now-color--secondary-3 | | color | color |
$now-text-link--secondary--color--active | --now-text-link--secondary--color--active | text-link | component | now-color--secondary-3 | | color | color |
$now-toggle_track--border-color | --now-toggle_track--border-color | toggle | component | now-color_border--primary, now-color--neutral-7 | | border-color | color |
$now-toggle_track--border-color--checked | --now-toggle_track--border-color--checked | toggle | component | now-color--primary-2 | | border-color | color |
$now-toggle_track--background-color | --now-toggle_track--background-color | toggle | component | now-color_background--tertiary, now-color--neutral-2 | | background-color | color |
$now-toggle_track--background-color--checked | --now-toggle_track--background-color--checked | toggle | component | now-color--primary-1 | | background-color | color |
$now-toggle_handle--border-color | --now-toggle_handle--border-color | toggle | component | now-color_border--primary, now-color--neutral-7 | | border-color | color |
$now-toggle_handle--background-color | --now-toggle_handle--background-color | toggle | component | now-color--neutral-0 | | background-color | color |
$now-toggle_handle--background-color--hover | --now-toggle_handle--background-color--hover | toggle | component | now-color--neutral-3 | | background-color | color |
$now-tooltip--font-style | --now-tooltip--font-style | tooltip | component | now-menu--font-style | normal | font-style | font-style |
$now-tooltip--font-weight | --now-tooltip--font-weight | tooltip | component | now-menu--font-weight | normal | font-weight | font-weight |
$now-tooltip--font-family | --now-tooltip--font-family | tooltip | component | now-menu--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-tooltip--text-transform | --now-tooltip--text-transform | tooltip | component | now-menu--text-transform | none | text-transform | text-transform |
$now-tooltip--border-radius | --now-tooltip--border-radius | tooltip | component | now-menu--border-radius | 2px | border-radius | size |
$now-tooltip--color | --now-tooltip--color | tooltip | component | now-color--neutral-0 | | color | color |
$now-tooltip--background-color | --now-tooltip--background-color | tooltip | component | now-color--neutral-19 | | background-color | color |
$now-button--border-width | --now-button--border-width | button | component | now-actionable--border-width | 1px | border-width | size |
$now-button--border-radius | --now-button--border-radius | button | component | now-actionable--border-radius | 0 | border-radius | size |
$now-button--font-style | --now-button--font-style | button | component | now-actionable--font-style | normal | font-style | font-style |
$now-button--font-weight | --now-button--font-weight | button | component | now-actionable--font-weight | normal | font-weight | font-weight |
$now-button--font-family | --now-button--font-family | button | component | now-actionable--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-button--text-transform | --now-button--text-transform | button | component | now-actionable--text-transform | none | text-transform | text-transform |
$now-button--primary--border-color | --now-button--primary--border-color | button | component | now-color--primary-3 | | border-color | color |
$now-button--primary--border-color--hover | --now-button--primary--border-color--hover | button | component | now-color--primary-3 | | border-color | color |
$now-button--primary--border-color--active | --now-button--primary--border-color--active | button | component | now-color--primary-3 | | border-color | color |
$now-button--primary--color | --now-button--primary--color | button | component | now-color--neutral-0 | | color | color |
$now-button--primary--color--hover | --now-button--primary--color--hover | button | component | now-color--neutral-0 | | color | color |
$now-button--primary--color--active | --now-button--primary--color--active | button | component | now-color--neutral-0 | | color | color |
$now-button--primary--background-color | --now-button--primary--background-color | button | component | now-color--primary-1 | | background-color | color |
$now-button--primary--background-color--hover | --now-button--primary--background-color--hover | button | component | now-color--primary-2 | | background-color | color |
$now-button--primary--background-color--active | --now-button--primary--background-color--active | button | component | now-color--primary-3 | | background-color | color |
$now-button--primary-positive--border-color | --now-button--primary-positive--border-color | button | component | now-color_alert--positive-4 | | border-color | color |
$now-button--primary-positive--border-color--hover | --now-button--primary-positive--border-color--hover | button | component | now-color_alert--positive-4 | | border-color | color |
$now-button--primary-positive--border-color--active | --now-button--primary-positive--border-color--active | button | component | now-color_alert--positive-4 | | border-color | color |
$now-button--primary-positive--color | --now-button--primary-positive--color | button | component | now-button--primary--color, now-color--neutral-0 | | color | color |
$now-button--primary-positive--color--hover | --now-button--primary-positive--color--hover | button | component | now-button--primary-positive--color, now-button--primary--color, now-color--neutral-0 | | color | color |
$now-button--primary-positive--color--active | --now-button--primary-positive--color--active | button | component | now-button--primary-positive--color, now-button--primary--color, now-color--neutral-0 | | color | color |
$now-button--primary-positive--background-color | --now-button--primary-positive--background-color | button | component | now-color_alert--positive-2 | | background-color | color |
$now-button--primary-positive--background-color--hover | --now-button--primary-positive--background-color--hover | button | component | now-color_alert--positive-3 | | background-color | color |
$now-button--primary-positive--background-color--active | --now-button--primary-positive--background-color--active | button | component | now-color_alert--positive-4 | | background-color | color |
$now-button--primary-negative--border-color | --now-button--primary-negative--border-color | button | component | now-color_alert--critical-4 | | border-color | color |
$now-button--primary-negative--border-color--hover | --now-button--primary-negative--border-color--hover | button | component | now-color_alert--critical-4 | | border-color | color |
$now-button--primary-negative--border-color--active | --now-button--primary-negative--border-color--active | button | component | now-color_alert--critical-4 | | border-color | color |
$now-button--primary-negative--color | --now-button--primary-negative--color | button | component | now-color--neutral-0 | | color | color |
$now-button--primary-negative--color--hover | --now-button--primary-negative--color--hover | button | component | now-color--neutral-0 | | color | color |
$now-button--primary-negative--color--active | --now-button--primary-negative--color--active | button | component | now-color--neutral-0 | | color | color |
$now-button--primary-negative--background-color | --now-button--primary-negative--background-color | button | component | now-color_alert--critical-2 | | background-color | color |
$now-button--primary-negative--background-color--hover | --now-button--primary-negative--background-color--hover | button | component | now-color_alert--critical-3 | | background-color | color |
$now-button--primary-negative--background-color--active | --now-button--primary-negative--background-color--active | button | component | now-color_alert--critical-4 | | background-color | color |
$now-button--bare_primary--color | --now-button--bare_primary--color | button | component | now-color--primary-1 | | color | color |
$now-button--bare_primary--color--hover | --now-button--bare_primary--color--hover | button | component | now-color--primary-2 | | color | color |
$now-button--bare_primary--color--active | --now-button--bare_primary--color--active | button | component | now-color--primary-3 | | color | color |
$now-button--bare_primary--background-color--hover | --now-button--bare_primary--background-color--hover | button | component | now-color--primary-2 | | background-color | color |
$now-button--bare_primary--background-color--active | --now-button--bare_primary--background-color--active | button | component | now-color--primary-2 | | background-color | color |
$now-button--primary_high-contrast--color | --now-button--primary_high-contrast--color | button | component | now-color--primary-2 | | color | color |
$now-button--primary_high-contrast--color--hover | --now-button--primary_high-contrast--color--hover | button | component | now-color--primary-3 | | color | color |
$now-button--primary_high-contrast--color--active | --now-button--primary_high-contrast--color--active | button | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-button--primary_highlighted--background-color--selected | --now-button--primary_highlighted--background-color--selected | button | component | now-color--primary-2 | | background-color | color |
$now-button--secondary--border-color | --now-button--secondary--border-color | button | component | now-color--neutral-7 | | border-color | color |
$now-button--secondary--border-color--hover | --now-button--secondary--border-color--hover | button | component | now-color--neutral-7 | | border-color | color |
$now-button--secondary--border-color--active | --now-button--secondary--border-color--active | button | component | now-color--neutral-7 | | border-color | color |
$now-button--secondary--color | --now-button--secondary--color | button | component | now-color--neutral-18 | | color | color |
$now-button--secondary--color--hover | --now-button--secondary--color--hover | button | component | now-color--secondary-2 | | color | color |
$now-button--secondary--color--active | --now-button--secondary--color--active | button | component | now-color--secondary-3 | | color | color |
$now-button--secondary--background-color | --now-button--secondary--background-color | button | component | now-color_background--tertiary, now-color--neutral-2 | | background-color | color |
$now-button--secondary--background-color--hover | --now-button--secondary--background-color--hover | button | component | now-color--neutral-3 | | background-color | color |
$now-button--secondary--background-color--active | --now-button--secondary--background-color--active | button | component | now-color--neutral-5 | | background-color | color |
$now-button--secondary-positive--border-color | --now-button--secondary-positive--border-color | button | component | now-color_alert--positive-2 | | border-color | color |
$now-button--secondary-positive--border-color--hover | --now-button--secondary-positive--border-color--hover | button | component | now-color_alert--positive-2 | | border-color | color |
$now-button--secondary-positive--border-color--active | --now-button--secondary-positive--border-color--active | button | component | now-color_alert--positive-2 | | border-color | color |
$now-button--secondary-positive--color | --now-button--secondary-positive--color | button | component | now-color_alert--positive-4 | | color | color |
$now-button--secondary-positive--color--hover | --now-button--secondary-positive--color--hover | button | component | now-color_alert--positive-5 | | color | color |
$now-button--secondary-positive--color--active | --now-button--secondary-positive--color--active | button | component | now-color--neutral-0 | | color | color |
$now-button--secondary-positive--background-color | --now-button--secondary-positive--background-color | button | component | now-color_alert--positive-0 | | background-color | color |
$now-button--secondary-positive--background-color--hover | --now-button--secondary-positive--background-color--hover | button | component | now-color_alert--positive-1 | | background-color | color |
$now-button--secondary-positive--background-color--active | --now-button--secondary-positive--background-color--active | button | component | now-color_alert--positive-2 | | background-color | color |
$now-button--secondary-negative--border-color | --now-button--secondary-negative--border-color | button | component | now-color_alert--critical-2 | | border-color | color |
$now-button--secondary-negative--border-color--hover | --now-button--secondary-negative--border-color--hover | button | component | now-color_alert--critical-2 | | border-color | color |
$now-button--secondary-negative--border-color--active | --now-button--secondary-negative--border-color--active | button | component | now-color_alert--critical-2 | | border-color | color |
$now-button--secondary-negative--color | --now-button--secondary-negative--color | button | component | now-color_alert--critical-4 | | color | color |
$now-button--secondary-negative--color--hover | --now-button--secondary-negative--color--hover | button | component | now-color_alert--critical-5 | | color | color |
$now-button--secondary-negative--color--active | --now-button--secondary-negative--color--active | button | component | now-color--neutral-0 | | color | color |
$now-button--secondary-negative--background-color | --now-button--secondary-negative--background-color | button | component | now-color_alert--critical-0 | | background-color | color |
$now-button--secondary-negative--background-color--hover | --now-button--secondary-negative--background-color--hover | button | component | now-color_alert--critical-1 | | background-color | color |
$now-button--secondary-negative--background-color--active | --now-button--secondary-negative--background-color--active | button | component | now-color_alert--critical-2 | | background-color | color |
$now-button--bare_secondary--color | --now-button--bare_secondary--color | button | component | now-color--secondary-1 | | color | color |
$now-button--bare_secondary--color--hover | --now-button--bare_secondary--color--hover | button | component | now-color--secondary-2 | | color | color |
$now-button--bare_secondary--color--active | --now-button--bare_secondary--color--active | button | component | now-color--secondary-3 | | color | color |
$now-button--bare_secondary--background-color--hover | --now-button--bare_secondary--background-color--hover | button | component | now-color--secondary-1 | | background-color | color |
$now-button--bare_secondary--background-color--active | --now-button--bare_secondary--background-color--active | button | component | now-color--secondary-2 | | background-color | color |
$now-button--secondary_high-contrast--color | --now-button--secondary_high-contrast--color | button | component | now-color--secondary-2 | | color | color |
$now-button--secondary_high-contrast--color--hover | --now-button--secondary_high-contrast--color--hover | button | component | now-color--secondary-3 | | color | color |
$now-button--secondary_high-contrast--color--active | --now-button--secondary_high-contrast--color--active | button | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-button--secondary_highlighted--background-color--selected | --now-button--secondary_highlighted--background-color--selected | button | component | now-color--primary-2 | | background-color | color |
$now-button--tertiary--border-color | --now-button--tertiary--border-color | button | component | now-color--neutral-7 | | border-color | color |
$now-button--tertiary--border-color--hover | --now-button--tertiary--border-color--hover | button | component | now-button--tertiary--border-color, now-color--neutral-7 | | border-color | color |
$now-button--tertiary--border-color--active | --now-button--tertiary--border-color--active | button | component | now-button--tertiary--border-color, now-color--neutral-7 | | border-color | color |
$now-button--tertiary--color | --now-button--tertiary--color | button | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-button--tertiary--color--hover | --now-button--tertiary--color--hover | button | component | now-color--secondary-2 | | color | color |
$now-button--tertiary--color--active | --now-button--tertiary--color--active | button | component | now-color--secondary-3 | | color | color |
$now-button--tertiary--background-color | --now-button--tertiary--background-color | button | component | now-color_background--primary, now-color--neutral-0 | | background-color | color |
$now-button--tertiary--background-color-alpha | --now-button--tertiary--background-color-alpha | button | component | | 0 | background-color-alpha | proportion |
$now-button--tertiary--background-color--hover | --now-button--tertiary--background-color--hover | button | component | now-color--neutral-2 | | background-color | color |
$now-button--tertiary--background-color--active | --now-button--tertiary--background-color--active | button | component | now-color--neutral-5 | | background-color | color |
$now-button--bare_tertiary--background-color--hover | --now-button--bare_tertiary--background-color--hover | button | component | now-color--neutral-12 | | background-color | color |
$now-button--bare_tertiary--background-color--active | --now-button--bare_tertiary--background-color--active | button | component | now-color--neutral-12 | | background-color | color |
$now-button--tertiary_high-contrast--color | --now-button--tertiary_high-contrast--color | button | component | now-button--tertiary--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-button--tertiary_high-contrast--color--hover | --now-button--tertiary_high-contrast--color--hover | button | component | now-color--secondary-3 | | color | color |
$now-button--tertiary_high-contrast--color--active | --now-button--tertiary_high-contrast--color--active | button | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-button--color--disabled | --now-button--color--disabled | button | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-button-circular--border-color | --now-button-circular--border-color | button-circular | component | now-button--primary--border-color, now-color--primary-3 | | border-color | color |
$now-button-circular--border-color--hover | --now-button-circular--border-color--hover | button-circular | component | now-button--primary--border-color--hover, now-color--primary-3 | | border-color | color |
$now-button-circular--border-color--active | --now-button-circular--border-color--active | button-circular | component | now-button--primary--border-color--active, now-color--primary-3 | | border-color | color |
$now-button-circular--color | --now-button-circular--color | button-circular | component | now-button--primary--color, now-color--neutral-0 | | color | color |
$now-button-circular--color--hover | --now-button-circular--color--hover | button-circular | component | now-button--primary--color--hover, now-color--neutral-0 | | color | color |
$now-button-circular--color--active | --now-button-circular--color--active | button-circular | component | now-button--primary--color--active, now-color--neutral-0 | | color | color |
$now-button-circular--background-color | --now-button-circular--background-color | button-circular | component | now-button--primary--background-color, now-color--primary-1 | | background-color | color |
$now-button-circular--background-color--hover | --now-button-circular--background-color--hover | button-circular | component | now-button--primary--background-color--hover, now-color--primary-2 | | background-color | color |
$now-button-circular--background-color--active | --now-button-circular--background-color--active | button-circular | component | now-button--primary--background-color--active, now-color--primary-3 | | background-color | color |
$now-color--neutral-0 | --now-color--neutral-0 | color | system.base | | | | color |
$now-color--neutral-1 | --now-color--neutral-1 | color | system.base | | | | color |
$now-color--neutral-2 | --now-color--neutral-2 | color | system.base | | | | color |
$now-color--neutral-3 | --now-color--neutral-3 | color | system.base | | | | color |
$now-color--neutral-4 | --now-color--neutral-4 | color | system.base | | | | color |
$now-color--neutral-5 | --now-color--neutral-5 | color | system.base | | | | color |
$now-color--neutral-6 | --now-color--neutral-6 | color | system.base | | | | color |
$now-color--neutral-7 | --now-color--neutral-7 | color | system.base | | | | color |
$now-color--neutral-8 | --now-color--neutral-8 | color | system.base | | | | color |
$now-color--neutral-9 | --now-color--neutral-9 | color | system.base | | | | color |
$now-color--neutral-10 | --now-color--neutral-10 | color | system.base | | | | color |
$now-color--neutral-11 | --now-color--neutral-11 | color | system.base | | | | color |
$now-color--neutral-12 | --now-color--neutral-12 | color | system.base | | | | color |
$now-color--neutral-13 | --now-color--neutral-13 | color | system.base | | | | color |
$now-color--neutral-14 | --now-color--neutral-14 | color | system.base | | | | color |
$now-color--neutral-15 | --now-color--neutral-15 | color | system.base | | | | color |
$now-color--neutral-16 | --now-color--neutral-16 | color | system.base | | | | color |
$now-color--neutral-17 | --now-color--neutral-17 | color | system.base | | | | color |
$now-color--neutral-18 | --now-color--neutral-18 | color | system.base | | | | color |
$now-color--neutral-19 | --now-color--neutral-19 | color | system.base | | | | color |
$now-color--neutral-20 | --now-color--neutral-20 | color | system.base | | | | color |
$now-color--neutral-21 | --now-color--neutral-21 | color | system.base | | | | color |
$now-color--primary-0 | --now-color--primary-0 | color | system.base | | | | color |
$now-color--primary-1 | --now-color--primary-1 | color | system.base | | | | color |
$now-color--primary-2 | --now-color--primary-2 | color | system.base | | | | color |
$now-color--primary-3 | --now-color--primary-3 | color | system.base | | | | color |
$now-color--secondary-0 | --now-color--secondary-0 | color | system.base | | | | color |
$now-color--secondary-1 | --now-color--secondary-1 | color | system.base | | | | color |
$now-color--secondary-2 | --now-color--secondary-2 | color | system.base | | | | color |
$now-color--secondary-3 | --now-color--secondary-3 | color | system.base | | | | color |
$now-color_presence--available | --now-color_presence--available | color | system.base | | | | color |
$now-color_presence--busy | --now-color_presence--busy | color | system.base | | | | color |
$now-color_presence--away | --now-color_presence--away | color | system.base | | | | color |
$now-color_presence--offline | --now-color_presence--offline | color | system.base | | | | color |
$now-color_alert--critical-0 | --now-color_alert--critical-0 | color | system.base | | | | color |
$now-color_alert--critical-1 | --now-color_alert--critical-1 | color | system.base | | | | color |
$now-color_alert--critical-2 | --now-color_alert--critical-2 | color | system.base | | | | color |
$now-color_alert--critical-3 | --now-color_alert--critical-3 | color | system.base | | | | color |
$now-color_alert--critical-4 | --now-color_alert--critical-4 | color | system.base | | | | color |
$now-color_alert--critical-5 | --now-color_alert--critical-5 | color | system.base | | | | color |
$now-color_alert--high-0 | --now-color_alert--high-0 | color | system.base | | | | color |
$now-color_alert--high-1 | --now-color_alert--high-1 | color | system.base | | | | color |
$now-color_alert--high-2 | --now-color_alert--high-2 | color | system.base | | | | color |
$now-color_alert--high-3 | --now-color_alert--high-3 | color | system.base | | | | color |
$now-color_alert--high-4 | --now-color_alert--high-4 | color | system.base | | | | color |
$now-color_alert--high-5 | --now-color_alert--high-5 | color | system.base | | | | color |
$now-color_alert--warning-0 | --now-color_alert--warning-0 | color | system.base | | | | color |
$now-color_alert--warning-1 | --now-color_alert--warning-1 | color | system.base | | | | color |
$now-color_alert--warning-2 | --now-color_alert--warning-2 | color | system.base | | | | color |
$now-color_alert--warning-3 | --now-color_alert--warning-3 | color | system.base | | | | color |
$now-color_alert--warning-4 | --now-color_alert--warning-4 | color | system.base | | | | color |
$now-color_alert--warning-5 | --now-color_alert--warning-5 | color | system.base | | | | color |
$now-color_alert--moderate-0 | --now-color_alert--moderate-0 | color | system.base | | | | color |
$now-color_alert--moderate-1 | --now-color_alert--moderate-1 | color | system.base | | | | color |
$now-color_alert--moderate-2 | --now-color_alert--moderate-2 | color | system.base | | | | color |
$now-color_alert--moderate-3 | --now-color_alert--moderate-3 | color | system.base | | | | color |
$now-color_alert--moderate-4 | --now-color_alert--moderate-4 | color | system.base | | | | color |
$now-color_alert--moderate-5 | --now-color_alert--moderate-5 | color | system.base | | | | color |
$now-color_alert--info-0 | --now-color_alert--info-0 | color | system.base | | | | color |
$now-color_alert--info-1 | --now-color_alert--info-1 | color | system.base | | | | color |
$now-color_alert--info-2 | --now-color_alert--info-2 | color | system.base | | | | color |
$now-color_alert--info-3 | --now-color_alert--info-3 | color | system.base | | | | color |
$now-color_alert--info-4 | --now-color_alert--info-4 | color | system.base | | | | color |
$now-color_alert--info-5 | --now-color_alert--info-5 | color | system.base | | | | color |
$now-color_alert--positive-0 | --now-color_alert--positive-0 | color | system.base | | | | color |
$now-color_alert--positive-1 | --now-color_alert--positive-1 | color | system.base | | | | color |
$now-color_alert--positive-2 | --now-color_alert--positive-2 | color | system.base | | | | color |
$now-color_alert--positive-3 | --now-color_alert--positive-3 | color | system.base | | | | color |
$now-color_alert--positive-4 | --now-color_alert--positive-4 | color | system.base | | | | color |
$now-color_alert--positive-5 | --now-color_alert--positive-5 | color | system.base | | | | color |
$now-color_alert--low-0 | --now-color_alert--low-0 | color | system.base | | | | color |
$now-color_alert--low-1 | --now-color_alert--low-1 | color | system.base | | | | color |
$now-color_alert--low-2 | --now-color_alert--low-2 | color | system.base | | | | color |
$now-color_alert--low-3 | --now-color_alert--low-3 | color | system.base | | | | color |
$now-color_alert--low-4 | --now-color_alert--low-4 | color | system.base | | | | color |
$now-color_alert--low-5 | --now-color_alert--low-5 | color | system.base | | | | color |
$now-color_brand--neutral | --now-color_brand--neutral | color | system.base | | | | color |
$now-color_brand--primary | --now-color_brand--primary | color | system.base | | | | color |
$now-color_brand--secondary | --now-color_brand--secondary | color | system.base | | | | color |
$now-color_background--primary | --now-color_background--primary | color | system.ui | now-color--neutral-0 | | | color |
$now-color_background--secondary | --now-color_background--secondary | color | system.ui | now-color--neutral-1 | | | color |
$now-color_background--tertiary | --now-color_background--tertiary | color | system.ui | now-color--neutral-2 | | | color |
$now-color_divider--primary | --now-color_divider--primary | color | system.ui | now-color--neutral-7 | | | color |
$now-color_divider--secondary | --now-color_divider--secondary | color | system.ui | now-color--neutral-5 | | | color |
$now-color_divider--tertiary | --now-color_divider--tertiary | color | system.ui | now-color--neutral-3 | | | color |
$now-color_text--primary | --now-color_text--primary | color | system.ui | now-color--neutral-18 | | | color |
$now-color_text--secondary | --now-color_text--secondary | color | system.ui | now-color--neutral-15 | | | color |
$now-color_text--tertiary | --now-color_text--tertiary | color | system.ui | now-color--neutral-12 | | | color |
$now-color_focus-ring | --now-color_focus-ring | color | system.base | now-color--secondary-1 | | | color |
$now-color_focus-ring_shadow | --now-color_focus-ring_shadow | color | system.base | now-color_background--primary, now-color--neutral-0 | | | color |
$now-color_grouped--blue-0 | --now-color_grouped--blue-0 | color | system.base | | | | color |
$now-color_grouped--blue-1 | --now-color_grouped--blue-1 | color | system.base | | | | color |
$now-color_grouped--blue-2 | --now-color_grouped--blue-2 | color | system.base | | | | color |
$now-color_grouped--blue-3 | --now-color_grouped--blue-3 | color | system.base | | | | color |
$now-color_grouped--blue-4 | --now-color_grouped--blue-4 | color | system.base | | | | color |
$now-color_grouped--blue-5 | --now-color_grouped--blue-5 | color | system.base | | | | color |
$now-color_grouped--brown-0 | --now-color_grouped--brown-0 | color | system.base | | | | color |
$now-color_grouped--brown-1 | --now-color_grouped--brown-1 | color | system.base | | | | color |
$now-color_grouped--brown-2 | --now-color_grouped--brown-2 | color | system.base | | | | color |
$now-color_grouped--brown-3 | --now-color_grouped--brown-3 | color | system.base | | | | color |
$now-color_grouped--brown-4 | --now-color_grouped--brown-4 | color | system.base | | | | color |
$now-color_grouped--brown-5 | --now-color_grouped--brown-5 | color | system.base | | | | color |
$now-color_grouped--gray-0 | --now-color_grouped--gray-0 | color | system.base | | | | color |
$now-color_grouped--gray-1 | --now-color_grouped--gray-1 | color | system.base | | | | color |
$now-color_grouped--gray-2 | --now-color_grouped--gray-2 | color | system.base | | | | color |
$now-color_grouped--gray-3 | --now-color_grouped--gray-3 | color | system.base | | | | color |
$now-color_grouped--gray-4 | --now-color_grouped--gray-4 | color | system.base | | | | color |
$now-color_grouped--gray-5 | --now-color_grouped--gray-5 | color | system.base | | | | color |
$now-color_grouped--green-0 | --now-color_grouped--green-0 | color | system.base | | | | color |
$now-color_grouped--green-1 | --now-color_grouped--green-1 | color | system.base | | | | color |
$now-color_grouped--green-2 | --now-color_grouped--green-2 | color | system.base | | | | color |
$now-color_grouped--green-3 | --now-color_grouped--green-3 | color | system.base | | | | color |
$now-color_grouped--green-4 | --now-color_grouped--green-4 | color | system.base | | | | color |
$now-color_grouped--green-5 | --now-color_grouped--green-5 | color | system.base | | | | color |
$now-color_grouped--green-yellow-0 | --now-color_grouped--green-yellow-0 | color | system.base | | | | color |
$now-color_grouped--green-yellow-1 | --now-color_grouped--green-yellow-1 | color | system.base | | | | color |
$now-color_grouped--green-yellow-2 | --now-color_grouped--green-yellow-2 | color | system.base | | | | color |
$now-color_grouped--green-yellow-3 | --now-color_grouped--green-yellow-3 | color | system.base | | | | color |
$now-color_grouped--green-yellow-4 | --now-color_grouped--green-yellow-4 | color | system.base | | | | color |
$now-color_grouped--green-yellow-5 | --now-color_grouped--green-yellow-5 | color | system.base | | | | color |
$now-color_grouped--magenta-0 | --now-color_grouped--magenta-0 | color | system.base | | | | color |
$now-color_grouped--magenta-1 | --now-color_grouped--magenta-1 | color | system.base | | | | color |
$now-color_grouped--magenta-2 | --now-color_grouped--magenta-2 | color | system.base | | | | color |
$now-color_grouped--magenta-3 | --now-color_grouped--magenta-3 | color | system.base | | | | color |
$now-color_grouped--magenta-4 | --now-color_grouped--magenta-4 | color | system.base | | | | color |
$now-color_grouped--magenta-5 | --now-color_grouped--magenta-5 | color | system.base | | | | color |
$now-color_grouped--orange-0 | --now-color_grouped--orange-0 | color | system.base | | | | color |
$now-color_grouped--orange-1 | --now-color_grouped--orange-1 | color | system.base | | | | color |
$now-color_grouped--orange-2 | --now-color_grouped--orange-2 | color | system.base | | | | color |
$now-color_grouped--orange-3 | --now-color_grouped--orange-3 | color | system.base | | | | color |
$now-color_grouped--orange-4 | --now-color_grouped--orange-4 | color | system.base | | | | color |
$now-color_grouped--orange-5 | --now-color_grouped--orange-5 | color | system.base | | | | color |
$now-color_grouped--pink-0 | --now-color_grouped--pink-0 | color | system.base | | | | color |
$now-color_grouped--pink-1 | --now-color_grouped--pink-1 | color | system.base | | | | color |
$now-color_grouped--pink-2 | --now-color_grouped--pink-2 | color | system.base | | | | color |
$now-color_grouped--pink-3 | --now-color_grouped--pink-3 | color | system.base | | | | color |
$now-color_grouped--pink-4 | --now-color_grouped--pink-4 | color | system.base | | | | color |
$now-color_grouped--pink-5 | --now-color_grouped--pink-5 | color | system.base | | | | color |
$now-color_grouped--purple-0 | --now-color_grouped--purple-0 | color | system.base | | | | color |
$now-color_grouped--purple-1 | --now-color_grouped--purple-1 | color | system.base | | | | color |
$now-color_grouped--purple-2 | --now-color_grouped--purple-2 | color | system.base | | | | color |
$now-color_grouped--purple-3 | --now-color_grouped--purple-3 | color | system.base | | | | color |
$now-color_grouped--purple-4 | --now-color_grouped--purple-4 | color | system.base | | | | color |
$now-color_grouped--purple-5 | --now-color_grouped--purple-5 | color | system.base | | | | color |
$now-color_grouped--teal-0 | --now-color_grouped--teal-0 | color | system.base | | | | color |
$now-color_grouped--teal-1 | --now-color_grouped--teal-1 | color | system.base | | | | color |
$now-color_grouped--teal-2 | --now-color_grouped--teal-2 | color | system.base | | | | color |
$now-color_grouped--teal-3 | --now-color_grouped--teal-3 | color | system.base | | | | color |
$now-color_grouped--teal-4 | --now-color_grouped--teal-4 | color | system.base | | | | color |
$now-color_grouped--teal-5 | --now-color_grouped--teal-5 | color | system.base | | | | color |
$now-color_grouped--yellow-0 | --now-color_grouped--yellow-0 | color | system.base | | | | color |
$now-color_grouped--yellow-1 | --now-color_grouped--yellow-1 | color | system.base | | | | color |
$now-color_grouped--yellow-2 | --now-color_grouped--yellow-2 | color | system.base | | | | color |
$now-color_grouped--yellow-3 | --now-color_grouped--yellow-3 | color | system.base | | | | color |
$now-color_grouped--yellow-4 | --now-color_grouped--yellow-4 | color | system.base | | | | color |
$now-color_grouped--yellow-5 | --now-color_grouped--yellow-5 | color | system.base | | | | color |
$now-global-font-size--sm | - | global | system | | 12px | font-size | font-size |
$now-global-font-size--md | - | global | system | | 16px | font-size | font-size |
$now-global-font-size--lg | - | global | system | | 20px | font-size | font-size |
$now-global-font-size--xl | - | global | system | | 24px | font-size | font-size |
$now-global-font-size--xxl | - | global | system | | 32px | font-size | font-size |
$now-global-line-height--sm | - | global | system | | 1.33333333333 | line-height | scale |
$now-global-line-height | - | global | system | | 1.25 | line-height | scale |
$now-global-line-height-crop--before | - | global | system | | -0.25em | line-height-crop | size |
$now-global-line-height-crop--after | - | global | system | | -0.125em | line-height-crop | size |
$now-global-space--xxs | - | global | system | | 2px | space | size |
$now-global-space--xs | - | global | system | | 4px | space | size |
$now-global-space--sm | - | global | system | | 8px | space | size |
$now-global-space--md | - | global | system | | 12px | space | size |
$now-global-space--lg | - | global | system | | 16px | space | size |
$now-global-space--xl | - | global | system | | 24px | space | size |
$now-global-space--xxl | - | global | system | | 32px | space | size |
$now-global-space--3xl | - | global | system | | 40px | space | size |
$now-global-layer--temp | - | global | system | | 1000 | layer | z-index |
$now-global-layer--nav | - | global | system | | 2000 | layer | z-index |
$now-global-layer--notify | - | global | system | | 3000 | layer | z-index |
$now-global-layer--modal | - | global | system | | 4000 | layer | z-index |
$now-global-border-radius--sm | - | global | system | | 2px | border-radius | size |
$now-global-border-radius--md | - | global | system | | 4px | border-radius | size |
$now-global-opacity--less | - | global | system | now-opacity--less | 0.25 | opacity | proportion |
$now-global-opacity--mid | - | global | system | | 0.5 | opacity | proportion |
$now-global-opacity--more | - | global | system | | 0.65 | opacity | proportion |
$now-global-opacity--most | - | global | system | | 0.8 | opacity | proportion |
$now-global-drop-shadow--sm | - | global | system | | 0 2px 4px 0 RGBA(56, 56, 56, 0.25) | drop-shadow | drop-shadow |
$now-global-drop-shadow--md | - | global | system | | 0 4px 8px 0 RGBA(56, 56, 56, 0.25) | drop-shadow | drop-shadow |
$now-global-drop-shadow--lg | - | global | system | | 0 8px 12px 0 RGBA(56, 56, 56, 0.25) | drop-shadow | drop-shadow |
$now-tabs--background-color | --now-tabs--background-color | tabs | component | now-color_background--primary, now-color--neutral-0 | | background-color | color |
$now-tabs--background-color-alpha | --now-tabs--background-color-alpha | tabs | component | | 0 | background-color-alpha | proportion |
$now-color_border--primary | --now-color_border--primary | color | system.ui | now-color--neutral-7 | | | color |
$now-color_border--secondary | --now-color_border--secondary | color | system.ui | now-color--neutral-5 | | | color |
$now-color_border--tertiary | --now-color_border--tertiary | color | system.ui | now-color--neutral-3 | | | color |
$now-color_selection--primary-0 | --now-color_selection--primary-0 | color | system.base | | | | color |
$now-color_selection--primary-1 | --now-color_selection--primary-1 | color | system.base | | | | color |
$now-color_selection--primary-2 | --now-color_selection--primary-2 | color | system.base | | | | color |
$now-color_selection--primary-3 | --now-color_selection--primary-3 | color | system.base | | | | color |
$now-color_selection--primary-4 | --now-color_selection--primary-4 | color | system.base | | | | color |
$now-color_selection--secondary-0 | --now-color_selection--secondary-0 | color | system.base | | | | color |
$now-color_selection--secondary-1 | --now-color_selection--secondary-1 | color | system.base | | | | color |
$now-color_selection--secondary-2 | --now-color_selection--secondary-2 | color | system.base | | | | color |
$now-color_selection--secondary-3 | --now-color_selection--secondary-3 | color | system.base | | | | color |
$now-color_selection--secondary-4 | --now-color_selection--secondary-4 | color | system.base | | | | color |
$now-color--interactive-0 | --now-color--interactive-0 | color | system.base | | | | color |
$now-color--interactive-1 | --now-color--interactive-1 | color | system.base | | | | color |
$now-color--interactive-2 | --now-color--interactive-2 | color | system.base | | | | color |
$now-color--interactive-3 | --now-color--interactive-3 | color | system.base | | | | color |
$now-color--interactive-4 | --now-color--interactive-4 | color | system.base | | | | color |
$now-color--link-1 | --now-color--link-1 | color | system.base | | | | color |
$now-color--link-2 | --now-color--link-2 | color | system.base | | | | color |
$now-color--link-3 | --now-color--link-3 | color | system.base | | | | color |
$now-color--link-4 | --now-color--link-4 | color | system.base | | | | color |
$now-color--focus-1 | --now-color--focus-1 | color | system.base | | | | color |
$now-color--focus-2 | --now-color--focus-2 | color | system.base | | | | color |
$now-color--focus-3 | --now-color--focus-3 | color | system.base | | | | color |
$now-color_surface--neutral-1 | --now-color_surface--neutral-1 | color | system.base | | | | color |
$now-color_surface--neutral-2 | --now-color_surface--neutral-2 | color | system.base | | | | color |
$now-color_surface--neutral-3 | --now-color_surface--neutral-3 | color | system.base | | | | color |
$now-color_surface--neutral-4 | --now-color_surface--neutral-4 | color | system.base | | | | color |
$now-color_surface--neutral-5 | --now-color_surface--neutral-5 | color | system.base | | | | color |
$now-color_surface--neutral-6 | --now-color_surface--neutral-6 | color | system.base | | | | color |
$now-color_surface--brand-1 | --now-color_surface--brand-1 | color | system.base | | | | color |
$now-color_surface--brand-2 | --now-color_surface--brand-2 | color | system.base | | | | color |
$now-color_surface--brand-3 | --now-color_surface--brand-3 | color | system.base | | | | color |
$now-color_surface--brand-4 | --now-color_surface--brand-4 | color | system.base | | | | color |
$now-color_surface--brand-5 | --now-color_surface--brand-5 | color | system.base | | | | color |
$now-color_surface--brand-6 | --now-color_surface--brand-6 | color | system.base | | | | color |
$now-color_surface--divider-1 | --now-color_surface--divider-1 | color | system.base | | | | color |
$now-color_surface--divider-2 | --now-color_surface--divider-2 | color | system.base | | | | color |
$now-color_surface--divider-3 | --now-color_surface--divider-3 | color | system.base | | | | color |
$now-color_surface--divider-4 | --now-color_surface--divider-4 | color | system.base | | | | color |
$now-color_surface--divider-5 | --now-color_surface--divider-5 | color | system.base | | | | color |
$now-color_surface--divider-6 | --now-color_surface--divider-6 | color | system.base | | | | color |
$now-color_chrome--brand-0 | --now-color_chrome--brand-0 | color | system.base | | | | color |
$now-color_chrome--brand-1 | --now-color_chrome--brand-1 | color | system.base | | | | color |
$now-color_chrome--brand-2 | --now-color_chrome--brand-2 | color | system.base | | | | color |
$now-color_chrome--brand-3 | --now-color_chrome--brand-3 | color | system.base | | | | color |
$now-color_chrome--brand-4 | --now-color_chrome--brand-4 | color | system.base | | | | color |
$now-color_chrome--brand-5 | --now-color_chrome--brand-5 | color | system.base | | | | color |
$now-color_chrome--brand-6 | --now-color_chrome--brand-6 | color | system.base | | | | color |
$now-color_chrome--brand-7 | --now-color_chrome--brand-7 | color | system.base | | | | color |
$now-color_chrome--brand-8 | --now-color_chrome--brand-8 | color | system.base | | | | color |
$now-color_chrome--brand-9 | --now-color_chrome--brand-9 | color | system.base | | | | color |
$now-color_chrome--brand-10 | --now-color_chrome--brand-10 | color | system.base | | | | color |
$now-color_chrome--divider-0 | --now-color_chrome--divider-0 | color | system.base | | | | color |
$now-color_chrome--divider-1 | --now-color_chrome--divider-1 | color | system.base | | | | color |
$now-color_chrome--divider-2 | --now-color_chrome--divider-2 | color | system.base | | | | color |
$now-color_chrome--divider-3 | --now-color_chrome--divider-3 | color | system.base | | | | color |
$now-color_chrome--divider-4 | --now-color_chrome--divider-4 | color | system.base | | | | color |
$now-color_chrome--divider-5 | --now-color_chrome--divider-5 | color | system.base | | | | color |
$now-color_chrome--divider-6 | --now-color_chrome--divider-6 | color | system.base | | | | color |
$now-color_chrome--divider-7 | --now-color_chrome--divider-7 | color | system.base | | | | color |
$now-color_chrome--divider-8 | --now-color_chrome--divider-8 | color | system.base | | | | color |
$now-color_chrome--divider-9 | --now-color_chrome--divider-9 | color | system.base | | | | color |
$now-color_chrome--divider-10 | --now-color_chrome--divider-10 | color | system.base | | | | color |
$now-global-border-radius--lg | - | global | system | | 8px | border-radius | size |
$now-global-opacity--least | - | global | system | now-opacity--least | 0.1 | opacity | proportion |
$now-actionable--font-style | --now-actionable--font-style | actionable | category | | normal | font-style | font-style |
$now-actionable--font-weight | --now-actionable--font-weight | actionable | category | | normal | font-weight | font-weight |
$now-actionable--font-family | --now-actionable--font-family | actionable | category | now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-actionable--text-transform | --now-actionable--text-transform | actionable | category | | none | text-transform | text-transform |
$now-actionable--border-width | --now-actionable--border-width | actionable | category | | 1px | border-width | size |
$now-actionable--border-radius | --now-actionable--border-radius | actionable | category | | 0 | border-radius | size |
$now-container--font-style | --now-container--font-style | container | category | | normal | font-style | font-style |
$now-container--font-weight | --now-container--font-weight | container | category | | normal | font-weight | font-weight |
$now-container--font-family | --now-container--font-family | container | category | now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-container--text-transform | --now-container--text-transform | container | category | | none | text-transform | text-transform |
$now-container--border-width | --now-container--border-width | container | category | | 1px | border-width | size |
$now-container--border-color | --now-container--border-color | container | category | now-color_border--tertiary, now-color--neutral-3 | | border-color | color |
$now-container--border-radius | --now-container--border-radius | container | category | | 0 | border-radius | size |
$now-container--color | --now-container--color | container | category | now-color_background--primary, now-color--neutral-0 | | color | color |
$now-display-type--primary--font-style | --now-display-type--primary--font-style | display-type | category | now-display-type--font-style | normal | font-style | font-style |
$now-display-type--primary--font-weight | --now-display-type--primary--font-weight | display-type | category | | 600 | font-weight | font-weight |
$now-display-type--primary--font-family | --now-display-type--primary--font-family | display-type | category | now-display-type--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-display-type--primary--text-transform | --now-display-type--primary--text-transform | display-type | category | now-display-type--text-transform | none | text-transform | text-transform |
$now-display-type--primary--color | --now-display-type--primary--color | display-type | category | now-display-type--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-form-control--font-style | --now-form-control--font-style | form-control | category | | normal | font-style | font-style |
$now-form-control--font-weight | --now-form-control--font-weight | form-control | category | | normal | font-weight | font-weight |
$now-form-control--font-family | --now-form-control--font-family | form-control | category | now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-form-control--text-transform | --now-form-control--text-transform | form-control | category | | none | text-transform | text-transform |
$now-form-control--border-width | --now-form-control--border-width | form-control | category | | 1px | border-width | size |
$now-form-control--border-radius | --now-form-control--border-radius | form-control | category | | 0 | border-radius | size |
$now-identifier--font-style | --now-identifier--font-style | identifier | category | | normal | font-style | font-style |
$now-identifier--font-weight | --now-identifier--font-weight | identifier | category | | normal | font-weight | font-weight |
$now-identifier--font-family | --now-identifier--font-family | identifier | category | now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-identifier--text-transform | --now-identifier--text-transform | identifier | category | | none | text-transform | text-transform |
$now-identifier--border-width | --now-identifier--border-width | identifier | category | | 1px | border-width | size |
$now-identifier--border-radius | --now-identifier--border-radius | identifier | category | | 0 | border-radius | size |
$now-indicator--font-style | --now-indicator--font-style | indicator | category | | normal | font-style | font-style |
$now-indicator--font-weight | --now-indicator--font-weight | indicator | category | | normal | font-weight | font-weight |
$now-indicator--font-family | --now-indicator--font-family | indicator | category | now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-indicator--text-transform | --now-indicator--text-transform | indicator | category | | none | text-transform | text-transform |
$now-indicator--border-width | --now-indicator--border-width | indicator | category | | 0 | border-width | size |
$now-indicator--border-radius | --now-indicator--border-radius | indicator | category | | 2px | border-radius | size |
$now-loading--font-style | --now-loading--font-style | loading | category | | normal | font-style | font-style |
$now-loading--font-weight | --now-loading--font-weight | loading | category | | normal | font-weight | font-weight |
$now-loading--font-family | --now-loading--font-family | loading | category | now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-loading--text-transform | --now-loading--text-transform | loading | category | | none | text-transform | text-transform |
$now-loading--border-width | --now-loading--border-width | loading | category | | 1px | border-width | size |
$now-loading--border-radius | --now-loading--border-radius | loading | category | | 0 | border-radius | size |
$now-loading--initial--background-color | --now-loading--initial--background-color | loading | category | now-color--primary-1 | | background-color | color |
$now-loading--initial--border-color | --now-loading--initial--border-color | loading | category | now-color--primary-2 | | border-color | color |
$now-menu--font-style | --now-menu--font-style | menu | category | | normal | font-style | font-style |
$now-menu--font-weight | --now-menu--font-weight | menu | category | | normal | font-weight | font-weight |
$now-menu--font-family | --now-menu--font-family | menu | category | now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-menu--text-transform | --now-menu--text-transform | menu | category | | none | text-transform | text-transform |
$now-menu--border-width | --now-menu--border-width | menu | category | | 1px | border-width | size |
$now-menu--border-color | --now-menu--border-color | menu | category | now-color_border--primary, now-color--neutral-7 | | border-color | color |
$now-menu--border-radius | --now-menu--border-radius | menu | category | | 2px | border-radius | size |
$now-menu--background-color | --now-menu--background-color | menu | category | now-color_background--primary, now-color--neutral-0 | | background-color | color |
$now-messaging--font-style | --now-messaging--font-style | messaging | category | | normal | font-style | font-style |
$now-messaging--font-weight | --now-messaging--font-weight | messaging | category | | normal | font-weight | font-weight |
$now-messaging--font-family | --now-messaging--font-family | messaging | category | now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-messaging--text-transform | --now-messaging--text-transform | messaging | category | | none | text-transform | text-transform |
$now-messaging--border-width | --now-messaging--border-width | messaging | category | | 1px | border-width | size |
$now-messaging--border-color | --now-messaging--border-color | messaging | category | now-color_border--secondary, now-color--neutral-5 | | border-color | color |
$now-messaging--border-radius | --now-messaging--border-radius | messaging | category | | 4px | border-radius | size |
$now-messaging--background-color | --now-messaging--background-color | messaging | category | now-color_background--primary, now-color--neutral-0 | | background-color | color |
$now-navigation--font-style | --now-navigation--font-style | navigation | category | | normal | font-style | font-style |
$now-navigation--font-weight | --now-navigation--font-weight | navigation | category | | normal | font-weight | font-weight |
$now-navigation--font-family | --now-navigation--font-family | navigation | category | now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-navigation--text-transform | --now-navigation--text-transform | navigation | category | | none | text-transform | text-transform |
$now-view-control--font-style | --now-view-control--font-style | view-control | category | | normal | font-style | font-style |
$now-view-control--font-weight | --now-view-control--font-weight | view-control | category | | normal | font-weight | font-weight |
$now-view-control--font-family | --now-view-control--font-family | view-control | category | now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-view-control--text-transform | --now-view-control--text-transform | view-control | category | | none | text-transform | text-transform |
$now-view-control--border-width | --now-view-control--border-width | view-control | category | | 0 | border-width | size |
$now-view-control--border-radius | --now-view-control--border-radius | view-control | category | | 0 | border-radius | size |
$now-window--font-style | --now-window--font-style | window | category | | normal | font-style | font-style |
$now-window--font-weight | --now-window--font-weight | window | category | | normal | font-weight | font-weight |
$now-window--font-family | --now-window--font-family | window | category | now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-window--text-transform | --now-window--text-transform | window | category | | none | text-transform | text-transform |
$now-window--border-width | --now-window--border-width | window | category | | 1px | border-width | size |
$now-window--border-color | --now-window--border-color | window | category | now-color_divider--secondary, now-color--neutral-5 | | border-color | color |
$now-window--border-radius | --now-window--border-radius | window | category | | 4px | border-radius | size |
$now-window--background-color | --now-window--background-color | window | category | now-color_background--primary, now-color--neutral-0 | | background-color | color |
$now-content-tree--background-color | --now-content-tree--background-color | content-tree | component | now-color_background--primary, now-color--neutral-0 | | background-color | color |
$now-content-tree--background-color-alpha | --now-content-tree--background-color-alpha | content-tree | component | | 0 | background-color-alpha | proportion |
$now-content-tree_trigger--color | --now-content-tree_trigger--color | content-tree | component | now-color_text--tertiary, now-color--neutral-12 | | color | color |
$now-content-tree_trigger--color--hover | --now-content-tree_trigger--color--hover | content-tree | component | now-color--secondary-1 | | color | color |
$now-content-tree_trigger--color--active | --now-content-tree_trigger--color--active | content-tree | component | now-content-tree_trigger--color, now-color_text--tertiary, now-color--neutral-12 | | color | color |
$now-alert--border-radius | --now-alert--border-radius | alert | component | now-messaging--border-radius | 4px | border-radius | size |
$now-alert_button--border-color | --now-alert_button--border-color | alert | component | now-color_text--primary, now-color--neutral-18 | | border-color | color |
$now-alert_button--border-color--hover | --now-alert_button--border-color--hover | alert | component | now-alert_button--border-color, now-color_text--primary, now-color--neutral-18 | | border-color | color |
$now-alert_button--border-color--active | --now-alert_button--border-color--active | alert | component | now-alert_button--border-color, now-color_text--primary, now-color--neutral-18 | | border-color | color |
$now-alert_button--border-color-alpha | --now-alert_button--border-color-alpha | alert | component | | 0.65 | border-color-alpha | proportion |
$now-alert_button--color | --now-alert_button--color | alert | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-alert_button--color--hover | --now-alert_button--color--hover | alert | component | now-alert_button--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-alert_button--color--active | --now-alert_button--color--active | alert | component | now-alert_button--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-alert_button--background-color | --now-alert_button--background-color | alert | component | now-color_background--primary, now-color--neutral-0 | | background-color | color |
$now-alert_button--background-color-alpha | --now-alert_button--background-color-alpha | alert | component | now-opacity--less | 0.25 | background-color-alpha | proportion |
$now-alert_button--background-color--hover | --now-alert_button--background-color--hover | alert | component | now-alert_button--background-color, now-color_background--primary, now-color--neutral-0 | | background-color | color |
$now-alert_button--background-color-alpha--hover | --now-alert_button--background-color-alpha--hover | alert | component | | 0.65 | background-color-alpha | proportion |
$now-alert_button--background-color--active | --now-alert_button--background-color--active | alert | component | now-alert_button--background-color, now-color_background--primary, now-color--neutral-0 | | background-color | color |
$now-alert_button--background-color-alpha--active | --now-alert_button--background-color-alpha--active | alert | component | | 0.8 | background-color-alpha | proportion |
$now-alert_button-iconic--background-color-alpha--hover | --now-alert_button-iconic--background-color-alpha--hover | alert | component | | 0 | background-color-alpha | proportion |
$now-alert_button-iconic--background-color-alpha--active | --now-alert_button-iconic--background-color-alpha--active | alert | component | | 0 | background-color-alpha | proportion |
$now-alert-list_controller--font-family | --now-alert-list_controller--font-family | alert-list | component | now-alert--font-family, now-messaging--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-alert-list_controller--border-color | --now-alert-list_controller--border-color | alert-list | component | now-color_alert--low-1 | | border-color | color |
$now-alert-list_controller--border-color--hover | --now-alert-list_controller--border-color--hover | alert-list | component | now-alert-list_controller--border-color, now-color_alert--low-1 | | border-color | color |
$now-alert-list_controller--border-color--active | --now-alert-list_controller--border-color--active | alert-list | component | now-alert-list_controller--border-color, now-color_alert--low-1 | | border-color | color |
$now-alert-list_controller--border-radius | --now-alert-list_controller--border-radius | alert-list | component | now-alert--border-radius, now-messaging--border-radius | 4px | border-radius | size |
$now-alert-list_controller--color | --now-alert-list_controller--color | alert-list | component | now-alert--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-alert-list_controller--color--hover | --now-alert-list_controller--color--hover | alert-list | component | now-alert-list_controller--color, now-alert--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-alert-list_controller--color--active | --now-alert-list_controller--color--active | alert-list | component | now-alert-list_controller--color, now-alert--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-alert-list_controller--background-color | --now-alert-list_controller--background-color | alert-list | component | now-color_alert--low-0 | | background-color | color |
$now-alert-list_controller--background-color--hover | --now-alert-list_controller--background-color--hover | alert-list | component | now-alert-list_controller--background-color, now-color_alert--low-0 | | background-color | color |
$now-alert-list_controller--background-color--active | --now-alert-list_controller--background-color--active | alert-list | component | now-alert-list_controller--background-color, now-color_alert--low-0 | | background-color | color |
$now-alert-list_controller-dismiss--border-color | --now-alert-list_controller-dismiss--border-color | alert-list | component | now-alert_button--border-color, now-color_text--primary, now-color--neutral-18 | | border-color | color |
$now-alert-list_controller-dismiss--border-color-alpha | --now-alert-list_controller-dismiss--border-color-alpha | alert-list | component | now-alert_button--border-color-alpha | 0.65 | border-color-alpha | proportion |
$now-alert-list_controller-dismiss--color | --now-alert-list_controller-dismiss--color | alert-list | component | now-alert-list_controller--color, now-alert--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-alert-list_controller-dismiss--color--hover | --now-alert-list_controller-dismiss--color--hover | alert-list | component | now-alert-list_controller--color, now-alert--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-alert-list_controller-dismiss--color--active | --now-alert-list_controller-dismiss--color--active | alert-list | component | now-alert-list_controller--color, now-alert--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-alert-list_controller-dismiss--background-color | --now-alert-list_controller-dismiss--background-color | alert-list | component | now-alert_button--background-color, now-color_background--primary, now-color--neutral-0 | | background-color | color |
$now-alert-list_controller-dismiss--background-color-alpha | --now-alert-list_controller-dismiss--background-color-alpha | alert-list | component | now-alert_button--background-color-alpha, now-opacity--less | 0.25 | background-color-alpha | proportion |
$now-alert-list_controller-dismiss--background-color--hover | --now-alert-list_controller-dismiss--background-color--hover | alert-list | component | now-alert_button--background-color--hover, now-alert_button--background-color, now-color_background--primary, now-color--neutral-0 | | background-color | color |
$now-alert-list_controller-dismiss--background-color-alpha--hover | --now-alert-list_controller-dismiss--background-color-alpha--hover | alert-list | component | now-alert_button--background-color-alpha--hover | 0.65 | background-color-alpha | proportion |
$now-alert-list_controller-dismiss--background-color--active | --now-alert-list_controller-dismiss--background-color--active | alert-list | component | now-alert_button--background-color--active, now-alert_button--background-color, now-color_background--primary, now-color--neutral-0 | | background-color | color |
$now-alert-list_controller-dismiss--background-color-alpha--active | --now-alert-list_controller-dismiss--background-color-alpha--active | alert-list | component | now-alert_button--background-color-alpha--active | 0.8 | background-color-alpha | proportion |
$now-avatar--border-width | --now-avatar--border-width | avatar | component | now-identifier--border-width | 1px | border-width | size |
$now-avatar--border-radius | --now-avatar--border-radius | avatar | component | | 50% | border-radius | size |
$now-card--border-radius | --now-card--border-radius | card | component | now-container--border-radius | 0 | border-radius | size |
$now-card-footer--font-family | --now-card-footer--font-family | card-footer | component | now-card--font-family, now-container--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-content-tree_trigger--background-color-alpha--hover | --now-content-tree_trigger--background-color-alpha--hover | content-tree | component | now-opacity--least | 0.1 | background-color-alpha | proportion |
$now-content-tree_trigger--background-color-alpha--active | --now-content-tree_trigger--background-color-alpha--active | content-tree | component | now-opacity--less | 0.25 | background-color-alpha | proportion |
$now-modeless-dialog--border-radius | --now-modeless-dialog--border-radius | modeless-dialog | component | now-window--border-radius | 4px | border-radius | size |
$now-pagination-control--background-color | --now-pagination-control--background-color | pagination-control | component | now-color_background--primary, now-color--neutral-0 | | background-color | color |
$now-pagination-control--background-color-alpha | --now-pagination-control--background-color-alpha | pagination-control | component | now-button--tertiary--background-color-alpha | 0 | background-color-alpha | proportion |
$now-pagination-control--background-color-alpha--hover | --now-pagination-control--background-color-alpha--hover | pagination-control | component | now-opacity--least | 0.1 | background-color-alpha | proportion |
$now-pagination-control--background-color--focus | --now-pagination-control--background-color--focus | pagination-control | component | now-color_background--tertiary, now-color--neutral-2 | | background-color | color |
$now-pagination-control--background-color-alpha--focus | --now-pagination-control--background-color-alpha--focus | pagination-control | component | | 1 | background-color-alpha | proportion |
$now-pagination-control--background-color-alpha--active | --now-pagination-control--background-color-alpha--active | pagination-control | component | now-opacity--less | 0.25 | background-color-alpha | proportion |
$now-pagination-control--background-color-alpha--selected | --now-pagination-control--background-color-alpha--selected | pagination-control | component | | 1 | background-color-alpha | proportion |
$now-progress-bar--border-width | --now-progress-bar--border-width | progress-bar | component | now-loading--border-width | 1px | border-width | size |
$now-progress-bar--border-color | --now-progress-bar--border-color | progress-bar | component | now-color_border--secondary, now-color--neutral-5 | | border-color | color |
$now-progress-bar--border-radius | --now-progress-bar--border-radius | progress-bar | component | now-loading--border-radius | 0 | border-radius | size |
$now-button--text-wrap | --now-button--text-wrap | button | component | | nowrap | text-wrap | text-wrap |
$now-button--tertiary--border-color-alpha | --now-button--tertiary--border-color-alpha | button | component | | 1 | border-color-alpha | proportion |
$now-button--tertiary--border-color-alpha--hover | --now-button--tertiary--border-color-alpha--hover | button | component | now-button--tertiary--border-color-alpha | 1 | border-color-alpha | proportion |
$now-button--tertiary--border-color-alpha--active | --now-button--tertiary--border-color-alpha--active | button | component | now-button--tertiary--border-color-alpha | 1 | border-color-alpha | proportion |
$now-button--tertiary--color-alpha | --now-button--tertiary--color-alpha | button | component | | 1 | color-alpha | proportion |
$now-button--tertiary--color-alpha--hover | --now-button--tertiary--color-alpha--hover | button | component | now-button--tertiary--color-alpha | 1 | color-alpha | proportion |
$now-button--tertiary--color-alpha--active | --now-button--tertiary--color-alpha--active | button | component | now-button--tertiary--color-alpha | 1 | color-alpha | proportion |
$now-button--tertiary--background-color-alpha--hover | --now-button--tertiary--background-color-alpha--hover | button | component | | 1 | background-color-alpha | proportion |
$now-button--tertiary--background-color-alpha--active | --now-button--tertiary--background-color-alpha--active | button | component | | 1 | background-color-alpha | proportion |
$now-button--bare_tertiary--background-color-alpha--hover | --now-button--bare_tertiary--background-color-alpha--hover | button | component | now-opacity--least | 0.1 | background-color-alpha | proportion |
$now-button--bare_tertiary--background-color-alpha--active | --now-button--bare_tertiary--background-color-alpha--active | button | component | now-opacity--less | 0.25 | background-color-alpha | proportion |
$now-button--tertiary_high-contrast--color-alpha | --now-button--tertiary_high-contrast--color-alpha | button | component | | 1 | color-alpha | proportion |
$now-button--tertiary_high-contrast--color-alpha--hover | --now-button--tertiary_high-contrast--color-alpha--hover | button | component | now-button--tertiary_high-contrast--color-alpha | 1 | color-alpha | proportion |
$now-button--tertiary_high-contrast--color-alpha--active | --now-button--tertiary_high-contrast--color-alpha--active | button | component | now-button--tertiary_high-contrast--color-alpha | 1 | color-alpha | proportion |
$now-alert--border-width | --now-alert--border-width | alert | component | now-messaging--border-width | 1px | border-width | size |
$now-badge--border-width | --now-badge--border-width | badge | component | now-indicator--border-width | 0 | border-width | size |
$now-badge--primary_critical--border-color | --now-badge--primary_critical--border-color | badge | component | now-color_alert--critical-3 | | border-color | color |
$now-badge--primary_high--border-color | --now-badge--primary_high--border-color | badge | component | now-color_alert--high-3 | | border-color | color |
$now-badge--primary_warning--border-color | --now-badge--primary_warning--border-color | badge | component | now-color_alert--warning-3 | | border-color | color |
$now-badge--primary_moderate--border-color | --now-badge--primary_moderate--border-color | badge | component | now-color_alert--moderate-3 | | border-color | color |
$now-badge--primary_info--border-color | --now-badge--primary_info--border-color | badge | component | now-color_alert--info-3 | | border-color | color |
$now-badge--primary_positive--border-color | --now-badge--primary_positive--border-color | badge | component | now-color_alert--positive-3 | | border-color | color |
$now-badge--primary_low--border-color | --now-badge--primary_low--border-color | badge | component | now-color_alert--low-3 | | border-color | color |
$now-badge--secondary_critical--border-color | --now-badge--secondary_critical--border-color | badge | component | now-color_alert--critical-1 | | border-color | color |
$now-badge--secondary_high--border-color | --now-badge--secondary_high--border-color | badge | component | now-color_alert--high-1 | | border-color | color |
$now-badge--secondary_warning--border-color | --now-badge--secondary_warning--border-color | badge | component | now-color_alert--warning-1 | | border-color | color |
$now-badge--secondary_moderate--border-color | --now-badge--secondary_moderate--border-color | badge | component | now-color_alert--moderate-1 | | border-color | color |
$now-badge--secondary_info--border-color | --now-badge--secondary_info--border-color | badge | component | now-color_alert--info-1 | | border-color | color |
$now-badge--secondary_positive--border-color | --now-badge--secondary_positive--border-color | badge | component | now-color_alert--positive-1 | | border-color | color |
$now-badge--secondary_low--border-color | --now-badge--secondary_low--border-color | badge | component | now-color_alert--low-1 | | border-color | color |
$now-checkbox--border-radius | --now-checkbox--border-radius | checkbox | component | now-form-control--border-radius | 0 | border-radius | size |
$now-dropdown-list_search--font-style | --now-dropdown-list_search--font-style | dropdown-list | component | now-menu_search--font-style, now-menu--font-style | normal | font-style | font-style |
$now-dropdown-list_search--font-weight | --now-dropdown-list_search--font-weight | dropdown-list | component | now-menu_search--font-weight, now-menu--font-weight | normal | font-weight | font-weight |
$now-dropdown-list_search--text-transform | --now-dropdown-list_search--text-transform | dropdown-list | component | now-menu_search--text-transform, now-menu--text-transform | none | text-transform | text-transform |
$now-heading--header-primary--font-style | --now-heading--header-primary--font-style | heading | component | now-display-type--primary--font-style, now-display-type--font-style | normal | font-style | font-style |
$now-heading--header-primary--font-weight | --now-heading--header-primary--font-weight | heading | component | | normal | font-weight | font-weight |
$now-heading--header-primary--font-family | --now-heading--header-primary--font-family | heading | component | now-display-type--primary--font-family, now-display-type--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-heading--header-primary--text-transform | --now-heading--header-primary--text-transform | heading | component | now-display-type--primary--text-transform, now-display-type--text-transform | none | text-transform | text-transform |
$now-heading--header-primary--color | --now-heading--header-primary--color | heading | component | now-color_text--secondary, now-color--neutral-15 | | color | color |
$now-heading--header-secondary--font-style | --now-heading--header-secondary--font-style | heading | component | now-display-type--secondary--font-style, now-display-type--font-style | normal | font-style | font-style |
$now-heading--header-secondary--font-weight | --now-heading--header-secondary--font-weight | heading | component | now-display-type--secondary--font-weight, now-display-type--font-weight | normal | font-weight | font-weight |
$now-heading--header-secondary--font-family | --now-heading--header-secondary--font-family | heading | component | now-display-type--secondary--font-family, now-display-type--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-heading--header-secondary--text-transform | --now-heading--header-secondary--text-transform | heading | component | now-display-type--secondary--text-transform, now-display-type--text-transform | none | text-transform | text-transform |
$now-heading--header-secondary--color | --now-heading--header-secondary--color | heading | component | now-color_text--secondary, now-color--neutral-15 | | color | color |
$now-heading--header-tertiary--font-style | --now-heading--header-tertiary--font-style | heading | component | now-display-type--tertiary--font-style, now-display-type--font-style | normal | font-style | font-style |
$now-heading--header-tertiary--font-weight | --now-heading--header-tertiary--font-weight | heading | component | now-display-type--tertiary--font-weight, now-display-type--font-weight | normal | font-weight | font-weight |
$now-heading--header-tertiary--font-family | --now-heading--header-tertiary--font-family | heading | component | now-display-type--tertiary--font-family, now-display-type--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-heading--header-tertiary--text-transform | --now-heading--header-tertiary--text-transform | heading | component | now-display-type--tertiary--text-transform, now-display-type--text-transform | none | text-transform | text-transform |
$now-heading--header-tertiary--color | --now-heading--header-tertiary--color | heading | component | now-color_text--secondary, now-color--neutral-15 | | color | color |
$now-heading--title-primary--font-style | --now-heading--title-primary--font-style | heading | component | now-display-type--primary--font-style, now-display-type--font-style | normal | font-style | font-style |
$now-heading--title-primary--font-weight | --now-heading--title-primary--font-weight | heading | component | | 600 | font-weight | font-weight |
$now-heading--title-primary--font-family | --now-heading--title-primary--font-family | heading | component | now-display-type--primary--font-family, now-display-type--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-heading--title-primary--text-transform | --now-heading--title-primary--text-transform | heading | component | now-display-type--primary--text-transform, now-display-type--text-transform | none | text-transform | text-transform |
$now-heading--title-secondary--font-style | --now-heading--title-secondary--font-style | heading | component | now-display-type--secondary--font-style, now-display-type--font-style | normal | font-style | font-style |
$now-heading--title-secondary--font-weight | --now-heading--title-secondary--font-weight | heading | component | | 600 | font-weight | font-weight |
$now-heading--title-secondary--font-family | --now-heading--title-secondary--font-family | heading | component | now-display-type--secondary--font-family, now-display-type--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-heading--title-secondary--text-transform | --now-heading--title-secondary--text-transform | heading | component | now-display-type--secondary--text-transform, now-display-type--text-transform | none | text-transform | text-transform |
$now-heading--title-tertiary--font-style | --now-heading--title-tertiary--font-style | heading | component | now-display-type--tertiary--font-style, now-display-type--font-style | normal | font-style | font-style |
$now-heading--title-tertiary--font-weight | --now-heading--title-tertiary--font-weight | heading | component | | 600 | font-weight | font-weight |
$now-heading--title-tertiary--font-family | --now-heading--title-tertiary--font-family | heading | component | now-display-type--tertiary--font-family, now-display-type--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-heading--title-tertiary--text-transform | --now-heading--title-tertiary--text-transform | heading | component | now-display-type--tertiary--text-transform, now-display-type--text-transform | none | text-transform | text-transform |
$now-highlighted-value--border-width | --now-highlighted-value--border-width | highlighted-value | component | now-indicator--border-width | 0 | border-width | size |
$now-highlighted-value--primary_critical--border-color | --now-highlighted-value--primary_critical--border-color | highlighted-value | component | now-color_alert--critical-3 | | border-color | color |
$now-highlighted-value--secondary_critical--border-color | --now-highlighted-value--secondary_critical--border-color | highlighted-value | component | now-color_alert--critical-2 | | border-color | color |
$now-highlighted-value--tertiary_critical--border-color | --now-highlighted-value--tertiary_critical--border-color | highlighted-value | component | now-color_alert--critical-1 | | border-color | color |
$now-highlighted-value--primary_high--border-color | --now-highlighted-value--primary_high--border-color | highlighted-value | component | now-color_alert--high-5 | | border-color | color |
$now-highlighted-value--secondary_high--border-color | --now-highlighted-value--secondary_high--border-color | highlighted-value | component | now-color_alert--high-2 | | border-color | color |
$now-highlighted-value--tertiary_high--border-color | --now-highlighted-value--tertiary_high--border-color | highlighted-value | component | now-color_alert--high-1 | | border-color | color |
$now-highlighted-value--primary_warning--border-color | --now-highlighted-value--primary_warning--border-color | highlighted-value | component | now-color_alert--warning-5 | | border-color | color |
$now-highlighted-value--secondary_warning--border-color | --now-highlighted-value--secondary_warning--border-color | highlighted-value | component | now-color_alert--warning-2 | | border-color | color |
$now-highlighted-value--tertiary_warning--border-color | --now-highlighted-value--tertiary_warning--border-color | highlighted-value | component | now-color_alert--warning-1 | | border-color | color |
$now-highlighted-value--primary_moderate--border-color | --now-highlighted-value--primary_moderate--border-color | highlighted-value | component | now-color_alert--moderate-3 | | border-color | color |
$now-highlighted-value--secondary_moderate--border-color | --now-highlighted-value--secondary_moderate--border-color | highlighted-value | component | now-color_alert--moderate-2 | | border-color | color |
$now-highlighted-value--tertiary_moderate--border-color | --now-highlighted-value--tertiary_moderate--border-color | highlighted-value | component | now-color_alert--moderate-1 | | border-color | color |
$now-highlighted-value--primary_positive--border-color | --now-highlighted-value--primary_positive--border-color | highlighted-value | component | now-color_alert--positive-3 | | border-color | color |
$now-highlighted-value--secondary_positive--border-color | --now-highlighted-value--secondary_positive--border-color | highlighted-value | component | now-color_alert--positive-2 | | border-color | color |
$now-highlighted-value--tertiary_positive--border-color | --now-highlighted-value--tertiary_positive--border-color | highlighted-value | component | now-color_alert--positive-1 | | border-color | color |
$now-highlighted-value--primary_info--border-color | --now-highlighted-value--primary_info--border-color | highlighted-value | component | now-color_alert--info-3 | | border-color | color |
$now-highlighted-value--secondary_info--border-color | --now-highlighted-value--secondary_info--border-color | highlighted-value | component | now-color_alert--info-2 | | border-color | color |
$now-highlighted-value--tertiary_info--border-color | --now-highlighted-value--tertiary_info--border-color | highlighted-value | component | now-color_alert--info-1 | | border-color | color |
$now-highlighted-value--primary_low--border-color | --now-highlighted-value--primary_low--border-color | highlighted-value | component | now-color_alert--low-3 | | border-color | color |
$now-highlighted-value--secondary_low--border-color | --now-highlighted-value--secondary_low--border-color | highlighted-value | component | now-color_alert--low-2 | | border-color | color |
$now-highlighted-value--tertiary_low--border-color | --now-highlighted-value--tertiary_low--border-color | highlighted-value | component | now-color_alert--low-1 | | border-color | color |
$now-form-field--font-style | --now-form-field--font-style | form-field | component | | normal | font-style | font-style |
$now-form-field--font-weight | --now-form-field--font-weight | form-field | component | | normal | font-weight | font-weight |
$now-form-field--font-family | --now-form-field--font-family | form-field | component | now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-form-field--text-transform | --now-form-field--text-transform | form-field | component | | none | text-transform | text-transform |
$now-form-field--border-color | --now-form-field--border-color | form-field | component | now-color_border--primary, now-color--neutral-7 | | border-color | color |
$now-form-field--border-color--hover | --now-form-field--border-color--hover | form-field | component | now-form-field--border-color, now-color_border--primary, now-color--neutral-7 | | border-color | color |
$now-form-field--border-color--focus | --now-form-field--border-color--focus | form-field | component | now-color--secondary-1 | | border-color | color |
$now-form-field--border-color--disabled | --now-form-field--border-color--disabled | form-field | component | now-form-field--border-color, now-color_border--primary, now-color--neutral-7 | | border-color | color |
$now-form-field--border-color--invalid | --now-form-field--border-color--invalid | form-field | component | now-color_alert--critical-2 | | border-color | color |
$now-form-field--border-color--invalid_hover | --now-form-field--border-color--invalid_hover | form-field | component | now-form-field--border-color--invalid, now-color_alert--critical-2 | | border-color | color |
$now-form-field--border-color--invalid_focus | --now-form-field--border-color--invalid_focus | form-field | component | now-form-field--border-color--invalid, now-color_alert--critical-2 | | border-color | color |
$now-form-field--border-color--invalid_disabled | --now-form-field--border-color--invalid_disabled | form-field | component | now-form-field--border-color--invalid, now-color_alert--critical-2 | | border-color | color |
$now-form-field--border-color--opened | --now-form-field--border-color--opened | form-field | component | now-color--secondary-1 | | border-color | color |
$now-form-field--color | --now-form-field--color | form-field | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-form-field--color--disabled | --now-form-field--color--disabled | form-field | component | now-form-field--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-form-field_placeholder--color | --now-form-field_placeholder--color | form-field | component | now-color_text--tertiary, now-color--neutral-12 | | color | color |
$now-form-field--color--invalid | --now-form-field--color--invalid | form-field | component | now-form-field--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-form-field--background-color | --now-form-field--background-color | form-field | component | now-color_background--primary, now-color--neutral-0 | | background-color | color |
$now-form-field--background-color-alpha | --now-form-field--background-color-alpha | form-field | component | | 0 | background-color-alpha | proportion |
$now-form-field--background-color--hover | --now-form-field--background-color--hover | form-field | component | now-color_background--tertiary, now-color--neutral-2 | | background-color | color |
$now-form-field--background-color-alpha--hover | --now-form-field--background-color-alpha--hover | form-field | component | | 1 | background-color-alpha | proportion |
$now-form-field--background-color--focus | --now-form-field--background-color--focus | form-field | component | now-color--secondary-0 | | background-color | color |
$now-form-field--background-color--invalid | --now-form-field--background-color--invalid | form-field | component | now-color_alert--critical-0 | | background-color | color |
$now-form-field--background-color--invalid_focus | --now-form-field--background-color--invalid_focus | form-field | component | now-form-field--background-color--invalid, now-color_alert--critical-0 | | background-color | color |
$now-form-field--background-color--opened | --now-form-field--background-color--opened | form-field | component | now-color--secondary-0 | | background-color | color |
$now-modal_heading--color | --now-modal_heading--color | modal | component | now-display-type--primary--color, now-display-type--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-pagination-control--font-style | --now-pagination-control--font-style | pagination-control | component | now-view-control--font-style | normal | font-style | font-style |
$now-pagination-control--font-weight | --now-pagination-control--font-weight | pagination-control | component | now-view-control--font-weight | normal | font-weight | font-weight |
$now-pagination-control--text-transform | --now-pagination-control--text-transform | pagination-control | component | now-view-control--text-transform | none | text-transform | text-transform |
$now-toggle_track--border-radius | --now-toggle_track--border-radius | toggle | component | now-form-control_track--border-radius | 2px | border-radius | size |
$now-toggle_handle--border-radius | --now-toggle_handle--border-radius | toggle | component | now-form-control_handle--border-radius | 2px | border-radius | size |
$now-tooltip--border-width | --now-tooltip--border-width | tooltip | component | | 0 | border-width | size |
$now-tooltip--border-color | --now-tooltip--border-color | tooltip | component | now-menu--border-color, now-color_border--primary, now-color--neutral-7 | | border-color | color |
$now-display-type--font-style | --now-display-type--font-style | display-type | category | | normal | font-style | font-style |
$now-display-type--font-weight | --now-display-type--font-weight | display-type | category | | normal | font-weight | font-weight |
$now-display-type--font-family | --now-display-type--font-family | display-type | category | now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-display-type--text-transform | --now-display-type--text-transform | display-type | category | | none | text-transform | text-transform |
$now-display-type--color | --now-display-type--color | display-type | category | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-display-type--secondary--font-style | --now-display-type--secondary--font-style | display-type | category | now-display-type--font-style | normal | font-style | font-style |
$now-display-type--secondary--font-weight | --now-display-type--secondary--font-weight | display-type | category | now-display-type--font-weight | normal | font-weight | font-weight |
$now-display-type--secondary--font-family | --now-display-type--secondary--font-family | display-type | category | now-display-type--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-display-type--secondary--text-transform | --now-display-type--secondary--text-transform | display-type | category | now-display-type--text-transform | none | text-transform | text-transform |
$now-display-type--secondary--color | --now-display-type--secondary--color | display-type | category | now-color_text--secondary, now-color--neutral-15 | | color | color |
$now-display-type--tertiary--font-style | --now-display-type--tertiary--font-style | display-type | category | now-display-type--font-style | normal | font-style | font-style |
$now-display-type--tertiary--font-weight | --now-display-type--tertiary--font-weight | display-type | category | now-display-type--font-weight | normal | font-weight | font-weight |
$now-display-type--tertiary--font-family | --now-display-type--tertiary--font-family | display-type | category | now-display-type--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-display-type--tertiary--text-transform | --now-display-type--tertiary--text-transform | display-type | category | now-display-type--text-transform | none | text-transform | text-transform |
$now-display-type--tertiary--color | --now-display-type--tertiary--color | display-type | category | now-color_text--tertiary, now-color--neutral-12 | | color | color |
$now-menu_heading--font-style | --now-menu_heading--font-style | menu | category | now-menu--font-style | normal | font-style | font-style |
$now-menu_heading--font-weight | --now-menu_heading--font-weight | menu | category | now-menu--font-weight | normal | font-weight | font-weight |
$now-menu_heading--font-family | --now-menu_heading--font-family | menu | category | now-menu--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-menu_heading--text-transform | --now-menu_heading--text-transform | menu | category | now-menu--text-transform | none | text-transform | text-transform |
$now-alert-list_controller--border-width | --now-alert-list_controller--border-width | alert-list | component | now-alert--border-width, now-messaging--border-width | 1px | border-width | size |
$now-card-header_caption--font-family | --now-card-header_caption--font-family | card-header | component | now-card--font-family, now-container--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-card-header_tagline--font-style | --now-card-header_tagline--font-style | card-header | component | now-card--font-style, now-container--font-style | normal | font-style | font-style |
$now-card-header_tagline--font-weight | --now-card-header_tagline--font-weight | card-header | component | now-card--font-weight, now-container--font-weight | normal | font-weight | font-weight |
$now-card-header_tagline--font-family | --now-card-header_tagline--font-family | card-header | component | now-card--font-family, now-container--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-card-header_tagline--text-transform | --now-card-header_tagline--text-transform | card-header | component | now-card--text-transform, now-container--text-transform | none | text-transform | text-transform |
$now-form-field--border-block-end-width | --now-form-field--border-block-end-width | form-field | component | | 1px | border-width | size |
$now-form-field--border-width | --now-form-field--border-width | form-field | component | | 0px | border-width | size |
$now-form-field--border-radius | --now-form-field--border-radius | form-field | component | | 0 | border-radius | size |
$now-split-button_divider--width | --now-split-button_divider--width | split-button | component | now-button--border-width, now-actionable--border-width | 1px | width | size |
$now-toggle_track--border-width | --now-toggle_track--border-width | toggle | component | now-form-control_track--border-width | 1px | border-width | size |
$now-toggle_handle--border-width | --now-toggle_handle--border-width | toggle | component | now-form-control_handle--border-width | 1px | border-width | size |
$now-button--bare--font-style | --now-button--bare--font-style | button | component | | normal | font-style | font-style |
$now-button--bare--font-weight | --now-button--bare--font-weight | button | component | | normal | font-weight | font-weight |
$now-button--bare--font-family | --now-button--bare--font-family | button | component | now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-button--bare--text-transform | --now-button--bare--text-transform | button | component | | none | text-transform | text-transform |
$now-button--bare--text-wrap | --now-button--bare--text-wrap | button | component | | nowrap | text-wrap | text-wrap |
$now-button--iconic--border-radius | --now-button--iconic--border-radius | button | component | now-button--border-radius, now-actionable--border-radius | 0 | border-radius | size |
$now-button--primary--border-width | --now-button--primary--border-width | button | component | now-button--border-width, now-actionable--border-width | 1px | border-width | size |
$now-button--primary-positive--border-width | --now-button--primary-positive--border-width | button | component | now-button--border-width, now-actionable--border-width | 1px | border-width | size |
$now-button--primary-negative--border-width | --now-button--primary-negative--border-width | button | component | now-button--border-width, now-actionable--border-width | 1px | border-width | size |
$now-button--secondary--border-width | --now-button--secondary--border-width | button | component | now-button--border-width, now-actionable--border-width | 1px | border-width | size |
$now-button--secondary-positive--border-width | --now-button--secondary-positive--border-width | button | component | now-button--border-width, now-actionable--border-width | 1px | border-width | size |
$now-button--secondary-negative--border-width | --now-button--secondary-negative--border-width | button | component | now-button--border-width, now-actionable--border-width | 1px | border-width | size |
$now-button--tertiary--border-width | --now-button--tertiary--border-width | button | component | now-button--border-width, now-actionable--border-width | 1px | border-width | size |
$now-button--border-width--disabled | --now-button--border-width--disabled | button | component | now-button--border-width, now-actionable--border-width | 1px | border-width | size |
$now-button-circular--border-width | --now-button-circular--border-width | button-circular | component | | 0 | border-width | size |
$now-datavis_color--blue-0 | --now-datavis_color--blue-0 | datavis | system.datavis | | | | color |
$now-datavis_color--blue-1 | --now-datavis_color--blue-1 | datavis | system.datavis | | | | color |
$now-datavis_color--blue-2 | --now-datavis_color--blue-2 | datavis | system.datavis | | | | color |
$now-datavis_color--blue-3 | --now-datavis_color--blue-3 | datavis | system.datavis | | | | color |
$now-datavis_color--blue-4 | --now-datavis_color--blue-4 | datavis | system.datavis | | | | color |
$now-datavis_color--blue-5 | --now-datavis_color--blue-5 | datavis | system.datavis | | | | color |
$now-datavis_color--blue-6 | --now-datavis_color--blue-6 | datavis | system.datavis | | | | color |
$now-datavis_color--blue-7 | --now-datavis_color--blue-7 | datavis | system.datavis | | | | color |
$now-datavis_color--blue-8 | --now-datavis_color--blue-8 | datavis | system.datavis | | | | color |
$now-datavis_color--blue-9 | --now-datavis_color--blue-9 | datavis | system.datavis | | | | color |
$now-datavis_color--blue-10 | --now-datavis_color--blue-10 | datavis | system.datavis | | | | color |
$now-datavis_color--brown-0 | --now-datavis_color--brown-0 | datavis | system.datavis | | | | color |
$now-datavis_color--brown-1 | --now-datavis_color--brown-1 | datavis | system.datavis | | | | color |
$now-datavis_color--brown-2 | --now-datavis_color--brown-2 | datavis | system.datavis | | | | color |
$now-datavis_color--brown-3 | --now-datavis_color--brown-3 | datavis | system.datavis | | | | color |
$now-datavis_color--brown-4 | --now-datavis_color--brown-4 | datavis | system.datavis | | | | color |
$now-datavis_color--brown-5 | --now-datavis_color--brown-5 | datavis | system.datavis | | | | color |
$now-datavis_color--brown-6 | --now-datavis_color--brown-6 | datavis | system.datavis | | | | color |
$now-datavis_color--brown-7 | --now-datavis_color--brown-7 | datavis | system.datavis | | | | color |
$now-datavis_color--brown-8 | --now-datavis_color--brown-8 | datavis | system.datavis | | | | color |
$now-datavis_color--brown-9 | --now-datavis_color--brown-9 | datavis | system.datavis | | | | color |
$now-datavis_color--brown-10 | --now-datavis_color--brown-10 | datavis | system.datavis | | | | color |
$now-datavis_color--green-0 | --now-datavis_color--green-0 | datavis | system.datavis | | | | color |
$now-datavis_color--green-1 | --now-datavis_color--green-1 | datavis | system.datavis | | | | color |
$now-datavis_color--green-2 | --now-datavis_color--green-2 | datavis | system.datavis | | | | color |
$now-datavis_color--green-3 | --now-datavis_color--green-3 | datavis | system.datavis | | | | color |
$now-datavis_color--green-4 | --now-datavis_color--green-4 | datavis | system.datavis | | | | color |
$now-datavis_color--green-5 | --now-datavis_color--green-5 | datavis | system.datavis | | | | color |
$now-datavis_color--green-6 | --now-datavis_color--green-6 | datavis | system.datavis | | | | color |
$now-datavis_color--green-7 | --now-datavis_color--green-7 | datavis | system.datavis | | | | color |
$now-datavis_color--green-8 | --now-datavis_color--green-8 | datavis | system.datavis | | | | color |
$now-datavis_color--green-9 | --now-datavis_color--green-9 | datavis | system.datavis | | | | color |
$now-datavis_color--green-10 | --now-datavis_color--green-10 | datavis | system.datavis | | | | color |
$now-datavis_color--orange-0 | --now-datavis_color--orange-0 | datavis | system.datavis | | | | color |
$now-datavis_color--orange-1 | --now-datavis_color--orange-1 | datavis | system.datavis | | | | color |
$now-datavis_color--orange-2 | --now-datavis_color--orange-2 | datavis | system.datavis | | | | color |
$now-datavis_color--orange-3 | --now-datavis_color--orange-3 | datavis | system.datavis | | | | color |
$now-datavis_color--orange-4 | --now-datavis_color--orange-4 | datavis | system.datavis | | | | color |
$now-datavis_color--orange-5 | --now-datavis_color--orange-5 | datavis | system.datavis | | | | color |
$now-datavis_color--orange-6 | --now-datavis_color--orange-6 | datavis | system.datavis | | | | color |
$now-datavis_color--orange-7 | --now-datavis_color--orange-7 | datavis | system.datavis | | | | color |
$now-datavis_color--orange-8 | --now-datavis_color--orange-8 | datavis | system.datavis | | | | color |
$now-datavis_color--orange-9 | --now-datavis_color--orange-9 | datavis | system.datavis | | | | color |
$now-datavis_color--orange-10 | --now-datavis_color--orange-10 | datavis | system.datavis | | | | color |
$now-datavis_color--olive-0 | --now-datavis_color--olive-0 | datavis | system.datavis | | | | color |
$now-datavis_color--olive-1 | --now-datavis_color--olive-1 | datavis | system.datavis | | | | color |
$now-datavis_color--olive-2 | --now-datavis_color--olive-2 | datavis | system.datavis | | | | color |
$now-datavis_color--olive-3 | --now-datavis_color--olive-3 | datavis | system.datavis | | | | color |
$now-datavis_color--olive-4 | --now-datavis_color--olive-4 | datavis | system.datavis | | | | color |
$now-datavis_color--olive-5 | --now-datavis_color--olive-5 | datavis | system.datavis | | | | color |
$now-datavis_color--olive-6 | --now-datavis_color--olive-6 | datavis | system.datavis | | | | color |
$now-datavis_color--olive-7 | --now-datavis_color--olive-7 | datavis | system.datavis | | | | color |
$now-datavis_color--olive-8 | --now-datavis_color--olive-8 | datavis | system.datavis | | | | color |
$now-datavis_color--olive-9 | --now-datavis_color--olive-9 | datavis | system.datavis | | | | color |
$now-datavis_color--olive-10 | --now-datavis_color--olive-10 | datavis | system.datavis | | | | color |
$now-datavis_color--pink-0 | --now-datavis_color--pink-0 | datavis | system.datavis | | | | color |
$now-datavis_color--pink-1 | --now-datavis_color--pink-1 | datavis | system.datavis | | | | color |
$now-datavis_color--pink-2 | --now-datavis_color--pink-2 | datavis | system.datavis | | | | color |
$now-datavis_color--pink-3 | --now-datavis_color--pink-3 | datavis | system.datavis | | | | color |
$now-datavis_color--pink-4 | --now-datavis_color--pink-4 | datavis | system.datavis | | | | color |
$now-datavis_color--pink-5 | --now-datavis_color--pink-5 | datavis | system.datavis | | | | color |
$now-datavis_color--pink-6 | --now-datavis_color--pink-6 | datavis | system.datavis | | | | color |
$now-datavis_color--pink-7 | --now-datavis_color--pink-7 | datavis | system.datavis | | | | color |
$now-datavis_color--pink-8 | --now-datavis_color--pink-8 | datavis | system.datavis | | | | color |
$now-datavis_color--pink-9 | --now-datavis_color--pink-9 | datavis | system.datavis | | | | color |
$now-datavis_color--pink-10 | --now-datavis_color--pink-10 | datavis | system.datavis | | | | color |
$now-datavis_color--purple-0 | --now-datavis_color--purple-0 | datavis | system.datavis | | | | color |
$now-datavis_color--purple-1 | --now-datavis_color--purple-1 | datavis | system.datavis | | | | color |
$now-datavis_color--purple-2 | --now-datavis_color--purple-2 | datavis | system.datavis | | | | color |
$now-datavis_color--purple-3 | --now-datavis_color--purple-3 | datavis | system.datavis | | | | color |
$now-datavis_color--purple-4 | --now-datavis_color--purple-4 | datavis | system.datavis | | | | color |
$now-datavis_color--purple-5 | --now-datavis_color--purple-5 | datavis | system.datavis | | | | color |
$now-datavis_color--purple-6 | --now-datavis_color--purple-6 | datavis | system.datavis | | | | color |
$now-datavis_color--purple-7 | --now-datavis_color--purple-7 | datavis | system.datavis | | | | color |
$now-datavis_color--purple-8 | --now-datavis_color--purple-8 | datavis | system.datavis | | | | color |
$now-datavis_color--purple-9 | --now-datavis_color--purple-9 | datavis | system.datavis | | | | color |
$now-datavis_color--purple-10 | --now-datavis_color--purple-10 | datavis | system.datavis | | | | color |
$now-datavis_color--red-0 | --now-datavis_color--red-0 | datavis | system.datavis | | | | color |
$now-datavis_color--red-1 | --now-datavis_color--red-1 | datavis | system.datavis | | | | color |
$now-datavis_color--red-2 | --now-datavis_color--red-2 | datavis | system.datavis | | | | color |
$now-datavis_color--red-3 | --now-datavis_color--red-3 | datavis | system.datavis | | | | color |
$now-datavis_color--red-4 | --now-datavis_color--red-4 | datavis | system.datavis | | | | color |
$now-datavis_color--red-5 | --now-datavis_color--red-5 | datavis | system.datavis | | | | color |
$now-datavis_color--red-6 | --now-datavis_color--red-6 | datavis | system.datavis | | | | color |
$now-datavis_color--red-7 | --now-datavis_color--red-7 | datavis | system.datavis | | | | color |
$now-datavis_color--red-8 | --now-datavis_color--red-8 | datavis | system.datavis | | | | color |
$now-datavis_color--red-9 | --now-datavis_color--red-9 | datavis | system.datavis | | | | color |
$now-datavis_color--red-10 | --now-datavis_color--red-10 | datavis | system.datavis | | | | color |
$now-datavis_color--teal-0 | --now-datavis_color--teal-0 | datavis | system.datavis | | | | color |
$now-datavis_color--teal-1 | --now-datavis_color--teal-1 | datavis | system.datavis | | | | color |
$now-datavis_color--teal-2 | --now-datavis_color--teal-2 | datavis | system.datavis | | | | color |
$now-datavis_color--teal-3 | --now-datavis_color--teal-3 | datavis | system.datavis | | | | color |
$now-datavis_color--teal-4 | --now-datavis_color--teal-4 | datavis | system.datavis | | | | color |
$now-datavis_color--teal-5 | --now-datavis_color--teal-5 | datavis | system.datavis | | | | color |
$now-datavis_color--teal-6 | --now-datavis_color--teal-6 | datavis | system.datavis | | | | color |
$now-datavis_color--teal-7 | --now-datavis_color--teal-7 | datavis | system.datavis | | | | color |
$now-datavis_color--teal-8 | --now-datavis_color--teal-8 | datavis | system.datavis | | | | color |
$now-datavis_color--teal-9 | --now-datavis_color--teal-9 | datavis | system.datavis | | | | color |
$now-datavis_color--teal-10 | --now-datavis_color--teal-10 | datavis | system.datavis | | | | color |
$now-datavis_color--violet-0 | --now-datavis_color--violet-0 | datavis | system.datavis | | | | color |
$now-datavis_color--violet-1 | --now-datavis_color--violet-1 | datavis | system.datavis | | | | color |
$now-datavis_color--violet-2 | --now-datavis_color--violet-2 | datavis | system.datavis | | | | color |
$now-datavis_color--violet-3 | --now-datavis_color--violet-3 | datavis | system.datavis | | | | color |
$now-datavis_color--violet-4 | --now-datavis_color--violet-4 | datavis | system.datavis | | | | color |
$now-datavis_color--violet-5 | --now-datavis_color--violet-5 | datavis | system.datavis | | | | color |
$now-datavis_color--violet-6 | --now-datavis_color--violet-6 | datavis | system.datavis | | | | color |
$now-datavis_color--violet-7 | --now-datavis_color--violet-7 | datavis | system.datavis | | | | color |
$now-datavis_color--violet-8 | --now-datavis_color--violet-8 | datavis | system.datavis | | | | color |
$now-datavis_color--violet-9 | --now-datavis_color--violet-9 | datavis | system.datavis | | | | color |
$now-datavis_color--violet-10 | --now-datavis_color--violet-10 | datavis | system.datavis | | | | color |
$now-datavis_color--yellow-green-0 | --now-datavis_color--yellow-green-0 | datavis | system.datavis | | | | color |
$now-datavis_color--yellow-green-1 | --now-datavis_color--yellow-green-1 | datavis | system.datavis | | | | color |
$now-datavis_color--yellow-green-2 | --now-datavis_color--yellow-green-2 | datavis | system.datavis | | | | color |
$now-datavis_color--yellow-green-3 | --now-datavis_color--yellow-green-3 | datavis | system.datavis | | | | color |
$now-datavis_color--yellow-green-4 | --now-datavis_color--yellow-green-4 | datavis | system.datavis | | | | color |
$now-datavis_color--yellow-green-5 | --now-datavis_color--yellow-green-5 | datavis | system.datavis | | | | color |
$now-datavis_color--yellow-green-6 | --now-datavis_color--yellow-green-6 | datavis | system.datavis | | | | color |
$now-datavis_color--yellow-green-7 | --now-datavis_color--yellow-green-7 | datavis | system.datavis | | | | color |
$now-datavis_color--yellow-green-8 | --now-datavis_color--yellow-green-8 | datavis | system.datavis | | | | color |
$now-datavis_color--yellow-green-9 | --now-datavis_color--yellow-green-9 | datavis | system.datavis | | | | color |
$now-datavis_color--yellow-green-10 | --now-datavis_color--yellow-green-10 | datavis | system.datavis | | | | color |
$now-content-tree_placeholder--font-style | --now-content-tree_placeholder--font-style | content-tree | component | | italic | font-style | font-style |
$now-content-tree_placeholder--font-weight | --now-content-tree_placeholder--font-weight | content-tree | component | | 600 | font-weight | font-weight |
$now-content-tree_placeholder--color | --now-content-tree_placeholder--color | content-tree | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-content-tree_placeholder--color--hover | --now-content-tree_placeholder--color--hover | content-tree | component | now-color--secondary-1 | | color | color |
$now-content-tree_placeholder--color--active | --now-content-tree_placeholder--color--active | content-tree | component | now-color--secondary-3 | | color | color |
$now-content-tree_divider--color | --now-content-tree_divider--color | content-tree | component | now-color_divider--tertiary, now-color--neutral-3 | | color | color |
$now-template-message-empty-state_heading--color | --now-template-message-empty-state_heading--color | template-message-empty-state | component | now-display-type--primary--color, now-display-type--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-template-message-empty-state_content--color | --now-template-message-empty-state_content--color | template-message-empty-state | component | now-display-type--tertiary--color, now-color_text--tertiary, now-color--neutral-12 | | color | color |
$now-template-message-empty-state_content--font-style | --now-template-message-empty-state_content--font-style | template-message-empty-state | component | now-display-type--tertiary--font-style, now-display-type--font-style | normal | font-style | font-style |
$now-template-message-empty-state_content--font-weight | --now-template-message-empty-state_content--font-weight | template-message-empty-state | component | now-display-type--tertiary--font-weight, now-display-type--font-weight | normal | font-weight | font-weight |
$now-template-message-empty-state_content--font-family | --now-template-message-empty-state_content--font-family | template-message-empty-state | component | now-display-type--tertiary--font-family, now-display-type--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-template-message-empty-state_content--text-transform | --now-template-message-empty-state_content--text-transform | template-message-empty-state | component | now-display-type--tertiary--text-transform, now-display-type--text-transform | none | text-transform | text-transform |
$now-score--interactive--background-color--hover | --now-score--interactive--background-color--hover | score | component | now-color_background--tertiary, now-color--neutral-2 | | background-color | color |
$now-score--interactive--background-color--active | --now-score--interactive--background-color--active | score | component | now-color--neutral-5 | | background-color | color |
$now-font-family | --now-font-family | font-family | system | | 'Source Sans Pro', Arial, sans-serif | | font-family |
$now-datavis_color--primary | --now-datavis_color--primary | datavis | system.datavis | now-color--neutral-0 | | | color |
$now-datavis_color_chart--primary | --now-datavis_color_chart--primary | datavis | system.datavis | now-color--neutral-2 | | | color |
$now-datavis_color_chart--secondary | --now-datavis_color_chart--secondary | datavis | system.datavis | now-color--neutral-4 | | | color |
$now-datavis_color_chart--tertiary | --now-datavis_color_chart--tertiary | datavis | system.datavis | now-color--neutral-7 | | | color |
$now-datavis_color_chart_fill | --now-datavis_color_chart_fill | datavis | system.datavis | now-color_alert--info-1 | | | color |
$now-datavis_color--accessibility-0 | --now-datavis_color--accessibility-0 | datavis | system.datavis | now-color--neutral-0 | | | color |
$now-datavis_color--accessibility-2 | --now-datavis_color--accessibility-2 | datavis | system.datavis | now-color--neutral-4 | | | color |
$now-datavis_color--accessibility-10 | --now-datavis_color--accessibility-10 | datavis | system.datavis | now-color--neutral-20 | | | color |
$now-datavis_color_label--primary | --now-datavis_color_label--primary | datavis | system.datavis | now-color--neutral-18 | | | color |
$now-datavis_color_label--secondary | --now-datavis_color_label--secondary | datavis | system.datavis | now-color--neutral-9 | | | color |
$now-datavis_color_label--tertiary | --now-datavis_color_label--tertiary | datavis | system.datavis | now-color--neutral-5 | | | color |
$now-datavis_color_layer--primary | --now-datavis_color_layer--primary | datavis | system.datavis | now-color--neutral-2 | | | color |
$now-datavis_color_layer--secondary | --now-datavis_color_layer--secondary | datavis | system.datavis | now-color--neutral-4 | | | color |
$now-datavis_color_layer--tertiary | --now-datavis_color_layer--tertiary | datavis | system.datavis | now-color--neutral-5 | | | color |
$now-datavis_color_layer--quad | --now-datavis_color_layer--quad | datavis | system.datavis | now-color--neutral-20 | | | color |
$now-datavis_color_layer_band--primary | --now-datavis_color_layer_band--primary | datavis | system.datavis | now-color_alert--high-1 | | | color |
$now-datavis_color_layer_band--secondary | --now-datavis_color_layer_band--secondary | datavis | system.datavis | now-color_alert--high-2 | | | color |
$now-label-value_previous_delimiter--font-weight | --now-label-value_previous_delimiter--font-weight | label-value | component | | 600 | font-weight | font-weight |
$now-stepper_step--color--selected_active | --now-stepper_step--color--selected_active | stepper | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-stepper_step--border-color--selected_active | --now-stepper_step--border-color--selected_active | stepper | component | now-color_text--primary, now-color--neutral-18 | | border-color | color |
$now-display-type_label--font-style | --now-display-type_label--font-style | display-type | category | now-display-type--font-style | normal | font-style | font-style |
$now-display-type_label--font-weight | --now-display-type_label--font-weight | display-type | category | now-display-type--font-weight | normal | font-weight | font-weight |
$now-display-type_label--font-family | --now-display-type_label--font-family | display-type | category | now-display-type--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-display-type_label--text-transform | --now-display-type_label--text-transform | display-type | category | now-display-type--text-transform | none | text-transform | text-transform |
$now-display-type_label--color | --now-display-type_label--color | display-type | category | now-color_text--tertiary, now-color--neutral-12 | | color | color |
$now-display-type_value--font-style | --now-display-type_value--font-style | display-type | category | now-display-type--font-style | normal | font-style | font-style |
$now-display-type_value--font-weight | --now-display-type_value--font-weight | display-type | category | now-display-type--font-weight | normal | font-weight | font-weight |
$now-display-type_value--font-family | --now-display-type_value--font-family | display-type | category | now-display-type--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-display-type_value--text-transform | --now-display-type_value--text-transform | display-type | category | now-display-type--text-transform | none | text-transform | text-transform |
$now-display-type_value--color | --now-display-type_value--color | display-type | category | now-display-type--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-form-control_handle--border-width | --now-form-control_handle--border-width | form-control | category | | 1px | border-width | size |
$now-form-control_handle--border-radius | --now-form-control_handle--border-radius | form-control | category | | 2px | border-radius | size |
$now-form-control_track--border-width | --now-form-control_track--border-width | form-control | category | | 1px | border-width | size |
$now-form-control_track--border-radius | --now-form-control_track--border-radius | form-control | category | | 2px | border-radius | size |
$now-menu_divider--width | --now-menu_divider--width | menu | category | | 1px | width | size |
$now-menu_divider--color | --now-menu_divider--color | menu | category | now-color_divider--tertiary, now-color--neutral-3 | | color | color |
$now-menu_sublabel--font-style | --now-menu_sublabel--font-style | menu | category | now-menu--font-style | normal | font-style | font-style |
$now-menu_sublabel--font-weight | --now-menu_sublabel--font-weight | menu | category | now-menu--font-weight | normal | font-weight | font-weight |
$now-menu_sublabel--font-family | --now-menu_sublabel--font-family | menu | category | now-menu--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-menu_sublabel--text-transform | --now-menu_sublabel--text-transform | menu | category | now-menu--text-transform | none | text-transform | text-transform |
$now-menu_search--font-style | --now-menu_search--font-style | menu | category | now-menu--font-style | normal | font-style | font-style |
$now-menu_search--font-weight | --now-menu_search--font-weight | menu | category | now-menu--font-weight | normal | font-weight | font-weight |
$now-menu_search--font-family | --now-menu_search--font-family | menu | category | now-menu--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-menu_search--text-transform | --now-menu_search--text-transform | menu | category | now-menu--text-transform | none | text-transform | text-transform |
$now-dropdown--border-top-left-radius | --now-dropdown--border-top-left-radius | dropdown | component | now-button--border-radius, now-actionable--border-radius | 0 | border-radius | size |
$now-dropdown--border-top-right-radius | --now-dropdown--border-top-right-radius | dropdown | component | now-button--border-radius, now-actionable--border-radius | 0 | border-radius | size |
$now-dropdown--border-bottom-right-radius | --now-dropdown--border-bottom-right-radius | dropdown | component | now-button--border-radius, now-actionable--border-radius | 0 | border-radius | size |
$now-dropdown--border-bottom-left-radius | --now-dropdown--border-bottom-left-radius | dropdown | component | now-button--border-radius, now-actionable--border-radius | 0 | border-radius | size |
$now-tabs--font-style--selected | --now-tabs--font-style--selected | tabs | component | now-tabs--font-style, now-navigation--font-style | normal | font-style | font-style |
$now-tabs--font-weight--selected | --now-tabs--font-weight--selected | tabs | component | now-tabs--font-weight, now-navigation--font-weight | normal | font-weight | font-weight |
$now-tabs--text-transform--selected | --now-tabs--text-transform--selected | tabs | component | now-tabs--text-transform, now-navigation--text-transform | none | text-transform | text-transform |
$now-tabs_divider--width | --now-tabs_divider--width | tabs | component | | 1px | width | size |
$now-tabs_divider--color | --now-tabs_divider--color | tabs | component | now-color_divider--secondary, now-color--neutral-5 | | color | color |
$now-tabs--border-radius | --now-tabs--border-radius | tabs | component | | 0 | border-radius | size |
$now-tabs--border-width | --now-tabs--border-width | tabs | component | | 2px | border-width | size |
$now-tabs--border-color--hover | --now-tabs--border-color--hover | tabs | component | now-color_divider--secondary, now-color--neutral-5 | | border-color | color |
$now-tabs--border-color--active | --now-tabs--border-color--active | tabs | component | now-color_selection--primary-4 | | border-color | color |
$now-tabs--color--active | --now-tabs--color--active | tabs | component | now-color_selection--primary-4 | | color | color |
$now-tabs--background-color--active | --now-tabs--background-color--active | tabs | component | now-tabs--background-color, now-color_background--primary, now-color--neutral-0 | | background-color | color |
$now-dragdrop_badge--font-family | --now-dragdrop_badge--font-family | dragdrop | component | now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-dragdrop_badge--border-color | --now-dragdrop_badge--border-color | dragdrop | component | now-color--neutral-0 | | border-color | color |
$now-dragdrop_badge--color | --now-dragdrop_badge--color | dragdrop | component | now-color--neutral-0 | | color | color |
$now-dragdrop_badge--background-color | --now-dragdrop_badge--background-color | dragdrop | component | now-color_alert--info-2 | | background-color | color |
$now-dragdrop_ghost--background-color | --now-dragdrop_ghost--background-color | dragdrop | component | now-color--neutral-0 | | background-color | color |
- | --now-line-height | line-height | system | | 1.25 | | scale |
$now-score--font-family | --now-score--font-family | score | component | now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-score_heading--font-weight | --now-score_heading--font-weight | score | component | | normal | font-weight | font-weight |
$now-score_heading--font-style | --now-score_heading--font-style | score | component | | normal | font-style | font-style |
$now-score_heading--font-family | --now-score_heading--font-family | score | component | now-display-type--primary--font-family, now-display-type--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-score_heading--text-transform | --now-score_heading--text-transform | score | component | | none | text-transform | text-transform |
$now-score_heading--color | --now-score_heading--color | score | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-score_value--font-weight | --now-score_value--font-weight | score | component | | 300 | font-weight | font-weight |
$now-score_value--font-style | --now-score_value--font-style | score | component | | normal | font-style | font-style |
$now-score_value--font-family | --now-score_value--font-family | score | component | now-score--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-score_value--text-transform | --now-score_value--text-transform | score | component | | none | text-transform | text-transform |
$now-score_value--color | --now-score_value--color | score | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-score_label--font-weight | --now-score_label--font-weight | score | component | | normal | font-weight | font-weight |
$now-score_label--font-style | --now-score_label--font-style | score | component | | normal | font-style | font-style |
$now-score_label--text-transform | --now-score_label--text-transform | score | component | | none | text-transform | text-transform |
$now-score_label--primary--color | --now-score_label--primary--color | score | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-score_label--secondary--color | --now-score_label--secondary--color | score | component | now-color_text--tertiary, now-color--neutral-12 | | color | color |
$now-score_timestamp--font-weight | --now-score_timestamp--font-weight | score | component | | normal | font-weight | font-weight |
$now-score_timestamp--font-style | --now-score_timestamp--font-style | score | component | | normal | font-style | font-style |
$now-score_timestamp--text-transform | --now-score_timestamp--text-transform | score | component | | none | text-transform | text-transform |
$now-score_timestamp--color | --now-score_timestamp--color | score | component | now-color_text--tertiary, now-color--neutral-12 | | color | color |
$now-content-tree_sidebar--background-color--selected | --now-content-tree_sidebar--background-color--selected | content-tree | component | now-color--primary-1 | | background-color | color |
$now-form-field--border-block-end-width--readonly | --now-form-field--border-block-end-width--readonly | form-field | component | | 0px | border-width | size |
$now-form-field--border-width--readonly | --now-form-field--border-width--readonly | form-field | component | now-form-field--border-width | 0px | border-width | size |
$now-form-field--border-radius--readonly | --now-form-field--border-radius--readonly | form-field | component | now-form-field--border-radius | 0 | border-radius | size |
$now-form-field--border-color--readonly | --now-form-field--border-color--readonly | form-field | component | now-form-field--border-color, now-color_border--primary, now-color--neutral-7 | | border-color | color |
$now-form-field_placeholder--color--hover | --now-form-field_placeholder--color--hover | form-field | component | now-color_text--secondary, now-color--neutral-15 | | color | color |
$now-form-field--color--readonly | --now-form-field--color--readonly | form-field | component | now-form-field--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-form-field--background-color--readonly | --now-form-field--background-color--readonly | form-field | component | now-form-field--background-color, now-color_background--primary, now-color--neutral-0 | | background-color | color |
$now-form-field--background-color-alpha--readonly | --now-form-field--background-color-alpha--readonly | form-field | component | now-form-field--background-color-alpha | 0 | background-color-alpha | proportion |
$now-dropdown-list_search--color | --now-dropdown-list_search--color | dropdown-list | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-dropdown-list_search--color--placeholder | --now-dropdown-list_search--color--placeholder | dropdown-list | component | now-color_text--tertiary, now-color--neutral-12 | | color | color |
$now-form-field_character-counter--color--warning | --now-form-field_character-counter--color--warning | form-field | component | now-color_alert--high-3 | | color | color |
$now-form-field_character-counter--color--error | --now-form-field_character-counter--color--error | form-field | component | now-color_alert--critical-2 | | color | color |
$now-checkbox_focus-ring--width | --now-checkbox_focus-ring--width | checkbox | component | | 0px | width | size |
$now-checkbox--border-color--focus | --now-checkbox--border-color--focus | checkbox | component | now-color--secondary-1 | | border-color | color |
$now-dropdown-list--background-color-alpha--focus | --now-dropdown-list--background-color-alpha--focus | dropdown-list | component | | 1 | background-color-alpha | proportion |
$now-form-field_focus-ring--width | --now-form-field_focus-ring--width | form-field | component | | 0px | width | size |
$now-global-drop-shadow--xl | - | global | system | | 0 12px 16px 0 RGBA(56, 56, 56, 0.25) | drop-shadow | drop-shadow |
$now-global-drop-shadow--xxl | - | global | system | | 0 16px 24px 0 RGBA(56, 56, 56, 0.25) | drop-shadow | drop-shadow |
$now-highlighted-value_icon--primary_blue--color | --now-highlighted-value_icon--primary_blue--color | highlighted-value | component | now-color_grouped--blue-0 | | color | color |
$now-highlighted-value_icon--primary_brown--color | --now-highlighted-value_icon--primary_brown--color | highlighted-value | component | now-color_grouped--brown-0 | | color | color |
$now-highlighted-value_icon--primary_gray--color | --now-highlighted-value_icon--primary_gray--color | highlighted-value | component | now-color_grouped--gray-0 | | color | color |
$now-highlighted-value_icon--primary_green--color | --now-highlighted-value_icon--primary_green--color | highlighted-value | component | now-color_grouped--green-0 | | color | color |
$now-highlighted-value_icon--primary_green-yellow--color | --now-highlighted-value_icon--primary_green-yellow--color | highlighted-value | component | now-color_grouped--green-yellow-0 | | color | color |
$now-highlighted-value_icon--primary_magenta--color | --now-highlighted-value_icon--primary_magenta--color | highlighted-value | component | now-color_grouped--magenta-0 | | color | color |
$now-highlighted-value_icon--primary_orange--color | --now-highlighted-value_icon--primary_orange--color | highlighted-value | component | now-color_grouped--orange-0 | | color | color |
$now-highlighted-value_icon--primary_pink--color | --now-highlighted-value_icon--primary_pink--color | highlighted-value | component | now-color_grouped--pink-0 | | color | color |
$now-highlighted-value_icon--primary_purple--color | --now-highlighted-value_icon--primary_purple--color | highlighted-value | component | now-color_grouped--purple-0 | | color | color |
$now-highlighted-value_icon--primary_teal--color | --now-highlighted-value_icon--primary_teal--color | highlighted-value | component | now-color_grouped--teal-0 | | color | color |
$now-highlighted-value_icon--primary_yellow--color | --now-highlighted-value_icon--primary_yellow--color | highlighted-value | component | now-color_grouped--yellow-0 | | color | color |
$now-highlighted-value_icon--secondary_blue--color | --now-highlighted-value_icon--secondary_blue--color | highlighted-value | component | now-color_grouped--blue-4 | | color | color |
$now-highlighted-value_icon--secondary_brown--color | --now-highlighted-value_icon--secondary_brown--color | highlighted-value | component | now-color_grouped--brown-4 | | color | color |
$now-highlighted-value_icon--secondary_gray--color | --now-highlighted-value_icon--secondary_gray--color | highlighted-value | component | now-color_grouped--gray-4 | | color | color |
$now-highlighted-value_icon--secondary_green--color | --now-highlighted-value_icon--secondary_green--color | highlighted-value | component | now-color_grouped--green-4 | | color | color |
$now-highlighted-value_icon--secondary_green-yellow--color | --now-highlighted-value_icon--secondary_green-yellow--color | highlighted-value | component | now-color_grouped--green-yellow-4 | | color | color |
$now-highlighted-value_icon--secondary_magenta--color | --now-highlighted-value_icon--secondary_magenta--color | highlighted-value | component | now-color_grouped--magenta-4 | | color | color |
$now-highlighted-value_icon--secondary_orange--color | --now-highlighted-value_icon--secondary_orange--color | highlighted-value | component | now-color_grouped--orange-4 | | color | color |
$now-highlighted-value_icon--secondary_pink--color | --now-highlighted-value_icon--secondary_pink--color | highlighted-value | component | now-color_grouped--pink-4 | | color | color |
$now-highlighted-value_icon--secondary_purple--color | --now-highlighted-value_icon--secondary_purple--color | highlighted-value | component | now-color_grouped--purple-4 | | color | color |
$now-highlighted-value_icon--secondary_teal--color | --now-highlighted-value_icon--secondary_teal--color | highlighted-value | component | now-color_grouped--teal-4 | | color | color |
$now-highlighted-value_icon--secondary_yellow--color | --now-highlighted-value_icon--secondary_yellow--color | highlighted-value | component | now-color_grouped--yellow-4 | | color | color |
$now-highlighted-value_icon--tertiary_blue--color | --now-highlighted-value_icon--tertiary_blue--color | highlighted-value | component | now-color_grouped--blue-4 | | color | color |
$now-highlighted-value_icon--tertiary_brown--color | --now-highlighted-value_icon--tertiary_brown--color | highlighted-value | component | now-color_grouped--brown-4 | | color | color |
$now-highlighted-value_icon--tertiary_gray--color | --now-highlighted-value_icon--tertiary_gray--color | highlighted-value | component | now-color_grouped--gray-4 | | color | color |
$now-highlighted-value_icon--tertiary_green--color | --now-highlighted-value_icon--tertiary_green--color | highlighted-value | component | now-color_grouped--green-4 | | color | color |
$now-highlighted-value_icon--tertiary_green-yellow--color | --now-highlighted-value_icon--tertiary_green-yellow--color | highlighted-value | component | now-color_grouped--green-yellow-4 | | color | color |
$now-highlighted-value_icon--tertiary_magenta--color | --now-highlighted-value_icon--tertiary_magenta--color | highlighted-value | component | now-color_grouped--magenta-4 | | color | color |
$now-highlighted-value_icon--tertiary_orange--color | --now-highlighted-value_icon--tertiary_orange--color | highlighted-value | component | now-color_grouped--orange-4 | | color | color |
$now-highlighted-value_icon--tertiary_pink--color | --now-highlighted-value_icon--tertiary_pink--color | highlighted-value | component | now-color_grouped--pink-4 | | color | color |
$now-highlighted-value_icon--tertiary_purple--color | --now-highlighted-value_icon--tertiary_purple--color | highlighted-value | component | now-color_grouped--purple-4 | | color | color |
$now-highlighted-value_icon--tertiary_teal--color | --now-highlighted-value_icon--tertiary_teal--color | highlighted-value | component | now-color_grouped--teal-4 | | color | color |
$now-highlighted-value_icon--tertiary_yellow--color | --now-highlighted-value_icon--tertiary_yellow--color | highlighted-value | component | now-color_grouped--yellow-4 | | color | color |
$now-highlighted-value--primary_blue--background-color | --now-highlighted-value--primary_blue--background-color | highlighted-value | component | now-color_grouped--blue-4 | | background-color | color |
$now-highlighted-value--primary_blue--border-color | --now-highlighted-value--primary_blue--border-color | highlighted-value | component | now-color_grouped--blue-5 | | border-color | color |
$now-highlighted-value--primary_blue--color | --now-highlighted-value--primary_blue--color | highlighted-value | component | now-highlighted-value--primary--color, now-color--neutral-0 | | color | color |
$now-highlighted-value--primary_brown--background-color | --now-highlighted-value--primary_brown--background-color | highlighted-value | component | now-color_grouped--brown-4 | | background-color | color |
$now-highlighted-value--primary_brown--border-color | --now-highlighted-value--primary_brown--border-color | highlighted-value | component | now-color_grouped--brown-5 | | border-color | color |
$now-highlighted-value--primary_brown--color | --now-highlighted-value--primary_brown--color | highlighted-value | component | now-highlighted-value--primary--color, now-color--neutral-0 | | color | color |
$now-highlighted-value--primary_critical--color | --now-highlighted-value--primary_critical--color | highlighted-value | component | now-highlighted-value--primary--color, now-color--neutral-0 | | color | color |
$now-highlighted-value--primary_gray--background-color | --now-highlighted-value--primary_gray--background-color | highlighted-value | component | now-color_grouped--gray-4 | | background-color | color |
$now-highlighted-value--primary_gray--border-color | --now-highlighted-value--primary_gray--border-color | highlighted-value | component | now-color_grouped--gray-5 | | border-color | color |
$now-highlighted-value--primary_gray--color | --now-highlighted-value--primary_gray--color | highlighted-value | component | now-highlighted-value--primary--color, now-color--neutral-0 | | color | color |
$now-highlighted-value--primary_green--background-color | --now-highlighted-value--primary_green--background-color | highlighted-value | component | now-color_grouped--green-4 | | background-color | color |
$now-highlighted-value--primary_green--border-color | --now-highlighted-value--primary_green--border-color | highlighted-value | component | now-color_grouped--green-5 | | border-color | color |
$now-highlighted-value--primary_green--color | --now-highlighted-value--primary_green--color | highlighted-value | component | now-highlighted-value--primary--color, now-color--neutral-0 | | color | color |
$now-highlighted-value--primary_green-yellow--background-color | --now-highlighted-value--primary_green-yellow--background-color | highlighted-value | component | now-color_grouped--green-yellow-4 | | background-color | color |
$now-highlighted-value--primary_green-yellow--border-color | --now-highlighted-value--primary_green-yellow--border-color | highlighted-value | component | now-color_grouped--green-yellow-5 | | border-color | color |
$now-highlighted-value--primary_green-yellow--color | --now-highlighted-value--primary_green-yellow--color | highlighted-value | component | now-highlighted-value--primary--color, now-color--neutral-0 | | color | color |
$now-highlighted-value--primary_high--color | --now-highlighted-value--primary_high--color | highlighted-value | component | now-highlighted-value--primary--color, now-color--neutral-0 | | color | color |
$now-highlighted-value--primary_info--color | --now-highlighted-value--primary_info--color | highlighted-value | component | now-highlighted-value--primary--color, now-color--neutral-0 | | color | color |
$now-highlighted-value--primary_low--color | --now-highlighted-value--primary_low--color | highlighted-value | component | now-highlighted-value--primary--color, now-color--neutral-0 | | color | color |
$now-highlighted-value--primary_magenta--background-color | --now-highlighted-value--primary_magenta--background-color | highlighted-value | component | now-color_grouped--magenta-4 | | background-color | color |
$now-highlighted-value--primary_magenta--border-color | --now-highlighted-value--primary_magenta--border-color | highlighted-value | component | now-color_grouped--magenta-5 | | border-color | color |
$now-highlighted-value--primary_magenta--color | --now-highlighted-value--primary_magenta--color | highlighted-value | component | now-highlighted-value--primary--color, now-color--neutral-0 | | color | color |
$now-highlighted-value--primary_moderate--color | --now-highlighted-value--primary_moderate--color | highlighted-value | component | now-highlighted-value--primary--color, now-color--neutral-0 | | color | color |
$now-highlighted-value--primary_orange--background-color | --now-highlighted-value--primary_orange--background-color | highlighted-value | component | now-color_grouped--orange-4 | | background-color | color |
$now-highlighted-value--primary_orange--border-color | --now-highlighted-value--primary_orange--border-color | highlighted-value | component | now-color_grouped--orange-5 | | border-color | color |
$now-highlighted-value--primary_orange--color | --now-highlighted-value--primary_orange--color | highlighted-value | component | now-highlighted-value--primary--color, now-color--neutral-0 | | color | color |
$now-highlighted-value--primary_pink--background-color | --now-highlighted-value--primary_pink--background-color | highlighted-value | component | now-color_grouped--pink-4 | | background-color | color |
$now-highlighted-value--primary_pink--border-color | --now-highlighted-value--primary_pink--border-color | highlighted-value | component | now-color_grouped--pink-5 | | border-color | color |
$now-highlighted-value--primary_pink--color | --now-highlighted-value--primary_pink--color | highlighted-value | component | now-highlighted-value--primary--color, now-color--neutral-0 | | color | color |
$now-highlighted-value--primary_positive--color | --now-highlighted-value--primary_positive--color | highlighted-value | component | now-highlighted-value--primary--color, now-color--neutral-0 | | color | color |
$now-highlighted-value--primary_purple--background-color | --now-highlighted-value--primary_purple--background-color | highlighted-value | component | now-color_grouped--purple-4 | | background-color | color |
$now-highlighted-value--primary_purple--border-color | --now-highlighted-value--primary_purple--border-color | highlighted-value | component | now-color_grouped--purple-5 | | border-color | color |
$now-highlighted-value--primary_purple--color | --now-highlighted-value--primary_purple--color | highlighted-value | component | now-highlighted-value--primary--color, now-color--neutral-0 | | color | color |
$now-highlighted-value--primary_teal--background-color | --now-highlighted-value--primary_teal--background-color | highlighted-value | component | now-color_grouped--teal-4 | | background-color | color |
$now-highlighted-value--primary_teal--border-color | --now-highlighted-value--primary_teal--border-color | highlighted-value | component | now-color_grouped--teal-5 | | border-color | color |
$now-highlighted-value--primary_teal--color | --now-highlighted-value--primary_teal--color | highlighted-value | component | now-highlighted-value--primary--color, now-color--neutral-0 | | color | color |
$now-highlighted-value--primary_warning--color | --now-highlighted-value--primary_warning--color | highlighted-value | component | now-highlighted-value--primary--color, now-color--neutral-0 | | color | color |
$now-highlighted-value--primary_yellow--background-color | --now-highlighted-value--primary_yellow--background-color | highlighted-value | component | now-color_grouped--yellow-4 | | background-color | color |
$now-highlighted-value--primary_yellow--border-color | --now-highlighted-value--primary_yellow--border-color | highlighted-value | component | now-color_grouped--yellow-5 | | border-color | color |
$now-highlighted-value--primary_yellow--color | --now-highlighted-value--primary_yellow--color | highlighted-value | component | now-highlighted-value--primary--color, now-color--neutral-0 | | color | color |
$now-highlighted-value--secondary_blue--background-color | --now-highlighted-value--secondary_blue--background-color | highlighted-value | component | now-color_grouped--blue-1 | | background-color | color |
$now-highlighted-value--secondary_blue--border-color | --now-highlighted-value--secondary_blue--border-color | highlighted-value | component | now-color_grouped--blue-2 | | border-color | color |
$now-highlighted-value--secondary_blue--color | --now-highlighted-value--secondary_blue--color | highlighted-value | component | now-highlighted-value--secondary--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-highlighted-value--secondary_brown--background-color | --now-highlighted-value--secondary_brown--background-color | highlighted-value | component | now-color_grouped--brown-1 | | background-color | color |
$now-highlighted-value--secondary_brown--border-color | --now-highlighted-value--secondary_brown--border-color | highlighted-value | component | now-color_grouped--brown-2 | | border-color | color |
$now-highlighted-value--secondary_brown--color | --now-highlighted-value--secondary_brown--color | highlighted-value | component | now-highlighted-value--secondary--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-highlighted-value--secondary_critical--color | --now-highlighted-value--secondary_critical--color | highlighted-value | component | now-highlighted-value--secondary--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-highlighted-value--secondary_gray--background-color | --now-highlighted-value--secondary_gray--background-color | highlighted-value | component | now-color_grouped--gray-1 | | background-color | color |
$now-highlighted-value--secondary_gray--border-color | --now-highlighted-value--secondary_gray--border-color | highlighted-value | component | now-color_grouped--gray-2 | | border-color | color |
$now-highlighted-value--secondary_gray--color | --now-highlighted-value--secondary_gray--color | highlighted-value | component | now-highlighted-value--secondary--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-highlighted-value--secondary_green--background-color | --now-highlighted-value--secondary_green--background-color | highlighted-value | component | now-color_grouped--green-1 | | background-color | color |
$now-highlighted-value--secondary_green--border-color | --now-highlighted-value--secondary_green--border-color | highlighted-value | component | now-color_grouped--green-2 | | border-color | color |
$now-highlighted-value--secondary_green--color | --now-highlighted-value--secondary_green--color | highlighted-value | component | now-highlighted-value--secondary--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-highlighted-value--secondary_green-yellow--background-color | --now-highlighted-value--secondary_green-yellow--background-color | highlighted-value | component | now-color_grouped--green-yellow-1 | | background-color | color |
$now-highlighted-value--secondary_green-yellow--border-color | --now-highlighted-value--secondary_green-yellow--border-color | highlighted-value | component | now-color_grouped--green-yellow-2 | | border-color | color |
$now-highlighted-value--secondary_green-yellow--color | --now-highlighted-value--secondary_green-yellow--color | highlighted-value | component | now-highlighted-value--secondary--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-highlighted-value--secondary_high--color | --now-highlighted-value--secondary_high--color | highlighted-value | component | now-highlighted-value--secondary--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-highlighted-value--secondary_info--color | --now-highlighted-value--secondary_info--color | highlighted-value | component | now-highlighted-value--secondary--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-highlighted-value--secondary_low--color | --now-highlighted-value--secondary_low--color | highlighted-value | component | now-highlighted-value--secondary--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-highlighted-value--secondary_magenta--background-color | --now-highlighted-value--secondary_magenta--background-color | highlighted-value | component | now-color_grouped--magenta-1 | | background-color | color |
$now-highlighted-value--secondary_magenta--border-color | --now-highlighted-value--secondary_magenta--border-color | highlighted-value | component | now-color_grouped--magenta-2 | | border-color | color |
$now-highlighted-value--secondary_magenta--color | --now-highlighted-value--secondary_magenta--color | highlighted-value | component | now-highlighted-value--secondary--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-highlighted-value--secondary_moderate--color | --now-highlighted-value--secondary_moderate--color | highlighted-value | component | now-highlighted-value--secondary--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-highlighted-value--secondary_orange--background-color | --now-highlighted-value--secondary_orange--background-color | highlighted-value | component | now-color_grouped--orange-1 | | background-color | color |
$now-highlighted-value--secondary_orange--border-color | --now-highlighted-value--secondary_orange--border-color | highlighted-value | component | now-color_grouped--orange-2 | | border-color | color |
$now-highlighted-value--secondary_orange--color | --now-highlighted-value--secondary_orange--color | highlighted-value | component | now-highlighted-value--secondary--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-highlighted-value--secondary_pink--background-color | --now-highlighted-value--secondary_pink--background-color | highlighted-value | component | now-color_grouped--pink-1 | | background-color | color |
$now-highlighted-value--secondary_pink--border-color | --now-highlighted-value--secondary_pink--border-color | highlighted-value | component | now-color_grouped--pink-2 | | border-color | color |
$now-highlighted-value--secondary_pink--color | --now-highlighted-value--secondary_pink--color | highlighted-value | component | now-highlighted-value--secondary--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-highlighted-value--secondary_positive--color | --now-highlighted-value--secondary_positive--color | highlighted-value | component | now-highlighted-value--secondary--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-highlighted-value--secondary_purple--background-color | --now-highlighted-value--secondary_purple--background-color | highlighted-value | component | now-color_grouped--purple-1 | | background-color | color |
$now-highlighted-value--secondary_purple--border-color | --now-highlighted-value--secondary_purple--border-color | highlighted-value | component | now-color_grouped--purple-2 | | border-color | color |
$now-highlighted-value--secondary_purple--color | --now-highlighted-value--secondary_purple--color | highlighted-value | component | now-highlighted-value--secondary--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-highlighted-value--secondary_teal--background-color | --now-highlighted-value--secondary_teal--background-color | highlighted-value | component | now-color_grouped--teal-1 | | background-color | color |
$now-highlighted-value--secondary_teal--border-color | --now-highlighted-value--secondary_teal--border-color | highlighted-value | component | now-color_grouped--teal-2 | | border-color | color |
$now-highlighted-value--secondary_teal--color | --now-highlighted-value--secondary_teal--color | highlighted-value | component | now-highlighted-value--secondary--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-highlighted-value--secondary_warning--color | --now-highlighted-value--secondary_warning--color | highlighted-value | component | now-highlighted-value--secondary--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-highlighted-value--secondary_yellow--background-color | --now-highlighted-value--secondary_yellow--background-color | highlighted-value | component | now-color_grouped--yellow-1 | | background-color | color |
$now-highlighted-value--secondary_yellow--border-color | --now-highlighted-value--secondary_yellow--border-color | highlighted-value | component | now-color_grouped--yellow-2 | | border-color | color |
$now-highlighted-value--secondary_yellow--color | --now-highlighted-value--secondary_yellow--color | highlighted-value | component | now-highlighted-value--secondary--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-highlighted-value--tertiary_blue--background-color | --now-highlighted-value--tertiary_blue--background-color | highlighted-value | component | now-color_grouped--blue-0 | | background-color | color |
$now-highlighted-value--tertiary_blue--border-color | --now-highlighted-value--tertiary_blue--border-color | highlighted-value | component | now-color_grouped--blue-1 | | border-color | color |
$now-highlighted-value--tertiary_blue--color | --now-highlighted-value--tertiary_blue--color | highlighted-value | component | now-highlighted-value--tertiary--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-highlighted-value--tertiary_brown--background-color | --now-highlighted-value--tertiary_brown--background-color | highlighted-value | component | now-color_grouped--brown-0 | | background-color | color |
$now-highlighted-value--tertiary_brown--border-color | --now-highlighted-value--tertiary_brown--border-color | highlighted-value | component | now-color_grouped--brown-1 | | border-color | color |
$now-highlighted-value--tertiary_brown--color | --now-highlighted-value--tertiary_brown--color | highlighted-value | component | now-highlighted-value--tertiary--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-highlighted-value--tertiary_critical--color | --now-highlighted-value--tertiary_critical--color | highlighted-value | component | now-highlighted-value--tertiary--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-highlighted-value--tertiary_gray--background-color | --now-highlighted-value--tertiary_gray--background-color | highlighted-value | component | now-color_grouped--gray-0 | | background-color | color |
$now-highlighted-value--tertiary_gray--border-color | --now-highlighted-value--tertiary_gray--border-color | highlighted-value | component | now-color_grouped--gray-1 | | border-color | color |
$now-highlighted-value--tertiary_gray--color | --now-highlighted-value--tertiary_gray--color | highlighted-value | component | now-highlighted-value--tertiary--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-highlighted-value--tertiary_green--background-color | --now-highlighted-value--tertiary_green--background-color | highlighted-value | component | now-color_grouped--green-0 | | background-color | color |
$now-highlighted-value--tertiary_green--border-color | --now-highlighted-value--tertiary_green--border-color | highlighted-value | component | now-color_grouped--green-1 | | border-color | color |
$now-highlighted-value--tertiary_green--color | --now-highlighted-value--tertiary_green--color | highlighted-value | component | now-highlighted-value--tertiary--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-highlighted-value--tertiary_green-yellow--background-color | --now-highlighted-value--tertiary_green-yellow--background-color | highlighted-value | component | now-color_grouped--green-yellow-0 | | background-color | color |
$now-highlighted-value--tertiary_green-yellow--border-color | --now-highlighted-value--tertiary_green-yellow--border-color | highlighted-value | component | now-color_grouped--green-yellow-1 | | border-color | color |
$now-highlighted-value--tertiary_green-yellow--color | --now-highlighted-value--tertiary_green-yellow--color | highlighted-value | component | now-highlighted-value--tertiary--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-highlighted-value--tertiary_high--color | --now-highlighted-value--tertiary_high--color | highlighted-value | component | now-highlighted-value--tertiary--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-highlighted-value--tertiary_info--color | --now-highlighted-value--tertiary_info--color | highlighted-value | component | now-highlighted-value--tertiary--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-highlighted-value--tertiary_low--color | --now-highlighted-value--tertiary_low--color | highlighted-value | component | now-highlighted-value--tertiary--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-highlighted-value--tertiary_magenta--background-color | --now-highlighted-value--tertiary_magenta--background-color | highlighted-value | component | now-color_grouped--magenta-0 | | background-color | color |
$now-highlighted-value--tertiary_magenta--border-color | --now-highlighted-value--tertiary_magenta--border-color | highlighted-value | component | now-color_grouped--magenta-1 | | border-color | color |
$now-highlighted-value--tertiary_magenta--color | --now-highlighted-value--tertiary_magenta--color | highlighted-value | component | now-highlighted-value--tertiary--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-highlighted-value--tertiary_moderate--color | --now-highlighted-value--tertiary_moderate--color | highlighted-value | component | now-highlighted-value--tertiary--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-highlighted-value--tertiary_orange--background-color | --now-highlighted-value--tertiary_orange--background-color | highlighted-value | component | now-color_grouped--orange-0 | | background-color | color |
$now-highlighted-value--tertiary_orange--border-color | --now-highlighted-value--tertiary_orange--border-color | highlighted-value | component | now-color_grouped--orange-1 | | border-color | color |
$now-highlighted-value--tertiary_orange--color | --now-highlighted-value--tertiary_orange--color | highlighted-value | component | now-highlighted-value--tertiary--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-highlighted-value--tertiary_pink--background-color | --now-highlighted-value--tertiary_pink--background-color | highlighted-value | component | now-color_grouped--pink-0 | | background-color | color |
$now-highlighted-value--tertiary_pink--border-color | --now-highlighted-value--tertiary_pink--border-color | highlighted-value | component | now-color_grouped--pink-1 | | border-color | color |
$now-highlighted-value--tertiary_pink--color | --now-highlighted-value--tertiary_pink--color | highlighted-value | component | now-highlighted-value--tertiary--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-highlighted-value--tertiary_positive--color | --now-highlighted-value--tertiary_positive--color | highlighted-value | component | now-highlighted-value--tertiary--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-highlighted-value--tertiary_purple--background-color | --now-highlighted-value--tertiary_purple--background-color | highlighted-value | component | now-color_grouped--purple-0 | | background-color | color |
$now-highlighted-value--tertiary_purple--border-color | --now-highlighted-value--tertiary_purple--border-color | highlighted-value | component | now-color_grouped--purple-1 | | border-color | color |
$now-highlighted-value--tertiary_purple--color | --now-highlighted-value--tertiary_purple--color | highlighted-value | component | now-highlighted-value--tertiary--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-highlighted-value--tertiary_teal--background-color | --now-highlighted-value--tertiary_teal--background-color | highlighted-value | component | now-color_grouped--teal-0 | | background-color | color |
$now-highlighted-value--tertiary_teal--border-color | --now-highlighted-value--tertiary_teal--border-color | highlighted-value | component | now-color_grouped--teal-1 | | border-color | color |
$now-highlighted-value--tertiary_teal--color | --now-highlighted-value--tertiary_teal--color | highlighted-value | component | now-highlighted-value--tertiary--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-highlighted-value--tertiary_warning--color | --now-highlighted-value--tertiary_warning--color | highlighted-value | component | now-highlighted-value--tertiary--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-highlighted-value--tertiary_yellow--background-color | --now-highlighted-value--tertiary_yellow--background-color | highlighted-value | component | now-color_grouped--yellow-0 | | background-color | color |
$now-highlighted-value--tertiary_yellow--border-color | --now-highlighted-value--tertiary_yellow--border-color | highlighted-value | component | now-color_grouped--yellow-1 | | border-color | color |
$now-highlighted-value--tertiary_yellow--color | --now-highlighted-value--tertiary_yellow--color | highlighted-value | component | now-highlighted-value--tertiary--color, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-loader_label--color | --now-loader_label--color | loader | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-progress-bar_path--positive--background-color | --now-progress-bar_path--positive--background-color | progress-bar | component | now-color_alert--positive-3 | | background-color | color |
$now-radio-buttons_focus-ring--width | --now-radio-buttons_focus-ring--width | radio-buttons | component | | '0px' | width | size |
$now-radio-buttons_radio--background-color--invalid | --now-radio-buttons_radio--background-color--invalid | radio-buttons | component | now-radio-buttons_radio--background-color, now-color--neutral-18 | | background-color | color |
$now-radio-buttons--background-color--invalid_active | --now-radio-buttons--background-color--invalid_active | radio-buttons | component | now-radio-buttons--background-color, now-color_background--primary, now-color--neutral-0 | | background-color | color |
$now-radio-buttons--background-color--invalid_focus | --now-radio-buttons--background-color--invalid_focus | radio-buttons | component | now-radio-buttons--background-color, now-color_background--primary, now-color--neutral-0 | | background-color | color |
$now-radio-buttons--background-color--readonly | --now-radio-buttons--background-color--readonly | radio-buttons | component | now-color--neutral-3 | | background-color | color |
$now-radio-buttons--background-color-alpha--disabled | --now-radio-buttons--background-color-alpha--disabled | radio-buttons | component | now-opacity--less | 0.25 | background-color-alpha | proportion |
$now-radio-buttons--background-color-alpha--readonly | --now-radio-buttons--background-color-alpha--readonly | radio-buttons | component | now-opacity--less | 0.25 | background-color-alpha | proportion |
$now-radio-buttons--border-color--readonly | --now-radio-buttons--border-color--readonly | radio-buttons | component | now-color_border--primary, now-color--neutral-7 | | border-color | color |
$now-radio-buttons--border-color-alpha--disabled | --now-radio-buttons--border-color-alpha--disabled | radio-buttons | component | now-opacity--less | 0.25 | border-color-alpha | proportion |
$now-radio-buttons--border-color-alpha--readonly | --now-radio-buttons--border-color-alpha--readonly | radio-buttons | component | now-opacity--less | 0.25 | border-color-alpha | proportion |
$now-badge--primary_blue--background-color | --now-badge--primary_blue--background-color | badge | component | now-color_grouped--blue-2 | | background-color | color |
$now-badge--primary_blue--border-color | --now-badge--primary_blue--border-color | badge | component | now-color_grouped--blue-3 | | border-color | color |
$now-badge--primary_blue--color | --now-badge--primary_blue--color | badge | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-badge--primary_brown--background-color | --now-badge--primary_brown--background-color | badge | component | now-color_grouped--brown-2 | | background-color | color |
$now-badge--primary_brown--border-color | --now-badge--primary_brown--border-color | badge | component | now-color_grouped--brown-3 | | border-color | color |
$now-badge--primary_brown--color | --now-badge--primary_brown--color | badge | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-badge--primary_gray--background-color | --now-badge--primary_gray--background-color | badge | component | now-color_grouped--gray-2 | | background-color | color |
$now-badge--primary_gray--border-color | --now-badge--primary_gray--border-color | badge | component | now-color_grouped--gray-3 | | border-color | color |
$now-badge--primary_gray--color | --now-badge--primary_gray--color | badge | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-badge--primary_green--background-color | --now-badge--primary_green--background-color | badge | component | now-color_grouped--green-2 | | background-color | color |
$now-badge--primary_green--border-color | --now-badge--primary_green--border-color | badge | component | now-color_grouped--green-3 | | border-color | color |
$now-badge--primary_green--color | --now-badge--primary_green--color | badge | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-badge--primary_green-yellow--background-color | --now-badge--primary_green-yellow--background-color | badge | component | now-color_grouped--green-yellow-2 | | background-color | color |
$now-badge--primary_green-yellow--border-color | --now-badge--primary_green-yellow--border-color | badge | component | now-color_grouped--green-yellow-3 | | border-color | color |
$now-badge--primary_green-yellow--color | --now-badge--primary_green-yellow--color | badge | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-badge--primary_magenta--background-color | --now-badge--primary_magenta--background-color | badge | component | now-color_grouped--magenta-2 | | background-color | color |
$now-badge--primary_magenta--border-color | --now-badge--primary_magenta--border-color | badge | component | now-color_grouped--magenta-3 | | border-color | color |
$now-badge--primary_magenta--color | --now-badge--primary_magenta--color | badge | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-badge--primary_orange--background-color | --now-badge--primary_orange--background-color | badge | component | now-color_grouped--orange-2 | | background-color | color |
$now-badge--primary_orange--border-color | --now-badge--primary_orange--border-color | badge | component | now-color_grouped--orange-3 | | border-color | color |
$now-badge--primary_orange--color | --now-badge--primary_orange--color | badge | component | now-color--neutral-18 | | color | color |
$now-badge--primary_pink--background-color | --now-badge--primary_pink--background-color | badge | component | now-color_grouped--pink-2 | | background-color | color |
$now-badge--primary_pink--border-color | --now-badge--primary_pink--border-color | badge | component | now-color_grouped--pink-3 | | border-color | color |
$now-badge--primary_pink--color | --now-badge--primary_pink--color | badge | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-badge--primary_purple--background-color | --now-badge--primary_purple--background-color | badge | component | now-color_grouped--purple-2 | | background-color | color |
$now-badge--primary_purple--border-color | --now-badge--primary_purple--border-color | badge | component | now-color_grouped--purple-3 | | border-color | color |
$now-badge--primary_purple--color | --now-badge--primary_purple--color | badge | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-badge--primary_teal--background-color | --now-badge--primary_teal--background-color | badge | component | now-color_grouped--teal-3 | | background-color | color |
$now-badge--primary_teal--border-color | --now-badge--primary_teal--border-color | badge | component | now-color_grouped--teal-2 | | border-color | color |
$now-badge--primary_teal--color | --now-badge--primary_teal--color | badge | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-badge--primary_yellow--background-color | --now-badge--primary_yellow--background-color | badge | component | now-color_grouped--yellow-2 | | background-color | color |
$now-badge--primary_yellow--border-color | --now-badge--primary_yellow--border-color | badge | component | now-color_grouped--yellow-3 | | border-color | color |
$now-badge--primary_yellow--color | --now-badge--primary_yellow--color | badge | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-badge--secondary_blue--background-color | --now-badge--secondary_blue--background-color | badge | component | now-color_grouped--blue-0 | | background-color | color |
$now-badge--secondary_blue--border-color | --now-badge--secondary_blue--border-color | badge | component | now-color_grouped--blue-1 | | border-color | color |
$now-badge--secondary_blue--color | --now-badge--secondary_blue--color | badge | component | now-color_grouped--blue-5 | | color | color |
$now-badge--secondary_brown--background-color | --now-badge--secondary_brown--background-color | badge | component | now-color_grouped--brown-0 | | background-color | color |
$now-badge--secondary_brown--border-color | --now-badge--secondary_brown--border-color | badge | component | now-color_grouped--brown-1 | | border-color | color |
$now-badge--secondary_brown--color | --now-badge--secondary_brown--color | badge | component | now-color_grouped--brown-5 | | color | color |
$now-badge--secondary_gray--background-color | --now-badge--secondary_gray--background-color | badge | component | now-color_grouped--gray-0 | | background-color | color |
$now-badge--secondary_gray--border-color | --now-badge--secondary_gray--border-color | badge | component | now-color_grouped--gray-1 | | border-color | color |
$now-badge--secondary_gray--color | --now-badge--secondary_gray--color | badge | component | now-color_grouped--gray-5 | | color | color |
$now-badge--secondary_green--background-color | --now-badge--secondary_green--background-color | badge | component | now-color_grouped--green-0 | | background-color | color |
$now-badge--secondary_green--border-color | --now-badge--secondary_green--border-color | badge | component | now-color_grouped--green-1 | | border-color | color |
$now-badge--secondary_green--color | --now-badge--secondary_green--color | badge | component | now-color_grouped--green-5 | | color | color |
$now-badge--secondary_green-yellow--background-color | --now-badge--secondary_green-yellow--background-color | badge | component | now-color_grouped--green-yellow-0 | | background-color | color |
$now-badge--secondary_green-yellow--border-color | --now-badge--secondary_green-yellow--border-color | badge | component | now-color_grouped--green-yellow-1 | | border-color | color |
$now-badge--secondary_green-yellow--color | --now-badge--secondary_green-yellow--color | badge | component | now-color_grouped--green-yellow-5 | | color | color |
$now-badge--secondary_magenta--background-color | --now-badge--secondary_magenta--background-color | badge | component | now-color_grouped--magenta-0 | | background-color | color |
$now-badge--secondary_magenta--border-color | --now-badge--secondary_magenta--border-color | badge | component | now-color_grouped--magenta-1 | | border-color | color |
$now-badge--secondary_magenta--color | --now-badge--secondary_magenta--color | badge | component | now-color_grouped--magenta-5 | | color | color |
$now-badge--secondary_orange--background-color | --now-badge--secondary_orange--background-color | badge | component | now-color_grouped--orange-0 | | background-color | color |
$now-badge--secondary_orange--border-color | --now-badge--secondary_orange--border-color | badge | component | now-color_grouped--orange-1 | | border-color | color |
$now-badge--secondary_orange--color | --now-badge--secondary_orange--color | badge | component | now-color_grouped--orange-5 | | color | color |
$now-badge--secondary_pink--background-color | --now-badge--secondary_pink--background-color | badge | component | now-color_grouped--pink-0 | | background-color | color |
$now-badge--secondary_pink--border-color | --now-badge--secondary_pink--border-color | badge | component | now-color_grouped--pink-1 | | border-color | color |
$now-badge--secondary_pink--color | --now-badge--secondary_pink--color | badge | component | now-color_grouped--pink-5 | | color | color |
$now-badge--secondary_purple--background-color | --now-badge--secondary_purple--background-color | badge | component | now-color_grouped--purple-0 | | background-color | color |
$now-badge--secondary_purple--border-color | --now-badge--secondary_purple--border-color | badge | component | now-color_grouped--purple-1 | | border-color | color |
$now-badge--secondary_purple--color | --now-badge--secondary_purple--color | badge | component | now-color_grouped--purple-5 | | color | color |
$now-badge--secondary_teal--background-color | --now-badge--secondary_teal--background-color | badge | component | now-color_grouped--teal-0 | | background-color | color |
$now-badge--secondary_teal--border-color | --now-badge--secondary_teal--border-color | badge | component | now-color_grouped--teal-1 | | border-color | color |
$now-badge--secondary_teal--color | --now-badge--secondary_teal--color | badge | component | now-color_grouped--teal-5 | | color | color |
$now-badge--secondary_yellow--background-color | --now-badge--secondary_yellow--background-color | badge | component | now-color_grouped--yellow-0 | | background-color | color |
$now-badge--secondary_yellow--border-color | --now-badge--secondary_yellow--border-color | badge | component | now-color_grouped--yellow-1 | | border-color | color |
$now-badge--secondary_yellow--color | --now-badge--secondary_yellow--color | badge | component | now-color--neutral-12 | | color | color |
$now-button--bare_primary--background-color-alpha--active | --now-button--bare_primary--background-color-alpha--active | button | component | now-opacity--less | 0.25 | background-color-alpha | proportion |
$now-button--bare_primary--background-color-alpha--hover | --now-button--bare_primary--background-color-alpha--hover | button | component | now-opacity--least | 0.1 | background-color-alpha | proportion |
$now-button--bare_secondary--background-color-alpha--active | --now-button--bare_secondary--background-color-alpha--active | button | component | now-opacity--less | 0.25 | background-color-alpha | proportion |
$now-button--bare_secondary--background-color-alpha--hover | --now-button--bare_secondary--background-color-alpha--hover | button | component | now-opacity--least | 0.1 | background-color-alpha | proportion |
$now-button--bare_tertiary--color | --now-button--bare_tertiary--color | button | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-button--bare_tertiary--color--active | --now-button--bare_tertiary--color--active | button | component | now-color--secondary-3 | | color | color |
$now-button--bare_tertiary--color--hover | --now-button--bare_tertiary--color--hover | button | component | now-color--neutral-12 | | color | color |
$now-button--bare--border-radius | --now-button--bare--border-radius | button | component | now-button--border-radius, now-actionable--border-radius | 0 | border-radius | size |
$now-button--opacity--disabled | --now-button--opacity--disabled | button | component | now-opacity--less | 0.25 | opacity | proportion |
$now-button--primary_highlighted--background-color--selected_active | --now-button--primary_highlighted--background-color--selected_active | button | component | now-button--primary--background-color--active, now-color--primary-3 | | background-color | color |
$now-button--primary_highlighted--background-color--selected_hover | --now-button--primary_highlighted--background-color--selected_hover | button | component | now-button--primary--background-color--hover, now-color--primary-2 | | background-color | color |
$now-button--primary-selection_high-contrast--color | --now-button--primary-selection_high-contrast--color | button | component | now-color_selection--primary-4 | | color | color |
$now-button--primary-selection_high-contrast--color--active | --now-button--primary-selection_high-contrast--color--active | button | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-button--primary-selection_high-contrast--color--hover | --now-button--primary-selection_high-contrast--color--hover | button | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-button--primary-selection_highlighted--background-color--selected | --now-button--primary-selection_highlighted--background-color--selected | button | component | now-color_selection--primary-2 | | background-color | color |
$now-button--primary-selection_highlighted--background-color--selected_active | --now-button--primary-selection_highlighted--background-color--selected_active | button | component | now-button--primary-selection_highlighted--background-color--selected, now-color_selection--primary-2 | | background-color | color |
$now-button--primary-selection_highlighted--background-color--selected_hover | --now-button--primary-selection_highlighted--background-color--selected_hover | button | component | now-button--primary-selection_highlighted--background-color--selected, now-color_selection--primary-2 | | background-color | color |
$now-button--primary-selection--background-color--active | --now-button--primary-selection--background-color--active | button | component | now-color_selection--primary-3 | | background-color | color |
$now-button--primary-selection--background-color--hover | --now-button--primary-selection--background-color--hover | button | component | now-color_selection--primary-3 | | background-color | color |
$now-button--primary-selection--color | --now-button--primary-selection--color | button | component | now-color_selection--primary-2 | | color | color |
$now-button--primary-selection--color--active | --now-button--primary-selection--color--active | button | component | now-color_selection--primary-4 | | color | color |
$now-button--primary-selection--color--hover | --now-button--primary-selection--color--hover | button | component | now-color_selection--primary-3 | | color | color |
$now-button--secondary_highlighted--background-color--selected_active | --now-button--secondary_highlighted--background-color--selected_active | button | component | now-button--secondary_highlighted--background-color--selected, now-color--primary-2 | | background-color | color |
$now-button--secondary_highlighted--background-color--selected_hover | --now-button--secondary_highlighted--background-color--selected_hover | button | component | now-button--secondary_highlighted--background-color--selected, now-color--primary-2 | | background-color | color |
$now-button--secondary--background-color-alpha | --now-button--secondary--background-color-alpha | button | component | | 1 | background-color-alpha | proportion |
$now-button--secondary--background-color-alpha--active | --now-button--secondary--background-color-alpha--active | button | component | | 1 | background-color-alpha | proportion |
$now-button--secondary--background-color-alpha--hover | --now-button--secondary--background-color-alpha--hover | button | component | | 1 | background-color-alpha | proportion |
$now-button--secondary-negative--background-color-alpha | --now-button--secondary-negative--background-color-alpha | button | component | | 1 | background-color-alpha | proportion |
$now-button--secondary-negative--background-color-alpha--active | --now-button--secondary-negative--background-color-alpha--active | button | component | | 1 | background-color-alpha | proportion |
$now-button--secondary-negative--background-color-alpha--hover | --now-button--secondary-negative--background-color-alpha--hover | button | component | | 1 | background-color-alpha | proportion |
$now-button--secondary-positive--background-color-alpha | --now-button--secondary-positive--background-color-alpha | button | component | | 1 | background-color-alpha | proportion |
$now-button--secondary-positive--background-color-alpha--active | --now-button--secondary-positive--background-color-alpha--active | button | component | | 1 | background-color-alpha | proportion |
$now-button--secondary-positive--background-color-alpha--hover | --now-button--secondary-positive--background-color-alpha--hover | button | component | | 1 | background-color-alpha | proportion |
$now-button--secondary-selection_high-contrast--color | --now-button--secondary-selection_high-contrast--color | button | component | now-color_selection--primary-3 | | color | color |
$now-button--secondary-selection_high-contrast--color--active | --now-button--secondary-selection_high-contrast--color--active | button | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-button--secondary-selection_high-contrast--color--hover | --now-button--secondary-selection_high-contrast--color--hover | button | component | now-color_selection--primary-4 | | color | color |
$now-button--secondary-selection_highlighted--background-color--selected | --now-button--secondary-selection_highlighted--background-color--selected | button | component | now-color_selection--primary-2 | | background-color | color |
$now-button--secondary-selection_highlighted--background-color--selected_active | --now-button--secondary-selection_highlighted--background-color--selected_active | button | component | now-button--secondary-selection_highlighted--background-color--selected, now-color_selection--primary-2 | | background-color | color |
$now-button--secondary-selection_highlighted--background-color--selected_hover | --now-button--secondary-selection_highlighted--background-color--selected_hover | button | component | now-button--secondary-selection_highlighted--background-color--selected, now-color_selection--primary-2 | | background-color | color |
$now-button--secondary-selection--background-color--active | --now-button--secondary-selection--background-color--active | button | component | now-color--neutral-12 | | background-color | color |
$now-button--secondary-selection--background-color--hover | --now-button--secondary-selection--background-color--hover | button | component | now-color--neutral-12 | | background-color | color |
$now-button--secondary-selection--color | --now-button--secondary-selection--color | button | component | now-color_selection--primary-2 | | color | color |
$now-button--secondary-selection--color--active | --now-button--secondary-selection--color--active | button | component | now-color_selection--primary-4 | | color | color |
$now-button--secondary-selection--color--hover | --now-button--secondary-selection--color--hover | button | component | now-color_selection--primary-3 | | color | color |
$now-button--tertiary_highlighted--background-color--selected | --now-button--tertiary_highlighted--background-color--selected | button | component | now-color--neutral-12 | | background-color | color |
$now-button--tertiary_highlighted--background-color--selected_active | --now-button--tertiary_highlighted--background-color--selected_active | button | component | now-button--tertiary_highlighted--background-color--selected, now-color--neutral-12 | | background-color | color |
$now-button--tertiary_highlighted--background-color--selected_hover | --now-button--tertiary_highlighted--background-color--selected_hover | button | component | now-button--tertiary_highlighted--background-color--selected, now-color--neutral-12 | | background-color | color |
$now-button--tertiary-selection_high-contrast--color | --now-button--tertiary-selection_high-contrast--color | button | component | now-color--neutral-15 | | color | color |
$now-button--tertiary-selection_high-contrast--color--active | --now-button--tertiary-selection_high-contrast--color--active | button | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-button--tertiary-selection_high-contrast--color--hover | --now-button--tertiary-selection_high-contrast--color--hover | button | component | now-color_selection--primary-4 | | color | color |
$now-button--tertiary-selection_high-contrast--color--selected | --now-button--tertiary-selection_high-contrast--color--selected | button | component | now-color_selection--primary-3 | | color | color |
$now-button--tertiary-selection_high-contrast--color--selected_active | --now-button--tertiary-selection_high-contrast--color--selected_active | button | component | now-button--tertiary-selection_high-contrast--color--active, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-button--tertiary-selection_high-contrast--color--selected_hover | --now-button--tertiary-selection_high-contrast--color--selected_hover | button | component | now-button--tertiary-selection_high-contrast--color--hover, now-color_selection--primary-4 | | color | color |
$now-button--tertiary-selection_highlighted--background-color--selected | --now-button--tertiary-selection_highlighted--background-color--selected | button | component | now-color_selection--primary-2 | | background-color | color |
$now-button--tertiary-selection_highlighted--background-color--selected_active | --now-button--tertiary-selection_highlighted--background-color--selected_active | button | component | now-button--tertiary-selection_highlighted--background-color--selected, now-color_selection--primary-2 | | background-color | color |
$now-button--tertiary-selection_highlighted--background-color--selected_hover | --now-button--tertiary-selection_highlighted--background-color--selected_hover | button | component | now-button--tertiary-selection_highlighted--background-color--selected, now-color_selection--primary-2 | | background-color | color |
$now-button--tertiary-selection--background-color--active | --now-button--tertiary-selection--background-color--active | button | component | now-color_selection--primary-2 | | background-color | color |
$now-button--tertiary-selection--background-color--hover | --now-button--tertiary-selection--background-color--hover | button | component | now-color_selection--primary-2 | | background-color | color |
$now-button--tertiary-selection--color | --now-button--tertiary-selection--color | button | component | now-color--neutral-12 | | color | color |
$now-button--tertiary-selection--color--active | --now-button--tertiary-selection--color--active | button | component | now-color_selection--primary-4 | | color | color |
$now-button--tertiary-selection--color--hover | --now-button--tertiary-selection--color--hover | button | component | now-color_selection--primary-3 | | color | color |
$now-button--tertiary-selection--color--selected | --now-button--tertiary-selection--color--selected | button | component | now-color_selection--primary-2 | | color | color |
$now-button--tertiary-selection--color--selected_active | --now-button--tertiary-selection--color--selected_active | button | component | now-button--tertiary-selection--color--active, now-color_selection--primary-4 | | color | color |
$now-button--tertiary-selection--color--selected_hover | --now-button--tertiary-selection--color--selected_hover | button | component | now-button--tertiary-selection--color--hover, now-color_selection--primary-3 | | color | color |
$now-checkbox_focus-ring--border-color--focus | --now-checkbox_focus-ring--border-color--focus | checkbox | component | now-checkbox--background-color, now-color_background--primary, now-color--neutral-0 | | border-color | color |
$now-checkbox_focus-ring--border-color--invalid_focus | --now-checkbox_focus-ring--border-color--invalid_focus | checkbox | component | now-checkbox--background-color, now-color_background--primary, now-color--neutral-0 | | border-color | color |
$now-checkbox_icon--color--readonly | --now-checkbox_icon--color--readonly | checkbox | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-checkbox_icon--color-alpha--readonly | --now-checkbox_icon--color-alpha--readonly | checkbox | component | | 0.3 | color-alpha | proportion |
$now-checkbox--background-color--active | --now-checkbox--background-color--active | checkbox | component | now-color--secondary-0 | | background-color | color |
$now-checkbox--background-color--checked | --now-checkbox--background-color--checked | checkbox | component | now-checkbox--background-color, now-color_background--primary, now-color--neutral-0 | | background-color | color |
$now-checkbox--background-color--checked_active | --now-checkbox--background-color--checked_active | checkbox | component | now-checkbox--background-color, now-color_background--primary, now-color--neutral-0 | | background-color | color |
$now-checkbox--background-color--checked_hover | --now-checkbox--background-color--checked_hover | checkbox | component | now-color--secondary-0 | | background-color | color |
$now-checkbox--background-color--checked_invalid | --now-checkbox--background-color--checked_invalid | checkbox | component | now-checkbox--background-color, now-color_background--primary, now-color--neutral-0 | | background-color | color |
$now-checkbox--background-color--checked_invalid_active | --now-checkbox--background-color--checked_invalid_active | checkbox | component | now-checkbox--background-color, now-color_background--primary, now-color--neutral-0 | | background-color | color |
$now-checkbox--background-color--checked_invalid_focus | --now-checkbox--background-color--checked_invalid_focus | checkbox | component | now-checkbox--background-color, now-color_background--primary, now-color--neutral-0 | | background-color | color |
$now-checkbox--background-color--checked_invalid_hover | --now-checkbox--background-color--checked_invalid_hover | checkbox | component | now-checkbox--background-color--invalid, now-color_alert--critical-0 | | background-color | color |
$now-checkbox--background-color--checked_readonly | --now-checkbox--background-color--checked_readonly | checkbox | component | now-checkbox--background-color--readonly, now-color--neutral-3 | | background-color | color |
$now-checkbox--background-color--invalid_focus | --now-checkbox--background-color--invalid_focus | checkbox | component | now-checkbox--background-color--invalid, now-color_alert--critical-0 | | background-color | color |
$now-checkbox--background-color--invalid_hover | --now-checkbox--background-color--invalid_hover | checkbox | component | now-checkbox--background-color--invalid, now-color_alert--critical-0 | | background-color | color |
$now-checkbox--background-color--readonly | --now-checkbox--background-color--readonly | checkbox | component | now-color--neutral-3 | | background-color | color |
$now-checkbox--background-color-alpha--checked | --now-checkbox--background-color-alpha--checked | checkbox | component | | 1 | background-color-alpha | proportion |
$now-checkbox--background-color-alpha--checked_active | --now-checkbox--background-color-alpha--checked_active | checkbox | component | | 0 | background-color-alpha | proportion |
$now-checkbox--background-color-alpha--checked_hover | --now-checkbox--background-color-alpha--checked_hover | checkbox | component | | 1 | background-color-alpha | proportion |
$now-checkbox--background-color-alpha--checked_invalid | --now-checkbox--background-color-alpha--checked_invalid | checkbox | component | | 1 | background-color-alpha | proportion |
$now-checkbox--background-color-alpha--checked_invalid_active | --now-checkbox--background-color-alpha--checked_invalid_active | checkbox | component | | 0 | background-color-alpha | proportion |
$now-checkbox--background-color-alpha--checked_invalid_focus | --now-checkbox--background-color-alpha--checked_invalid_focus | checkbox | component | | 0 | background-color-alpha | proportion |
$now-checkbox--background-color-alpha--checked_readonly | --now-checkbox--background-color-alpha--checked_readonly | checkbox | component | now-opacity--less | 0.25 | background-color-alpha | proportion |
$now-checkbox--background-color-alpha--invalid | --now-checkbox--background-color-alpha--invalid | checkbox | component | | 0 | background-color-alpha | proportion |
$now-checkbox--background-color-alpha--readonly | --now-checkbox--background-color-alpha--readonly | checkbox | component | now-opacity--less | 0.25 | background-color-alpha | proportion |
$now-checkbox--border-color--checked | --now-checkbox--border-color--checked | checkbox | component | now-color_border--primary, now-color--neutral-7 | | border-color | color |
$now-checkbox--border-color--checked_active | --now-checkbox--border-color--checked_active | checkbox | component | now-color--secondary-1 | | border-color | color |
$now-checkbox--border-color--checked_focus | --now-checkbox--border-color--checked_focus | checkbox | component | now-color--secondary-1 | | border-color | color |
$now-checkbox--border-color--checked_hover | --now-checkbox--border-color--checked_hover | checkbox | component | now-checkbox--border-color--hover, now-color--secondary-1 | | border-color | color |
$now-checkbox--border-color--checked_invalid | --now-checkbox--border-color--checked_invalid | checkbox | component | now-checkbox--border-color--invalid, now-color_alert--critical-2 | | border-color | color |
$now-checkbox--border-color--checked_invalid_active | --now-checkbox--border-color--checked_invalid_active | checkbox | component | now-checkbox--border-color--invalid, now-color_alert--critical-2 | | border-color | color |
$now-checkbox--border-color--checked_invalid_focus | --now-checkbox--border-color--checked_invalid_focus | checkbox | component | now-checkbox--border-color--invalid, now-color_alert--critical-2 | | border-color | color |
$now-checkbox--border-color--checked_invalid_hover | --now-checkbox--border-color--checked_invalid_hover | checkbox | component | now-checkbox--border-color--invalid, now-color_alert--critical-2 | | border-color | color |
$now-checkbox--border-color--checked_readonly | --now-checkbox--border-color--checked_readonly | checkbox | component | now-color_border--secondary, now-color--neutral-5 | | border-color | color |
$now-checkbox--border-color--invalid_active | --now-checkbox--border-color--invalid_active | checkbox | component | now-checkbox--border-color--invalid, now-color_alert--critical-2 | | border-color | color |
$now-checkbox--border-color--invalid_hover | --now-checkbox--border-color--invalid_hover | checkbox | component | now-checkbox--border-color--invalid, now-color_alert--critical-2 | | border-color | color |
$now-checkbox--border-color--readonly | --now-checkbox--border-color--readonly | checkbox | component | now-checkbox--border-color, now-color_border--primary, now-color--neutral-7 | | border-color | color |
$now-checkbox--border-color-alpha--checked_readonly | --now-checkbox--border-color-alpha--checked_readonly | checkbox | component | now-opacity--less | 0.25 | border-color-alpha | proportion |
$now-checkbox--border-color-alpha--readonly | --now-checkbox--border-color-alpha--readonly | checkbox | component | now-opacity--less | 0.25 | border-color-alpha | proportion |
$now-checkbox--opacity--disabled | --now-checkbox--opacity--disabled | checkbox | component | now-opacity--less | 0.25 | opacity | proportion |
$now-tooltip--background-color-alpha | --now-tooltip--background-color-alpha | tooltip | component | | 1 | background-color-alpha | proportion |
$now-accordion_heading--header--font-family | --now-accordion_heading--header--font-family | accordion | component | now-accordion--font-family, now-view-control--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-accordion_heading--header--font-style | --now-accordion_heading--header--font-style | accordion | component | now-accordion--font-style, now-view-control--font-style | normal | font-style | font-style |
$now-accordion_heading--header--font-weight | --now-accordion_heading--header--font-weight | accordion | component | now-accordion--font-weight, now-view-control--font-weight | normal | font-weight | font-weight |
$now-accordion_heading--header--text-transform | --now-accordion_heading--header--text-transform | accordion | component | now-accordion--text-transform, now-view-control--text-transform | none | text-transform | text-transform |
$now-accordion_heading--title--font-family | --now-accordion_heading--title--font-family | accordion | component | now-accordion--font-family, now-view-control--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-accordion_heading--title--font-style | --now-accordion_heading--title--font-style | accordion | component | now-accordion--font-style, now-view-control--font-style | normal | font-style | font-style |
$now-accordion_heading--title--font-weight | --now-accordion_heading--title--font-weight | accordion | component | now-accordion--font-weight, now-view-control--font-weight | normal | font-weight | font-weight |
$now-accordion_heading--title--text-transform | --now-accordion_heading--title--text-transform | accordion | component | now-accordion--text-transform, now-view-control--text-transform | none | text-transform | text-transform |
$now-card-header_heading--header--font-family | --now-card-header_heading--header--font-family | card-header | component | now-display-type--primary--font-family, now-display-type--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-card-header_heading--header--font-style | --now-card-header_heading--header--font-style | card-header | component | now-display-type--primary--font-style, now-display-type--font-style | normal | font-style | font-style |
$now-card-header_heading--header--font-weight | --now-card-header_heading--header--font-weight | card-header | component | | 600 | font-weight | font-weight |
$now-card-header_heading--header--text-transform | --now-card-header_heading--header--text-transform | card-header | component | now-display-type--primary--text-transform, now-display-type--text-transform | none | text-transform | text-transform |
$now-card-header_heading--title--font-family | --now-card-header_heading--title--font-family | card-header | component | now-display-type--secondary--font-family, now-display-type--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-card-header_heading--title--font-style | --now-card-header_heading--title--font-style | card-header | component | now-display-type--secondary--font-style, now-display-type--font-style | normal | font-style | font-style |
$now-card-header_heading--title--font-weight | --now-card-header_heading--title--font-weight | card-header | component | | 600 | font-weight | font-weight |
$now-card-header_heading--title--text-transform | --now-card-header_heading--title--text-transform | card-header | component | now-display-type--secondary--text-transform, now-display-type--text-transform | none | text-transform | text-transform |
$now-display-type--header-primary--font-family | --now-display-type--header-primary--font-family | display-type | category | now-display-type--primary--font-family, now-display-type--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-display-type--header-primary--font-style | --now-display-type--header-primary--font-style | display-type | category | now-display-type--primary--font-style, now-display-type--font-style | normal | font-style | font-style |
$now-display-type--header-primary--font-weight | --now-display-type--header-primary--font-weight | display-type | category | now-display-type--primary--font-weight | 600 | font-weight | font-weight |
$now-display-type--header-primary--text-transform | --now-display-type--header-primary--text-transform | display-type | category | now-display-type--primary--text-transform, now-display-type--text-transform | none | text-transform | text-transform |
$now-display-type--header-secondary--font-family | --now-display-type--header-secondary--font-family | display-type | category | now-display-type--secondary--font-family, now-display-type--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-display-type--header-secondary--font-style | --now-display-type--header-secondary--font-style | display-type | category | now-display-type--secondary--font-style, now-display-type--font-style | normal | font-style | font-style |
$now-display-type--header-secondary--font-weight | --now-display-type--header-secondary--font-weight | display-type | category | now-display-type--secondary--font-weight, now-display-type--font-weight | normal | font-weight | font-weight |
$now-display-type--header-secondary--text-transform | --now-display-type--header-secondary--text-transform | display-type | category | now-display-type--secondary--text-transform, now-display-type--text-transform | none | text-transform | text-transform |
$now-display-type--header-tertiary--font-family | --now-display-type--header-tertiary--font-family | display-type | category | now-display-type--tertiary--font-family, now-display-type--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-display-type--header-tertiary--font-style | --now-display-type--header-tertiary--font-style | display-type | category | now-display-type--tertiary--font-style, now-display-type--font-style | normal | font-style | font-style |
$now-display-type--header-tertiary--font-weight | --now-display-type--header-tertiary--font-weight | display-type | category | now-display-type--tertiary--font-weight, now-display-type--font-weight | normal | font-weight | font-weight |
$now-display-type--header-tertiary--text-transform | --now-display-type--header-tertiary--text-transform | display-type | category | now-display-type--tertiary--text-transform, now-display-type--text-transform | none | text-transform | text-transform |
$now-display-type--line-height-crop--after | --now-display-type--line-height-crop--after | display-type | category | now-line-height-crop--after | -0.125em | line-height-crop | size |
$now-display-type--line-height-crop--before | --now-display-type--line-height-crop--before | display-type | category | now-line-height-crop--before | -0.25em | line-height-crop | size |
$now-display-type--title-primary--font-family | --now-display-type--title-primary--font-family | display-type | category | now-display-type--primary--font-family, now-display-type--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-display-type--title-primary--font-style | --now-display-type--title-primary--font-style | display-type | category | now-display-type--primary--font-style, now-display-type--font-style | normal | font-style | font-style |
$now-display-type--title-primary--font-weight | --now-display-type--title-primary--font-weight | display-type | category | now-display-type--primary--font-weight | 600 | font-weight | font-weight |
$now-display-type--title-primary--text-transform | --now-display-type--title-primary--text-transform | display-type | category | now-display-type--primary--text-transform, now-display-type--text-transform | none | text-transform | text-transform |
$now-display-type--title-secondary--font-family | --now-display-type--title-secondary--font-family | display-type | category | now-display-type--secondary--font-family, now-display-type--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-display-type--title-secondary--font-style | --now-display-type--title-secondary--font-style | display-type | category | now-display-type--secondary--font-style, now-display-type--font-style | normal | font-style | font-style |
$now-display-type--title-secondary--font-weight | --now-display-type--title-secondary--font-weight | display-type | category | now-display-type--secondary--font-weight, now-display-type--font-weight | normal | font-weight | font-weight |
$now-display-type--title-secondary--text-transform | --now-display-type--title-secondary--text-transform | display-type | category | now-display-type--secondary--text-transform, now-display-type--text-transform | none | text-transform | text-transform |
$now-display-type--title-tertiary--font-family | --now-display-type--title-tertiary--font-family | display-type | category | now-display-type--tertiary--font-family, now-display-type--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-display-type--title-tertiary--font-style | --now-display-type--title-tertiary--font-style | display-type | category | now-display-type--tertiary--font-style, now-display-type--font-style | normal | font-style | font-style |
$now-display-type--title-tertiary--font-weight | --now-display-type--title-tertiary--font-weight | display-type | category | now-display-type--tertiary--font-weight, now-display-type--font-weight | normal | font-weight | font-weight |
$now-display-type--title-tertiary--text-transform | --now-display-type--title-tertiary--text-transform | display-type | category | now-display-type--tertiary--text-transform, now-display-type--text-transform | none | text-transform | text-transform |
$now-dropdown-list_heading--scale-size-block | --now-dropdown-list_heading--scale-size-block | dropdown-list | component | now-button--scale-size-block | 1 | | - |
$now-dropdown-list_heading--scale-size-inline | --now-dropdown-list_heading--scale-size-inline | dropdown-list | component | now-button--scale-size-inline | 1 | | - |
$now-dropdown-list_item--scale-size-block | --now-dropdown-list_item--scale-size-block | dropdown-list | component | now-button--scale-size-block | 1 | | - |
$now-dropdown-list_item--scale-size-inline | --now-dropdown-list_item--scale-size-inline | dropdown-list | component | now-button--scale-size-inline | 1 | | - |
$now-form-field_inset--color | --now-form-field_inset--color | form-field | component | now-color--neutral-18 | | color | color |
$now-form-field_inset--color--hover | --now-form-field_inset--color--hover | form-field | component | now-color--primary-3 | | color | color |
$now-form-field_inset--color--invalid_hover | --now-form-field_inset--color--invalid_hover | form-field | component | now-color_alert--critical-5 | | color | color |
$now-form-field_inset--color-alpha | --now-form-field_inset--color-alpha | form-field | component | | 0 | color-alpha | proportion |
$now-form-field_message--scale-size-block | --now-form-field_message--scale-size-block | form-field | component | | 1 | | - |
$now-form-field_message--scale-size-inline | --now-form-field_message--scale-size-inline | form-field | component | | 1 | | - |
$now-form-field--background-color--invalid_hover | --now-form-field--background-color--invalid_hover | form-field | component | now-form-field--background-color--invalid, now-color_alert--critical-0 | | background-color | color |
$now-form-field--opacity--disabled | --now-form-field--opacity--disabled | form-field | component | now-opacity--less | 0.25 | opacity | proportion |
$now-highlighted-value--scale-size-block | --now-highlighted-value--scale-size-block | highlighted-value | component | | 1 | | - |
$now-highlighted-value--scale-size-inline | --now-highlighted-value--scale-size-inline | highlighted-value | component | | 1 | | - |
$now-line-height-crop--after | --now-line-height-crop--after | line-height-crop | component | | -0.125em | | size |
$now-line-height-crop--before | --now-line-height-crop--before | line-height-crop | component | | -0.25em | | size |
$now-template-message-empty-state_heading--header--font-family | --now-template-message-empty-state_heading--header--font-family | template-message-empty-state | component | now-display-type--header-primary--font-family, now-display-type--primary--font-family, now-display-type--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-template-message-empty-state_heading--header--font-style | --now-template-message-empty-state_heading--header--font-style | template-message-empty-state | component | now-display-type--header-primary--font-style, now-display-type--primary--font-style, now-display-type--font-style | normal | font-style | font-style |
$now-template-message-empty-state_heading--header--font-weight | --now-template-message-empty-state_heading--header--font-weight | template-message-empty-state | component | now-display-type--header-primary--font-weight, now-display-type--primary--font-weight | 600 | font-weight | font-weight |
$now-template-message-empty-state_heading--header--text-transform | --now-template-message-empty-state_heading--header--text-transform | template-message-empty-state | component | now-display-type--header-primary--text-transform, now-display-type--primary--text-transform, now-display-type--text-transform | none | text-transform | text-transform |
$now-template-message-empty-state_heading--title--font-family | --now-template-message-empty-state_heading--title--font-family | template-message-empty-state | component | now-display-type--title-primary--font-family, now-display-type--primary--font-family, now-display-type--font-family, now-font-family | 'Source Sans Pro', Arial, sans-serif | font-family | font-family |
$now-template-message-empty-state_heading--title--font-style | --now-template-message-empty-state_heading--title--font-style | template-message-empty-state | component | now-display-type--title-primary--font-style, now-display-type--primary--font-style, now-display-type--font-style | normal | font-style | font-style |
$now-template-message-empty-state_heading--title--font-weight | --now-template-message-empty-state_heading--title--font-weight | template-message-empty-state | component | now-display-type--title-primary--font-weight, now-display-type--primary--font-weight | 600 | font-weight | font-weight |
$now-template-message-empty-state_heading--title--text-transform | --now-template-message-empty-state_heading--title--text-transform | template-message-empty-state | component | now-display-type--title-primary--text-transform, now-display-type--primary--text-transform, now-display-type--text-transform | none | text-transform | text-transform |
$now-button--scale-size | --now-button--scale-size | button | component | | 1 | | - |
$now-button--scale-size-block | --now-button--scale-size-block | button | component | | 1 | | - |
$now-button--scale-size-inline | --now-button--scale-size-inline | button | component | | 1 | | - |
$now-datavis_color_series_default | --now-datavis_color_series_default | datavis | system.datavis | now-datavis_color--qualitative-0, now-datavis_color--blue-5 | | | color |
$now-tabs--border-color--selected | --now-tabs--border-color--selected | tabs | component | now-color_selection--primary-3 | | border-color | color |
$now-tabs--opacity--disabled | --now-tabs--opacity--disabled | tabs | component | now-opacity--less | 0.25 | opacity | proportion |
$now-datavis_register_swatch--border-radius | --now-datavis_register_swatch--border-radius | datavis | system.datavis | | 0 | border-radius | size |
$now-radio-buttons--scale-size | --now-radio-buttons--scale-size | radio-buttons | component | | 1 | | - |
$now-radio-buttons--scale-size-block | --now-radio-buttons--scale-size-block | radio-buttons | component | | 1 | | - |
$now-radio-buttons--scale-size-inline | --now-radio-buttons--scale-size-inline | radio-buttons | component | | 1 | | - |
- | --now-scale-space--3xl | scale-space | system | | 1 | | scale |
- | --now-scale-space--lg | scale-space | system | | 1 | | scale |
- | --now-scale-space--md | scale-space | system | | 1 | | scale |
- | --now-scale-space--sm | scale-space | system | | 1 | | scale |
- | --now-scale-space--xl | scale-space | system | | 1 | | scale |
- | --now-scale-space--xs | scale-space | system | | 1 | | scale |
- | --now-scale-space--xxl | scale-space | system | | 1 | | scale |
- | --now-scale-space--xxs | scale-space | system | | 1 | | scale |
$now-form-field--scale-size-block | --now-form-field--scale-size-block | form-field | component | | 1 | | - |
$now-form-field--scale-size-inline | --now-form-field--scale-size-inline | form-field | component | | 1 | | - |
$now-badge--scale-size-block | --now-badge--scale-size-block | badge | component | | 1 | | - |
$now-badge--scale-size-inline | --now-badge--scale-size-inline | badge | component | | 1 | | - |
$now-pill_identifier--background-color--focus | --now-pill_identifier--background-color--focus | pill | component | now-pill_identifier--background-color, now-pill--background-color, now-color_background--primary, now-color--neutral-0 | | background-color | color |
$now-pill_identifier--background-color--selected_focus | --now-pill_identifier--background-color--selected_focus | pill | component | now-pill_identifier--background-color, now-pill--background-color, now-color_background--primary, now-color--neutral-0 | | background-color | color |
$now-pill_identifier--color--selected_focus | --now-pill_identifier--color--selected_focus | pill | component | now-pill_identifier--color--selected, now-color--primary-2 | | color | color |
$now-tabs--scale-size-block | --now-tabs--scale-size-block | tabs | component | | 1 | | - |
$now-tabs--scale-size-inline | --now-tabs--scale-size-inline | tabs | component | | 1 | | - |
$now-dropdown--primary-selection--background-color | --now-dropdown--primary-selection--background-color | dropdown | component | now-color_selection--primary-2 | | background-color | color |
$now-dropdown--primary-selection--background-color--active | --now-dropdown--primary-selection--background-color--active | dropdown | component | now-color_selection--primary-4 | | background-color | color |
$now-dropdown--primary-selection--background-color--hover | --now-dropdown--primary-selection--background-color--hover | dropdown | component | now-color_selection--primary-3 | | background-color | color |
$now-dropdown--primary-selection--border-color | --now-dropdown--primary-selection--border-color | dropdown | component | now-color_selection--primary-4 | | border-color | color |
$now-dropdown--primary-selection--border-color--active | --now-dropdown--primary-selection--border-color--active | dropdown | component | now-dropdown--primary-selection--border-color, now-color_selection--primary-4 | | border-color | color |
$now-dropdown--primary-selection--border-color--hover | --now-dropdown--primary-selection--border-color--hover | dropdown | component | now-dropdown--primary-selection--border-color, now-color_selection--primary-4 | | border-color | color |
$now-dropdown--primary-selection--color | --now-dropdown--primary-selection--color | dropdown | component | now-button--primary--color, now-color--neutral-0 | | color | color |
$now-dropdown--primary-selection--color--active | --now-dropdown--primary-selection--color--active | dropdown | component | now-dropdown--primary-selection--color, now-button--primary--color, now-color--neutral-0 | | color | color |
$now-dropdown--primary-selection--color--hover | --now-dropdown--primary-selection--color--hover | dropdown | component | now-dropdown--primary-selection--color, now-button--primary--color, now-color--neutral-0 | | color | color |
$now-dropdown--secondary-selection--background-color | --now-dropdown--secondary-selection--background-color | dropdown | component | now-button--secondary--background-color, now-color_background--tertiary, now-color--neutral-2 | | background-color | color |
$now-dropdown--secondary-selection--background-color--active | --now-dropdown--secondary-selection--background-color--active | dropdown | component | now-button--secondary--background-color--active, now-color--neutral-5 | | background-color | color |
$now-dropdown--secondary-selection--background-color--hover | --now-dropdown--secondary-selection--background-color--hover | dropdown | component | now-button--secondary--background-color--hover, now-color--neutral-3 | | background-color | color |
$now-dropdown--secondary-selection--background-color-alpha | --now-dropdown--secondary-selection--background-color-alpha | dropdown | component | | 1 | background-color-alpha | proportion |
$now-dropdown--secondary-selection--background-color-alpha--active | --now-dropdown--secondary-selection--background-color-alpha--active | dropdown | component | | 1 | background-color-alpha | proportion |
$now-dropdown--secondary-selection--background-color-alpha--hover | --now-dropdown--secondary-selection--background-color-alpha--hover | dropdown | component | | 1 | background-color-alpha | proportion |
$now-dropdown--secondary-selection--border-color | --now-dropdown--secondary-selection--border-color | dropdown | component | now-button--secondary--border-color, now-color--neutral-7 | | border-color | color |
$now-dropdown--secondary-selection--border-color--active | --now-dropdown--secondary-selection--border-color--active | dropdown | component | now-button--secondary--border-color--active, now-color--neutral-7 | | border-color | color |
$now-dropdown--secondary-selection--border-color--hover | --now-dropdown--secondary-selection--border-color--hover | dropdown | component | now-button--secondary--border-color--hover, now-color--neutral-7 | | border-color | color |
$now-dropdown--secondary-selection--color | --now-dropdown--secondary-selection--color | dropdown | component | now-color--primary-3 | | color | color |
$now-dropdown--secondary-selection--color--active | --now-dropdown--secondary-selection--color--active | dropdown | component | now-color_selection--primary-4 | | color | color |
$now-dropdown--secondary-selection--color--hover | --now-dropdown--secondary-selection--color--hover | dropdown | component | now-color_selection--primary-4 | | color | color |
$now-dropdown--tertiary-selection--background-color | --now-dropdown--tertiary-selection--background-color | dropdown | component | now-button--tertiary--background-color, now-color_background--primary, now-color--neutral-0 | | background-color | color |
$now-dropdown--tertiary-selection--background-color--active | --now-dropdown--tertiary-selection--background-color--active | dropdown | component | now-button--tertiary--background-color--active, now-color--neutral-5 | | background-color | color |
$now-dropdown--tertiary-selection--background-color--hover | --now-dropdown--tertiary-selection--background-color--hover | dropdown | component | now-button--tertiary--background-color--hover, now-color--neutral-2 | | background-color | color |
$now-dropdown--tertiary-selection--background-color-alpha | --now-dropdown--tertiary-selection--background-color-alpha | dropdown | component | | 1 | background-color-alpha | proportion |
$now-dropdown--tertiary-selection--background-color-alpha--active | --now-dropdown--tertiary-selection--background-color-alpha--active | dropdown | component | | 1 | background-color-alpha | proportion |
$now-dropdown--tertiary-selection--background-color-alpha--hover | --now-dropdown--tertiary-selection--background-color-alpha--hover | dropdown | component | | 1 | background-color-alpha | proportion |
$now-dropdown--tertiary-selection--border-color | --now-dropdown--tertiary-selection--border-color | dropdown | component | now-button--tertiary--border-color, now-color--neutral-7 | | border-color | color |
$now-dropdown--tertiary-selection--border-color--active | --now-dropdown--tertiary-selection--border-color--active | dropdown | component | now-button--tertiary--border-color--active, now-button--tertiary--border-color, now-color--neutral-7 | | border-color | color |
$now-dropdown--tertiary-selection--border-color--hover | --now-dropdown--tertiary-selection--border-color--hover | dropdown | component | now-button--tertiary--border-color--hover, now-button--tertiary--border-color, now-color--neutral-7 | | border-color | color |
$now-dropdown--tertiary-selection--border-color-alpha | --now-dropdown--tertiary-selection--border-color-alpha | dropdown | component | | 1 | border-color-alpha | proportion |
$now-dropdown--tertiary-selection--border-color-alpha--active | --now-dropdown--tertiary-selection--border-color-alpha--active | dropdown | component | | 1 | border-color-alpha | proportion |
$now-dropdown--tertiary-selection--border-color-alpha--hover | --now-dropdown--tertiary-selection--border-color-alpha--hover | dropdown | component | | 1 | border-color-alpha | proportion |
$now-dropdown--tertiary-selection--color | --now-dropdown--tertiary-selection--color | dropdown | component | now-color_selection--primary-3 | | color | color |
$now-dropdown--tertiary-selection--color--active | --now-dropdown--tertiary-selection--color--active | dropdown | component | now-color_selection--primary-4 | | color | color |
$now-dropdown--tertiary-selection--color--hover | --now-dropdown--tertiary-selection--color--hover | dropdown | component | now-color_selection--primary-4 | | color | color |
$now-checkbox--scale-size | --now-checkbox--scale-size | checkbox | component | | 1 | | - |
$now-checkbox--scale-size-block | --now-checkbox--scale-size-block | checkbox | component | | 1 | | - |
$now-checkbox--scale-size-inline | --now-checkbox--scale-size-inline | checkbox | component | | 1 | | - |
$now-datavis_color--qualitative-0 | --now-datavis_color--qualitative-0 | datavis | system.datavis | now-datavis_color--blue-5 | | | color |
$now-datavis_color--qualitative-1 | --now-datavis_color--qualitative-1 | datavis | system.datavis | now-datavis_color--orange-3 | | | color |
$now-datavis_color--qualitative-10 | --now-datavis_color--qualitative-10 | datavis | system.datavis | now-datavis_color--teal-5 | | | color |
$now-datavis_color--qualitative-11 | --now-datavis_color--qualitative-11 | datavis | system.datavis | now-datavis_color--blue-4 | | | color |
$now-datavis_color--qualitative-12 | --now-datavis_color--qualitative-12 | datavis | system.datavis | now-datavis_color--orange-2 | | | color |
$now-datavis_color--qualitative-13 | --now-datavis_color--qualitative-13 | datavis | system.datavis | now-datavis_color--green-4 | | | color |
$now-datavis_color--qualitative-14 | --now-datavis_color--qualitative-14 | datavis | system.datavis | now-datavis_color--pink-2 | | | color |
$now-datavis_color--qualitative-15 | --now-datavis_color--qualitative-15 | datavis | system.datavis | now-datavis_color--brown-4 | | | color |
$now-datavis_color--qualitative-16 | --now-datavis_color--qualitative-16 | datavis | system.datavis | now-datavis_color--violet-2 | | | color |
$now-datavis_color--qualitative-17 | --now-datavis_color--qualitative-17 | datavis | system.datavis | now-datavis_color--yellow-green-4 | | | color |
$now-datavis_color--qualitative-18 | --now-datavis_color--qualitative-18 | datavis | system.datavis | now-datavis_color--red-2 | | | color |
$now-datavis_color--qualitative-19 | --now-datavis_color--qualitative-19 | datavis | system.datavis | now-datavis_color--purple-4 | | | color |
$now-datavis_color--qualitative-2 | --now-datavis_color--qualitative-2 | datavis | system.datavis | now-datavis_color--green-5 | | | color |
$now-datavis_color--qualitative-20 | --now-datavis_color--qualitative-20 | datavis | system.datavis | now-datavis_color--olive-2 | | | color |
$now-datavis_color--qualitative-21 | --now-datavis_color--qualitative-21 | datavis | system.datavis | now-datavis_color--teal-4 | | | color |
$now-datavis_color--qualitative-22 | --now-datavis_color--qualitative-22 | datavis | system.datavis | now-datavis_color--blue-8 | | | color |
$now-datavis_color--qualitative-23 | --now-datavis_color--qualitative-23 | datavis | system.datavis | now-datavis_color--orange-6 | | | color |
$now-datavis_color--qualitative-24 | --now-datavis_color--qualitative-24 | datavis | system.datavis | now-datavis_color--green-8 | | | color |
$now-datavis_color--qualitative-25 | --now-datavis_color--qualitative-25 | datavis | system.datavis | now-datavis_color--pink-6 | | | color |
$now-datavis_color--qualitative-26 | --now-datavis_color--qualitative-26 | datavis | system.datavis | now-datavis_color--brown-8 | | | color |
$now-datavis_color--qualitative-27 | --now-datavis_color--qualitative-27 | datavis | system.datavis | now-datavis_color--violet-6 | | | color |
$now-datavis_color--qualitative-28 | --now-datavis_color--qualitative-28 | datavis | system.datavis | now-datavis_color--yellow-green-8 | | | color |
$now-datavis_color--qualitative-29 | --now-datavis_color--qualitative-29 | datavis | system.datavis | now-datavis_color--red-6 | | | color |
$now-datavis_color--qualitative-3 | --now-datavis_color--qualitative-3 | datavis | system.datavis | now-datavis_color--pink-3 | | | color |
$now-datavis_color--qualitative-30 | --now-datavis_color--qualitative-30 | datavis | system.datavis | now-datavis_color--purple-8 | | | color |
$now-datavis_color--qualitative-31 | --now-datavis_color--qualitative-31 | datavis | system.datavis | now-datavis_color--olive-6 | | | color |
$now-datavis_color--qualitative-32 | --now-datavis_color--qualitative-32 | datavis | system.datavis | now-datavis_color--teal-8 | | | color |
$now-datavis_color--qualitative-4 | --now-datavis_color--qualitative-4 | datavis | system.datavis | now-datavis_color--brown-5 | | | color |
$now-datavis_color--qualitative-5 | --now-datavis_color--qualitative-5 | datavis | system.datavis | now-datavis_color--violet-3 | | | color |
$now-datavis_color--qualitative-6 | --now-datavis_color--qualitative-6 | datavis | system.datavis | now-datavis_color--yellow-green-5 | | | color |
$now-datavis_color--qualitative-7 | --now-datavis_color--qualitative-7 | datavis | system.datavis | now-datavis_color--red-3 | | | color |
$now-datavis_color--qualitative-8 | --now-datavis_color--qualitative-8 | datavis | system.datavis | now-datavis_color--purple-5 | | | color |
$now-datavis_color--qualitative-9 | --now-datavis_color--qualitative-9 | datavis | system.datavis | now-datavis_color--olive-3 | | | color |
$now-datavis_color--yellow-0 | --now-datavis_color--yellow-0 | datavis | system.datavis | | | | color |
$now-datavis_color--yellow-1 | --now-datavis_color--yellow-1 | datavis | system.datavis | | | | color |
$now-datavis_color--yellow-10 | --now-datavis_color--yellow-10 | datavis | system.datavis | | | | color |
$now-datavis_color--yellow-2 | --now-datavis_color--yellow-2 | datavis | system.datavis | | | | color |
$now-datavis_color--yellow-3 | --now-datavis_color--yellow-3 | datavis | system.datavis | | | | color |
$now-datavis_color--yellow-4 | --now-datavis_color--yellow-4 | datavis | system.datavis | | | | color |
$now-datavis_color--yellow-5 | --now-datavis_color--yellow-5 | datavis | system.datavis | | | | color |
$now-datavis_color--yellow-6 | --now-datavis_color--yellow-6 | datavis | system.datavis | | | | color |
$now-datavis_color--yellow-7 | --now-datavis_color--yellow-7 | datavis | system.datavis | | | | color |
$now-datavis_color--yellow-8 | --now-datavis_color--yellow-8 | datavis | system.datavis | | | | color |
$now-datavis_color--yellow-9 | --now-datavis_color--yellow-9 | datavis | system.datavis | | | | color |
$now-grid-cell--scale-size-block | --now-grid-cell--scale-size-block | grid-cell | component | | 1 | | - |
$now-icon--scale-size | --now-icon--scale-size | icon | component | | 1 | | - |
$now-pagination-control--border-radius | --now-pagination-control--border-radius | pagination-control | component | | 0 | border-radius | size |
$now-breadcrumbs_dropdown--background-color--active | --now-breadcrumbs_dropdown--background-color--active | breadcrumbs | component | now-color--secondary-3 | | background-color | color |
$now-breadcrumbs_dropdown--background-color-alpha--active | --now-breadcrumbs_dropdown--background-color-alpha--active | breadcrumbs | component | now-opacity--less | 0.25 | background-color-alpha | proportion |
$now-breadcrumbs_dropdown--color--active | --now-breadcrumbs_dropdown--color--active | breadcrumbs | component | now-breadcrumbs--color--hover, now-color_text--primary, now-color--neutral-18 | | color | color |
$now-button--bare_primary--background-color--selected_active | --now-button--bare_primary--background-color--selected_active | button | component | now-button--bare_primary--background-color--active, now-color--primary-2 | | background-color | color |
$now-button--bare_primary--background-color--selected_hover | --now-button--bare_primary--background-color--selected_hover | button | component | now-button--bare_primary--background-color--hover, now-color--primary-2 | | background-color | color |
$now-button--bare_primary--background-color-alpha--selected_active | --now-button--bare_primary--background-color-alpha--selected_active | button | component | now-button--bare_primary--background-color-alpha--active, now-opacity--less | 0.25 | background-color-alpha | proportion |
$now-button--bare_primary--background-color-alpha--selected_hover | --now-button--bare_primary--background-color-alpha--selected_hover | button | component | now-button--bare_primary--background-color-alpha--hover, now-opacity--least | 0.1 | background-color-alpha | proportion |
$now-button--bare_primary--color--selected | --now-button--bare_primary--color--selected | button | component | now-button--bare_primary--color, now-color--primary-1 | | color | color |
$now-button--bare_primary--color--selected_active | --now-button--bare_primary--color--selected_active | button | component | now-button--bare_primary--color--active, now-color--primary-3 | | color | color |
$now-button--bare_primary--color--selected_hover | --now-button--bare_primary--color--selected_hover | button | component | now-button--bare_primary--color--hover, now-color--primary-2 | | color | color |
$now-button--bare_secondary--background-color--selected_active | --now-button--bare_secondary--background-color--selected_active | button | component | now-button--bare_secondary--background-color--active, now-color--secondary-2 | | background-color | color |
$now-button--bare_secondary--background-color--selected_hover | --now-button--bare_secondary--background-color--selected_hover | button | component | now-button--bare_secondary--background-color--hover, now-color--secondary-1 | | background-color | color |
$now-button--bare_secondary--background-color-alpha--selected_active | --now-button--bare_secondary--background-color-alpha--selected_active | button | component | now-button--bare_secondary--background-color-alpha--active, now-opacity--less | 0.25 | background-color-alpha | proportion |
$now-button--bare_secondary--background-color-alpha--selected_hover | --now-button--bare_secondary--background-color-alpha--selected_hover | button | component | now-button--bare_secondary--background-color-alpha--hover, now-opacity--least | 0.1 | background-color-alpha | proportion |
$now-button--bare_secondary--color--selected | --now-button--bare_secondary--color--selected | button | component | now-button--bare_secondary--color, now-color--secondary-1 | | color | color |
$now-button--bare_secondary--color--selected_active | --now-button--bare_secondary--color--selected_active | button | component | now-button--bare_secondary--color--active, now-color--secondary-3 | | color | color |
$now-button--bare_secondary--color--selected_hover | --now-button--bare_secondary--color--selected_hover | button | component | now-button--bare_secondary--color--hover, now-color--secondary-2 | | color | color |
$now-button--bare_tertiary--background-color--selected_active | --now-button--bare_tertiary--background-color--selected_active | button | component | now-button--bare_tertiary--background-color--active, now-color--neutral-12 | | background-color | color |
$now-button--bare_tertiary--background-color--selected_hover | --now-button--bare_tertiary--background-color--selected_hover | button | component | now-button--bare_tertiary--background-color--hover, now-color--neutral-12 | | background-color | color |
$now-button--bare_tertiary--background-color-alpha--selected_active | --now-button--bare_tertiary--background-color-alpha--selected_active | button | component | now-button--bare_tertiary--background-color-alpha--active, now-opacity--less | 0.25 | background-color-alpha | proportion |
$now-button--bare_tertiary--background-color-alpha--selected_hover | --now-button--bare_tertiary--background-color-alpha--selected_hover | button | component | now-button--bare_tertiary--background-color-alpha--hover, now-opacity--least | 0.1 | background-color-alpha | proportion |
$now-button--bare_tertiary--color--selected | --now-button--bare_tertiary--color--selected | button | component | now-color--secondary-1 | | color | color |
$now-button--bare_tertiary--color--selected_active | --now-button--bare_tertiary--color--selected_active | button | component | now-button--bare_tertiary--color--active, now-color--secondary-3 | | color | color |
$now-button--bare_tertiary--color--selected_hover | --now-button--bare_tertiary--color--selected_hover | button | component | now-button--bare_tertiary--color--hover, now-color--neutral-12 | | color | color |
$now-stepper_label--color--selected | --now-stepper_label--color--selected | stepper | component | now-color--secondary-2 | | color | color |
$now-stepper_label--color--selected_active | --now-stepper_label--color--selected_active | stepper | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-stepper_label--color--selected_hover | --now-stepper_label--color--selected_hover | stepper | component | now-color--secondary-3 | | color | color |
$now-stepper_label--done--color | --now-stepper_label--done--color | stepper | component | now-color--secondary-1 | | color | color |
$now-stepper_label--done--color--active | --now-stepper_label--done--color--active | stepper | component | now-color--secondary-3 | | color | color |
$now-stepper_label--done--color--hover | --now-stepper_label--done--color--hover | stepper | component | now-color--secondary-2 | | color | color |
$now-stepper_label--none--color | --now-stepper_label--none--color | stepper | component | now-color_text--tertiary, now-color--neutral-12 | | color | color |
$now-stepper_label--none--color--active | --now-stepper_label--none--color--active | stepper | component | now-color--secondary-3 | | color | color |
$now-stepper_label--none--color--hover | --now-stepper_label--none--color--hover | stepper | component | now-color--secondary-1 | | color | color |
$now-stepper_label--partial--color | --now-stepper_label--partial--color | stepper | component | now-color--secondary-1 | | color | color |
$now-stepper_label--partial--color--active | --now-stepper_label--partial--color--active | stepper | component | now-color--secondary-3 | | color | color |
$now-stepper_label--partial--color--hover | --now-stepper_label--partial--color--hover | stepper | component | now-color--secondary-2 | | color | color |
$now-stepper_step--background-color--selected_active | --now-stepper_step--background-color--selected_active | stepper | component | now-color--secondary-0 | | background-color | color |
$now-stepper_step--background-color--selected_hover | --now-stepper_step--background-color--selected_hover | stepper | component | now-color--secondary-0 | | background-color | color |
$now-stepper_step--none--border-color | --now-stepper_step--none--border-color | stepper | component | now-color_text--tertiary, now-color--neutral-12 | | border-color | color |
$now-stepper_sublabel--color--selected | --now-stepper_sublabel--color--selected | stepper | component | now-color--secondary-2 | | color | color |
$now-stepper_sublabel--color--selected_active | --now-stepper_sublabel--color--selected_active | stepper | component | now-color_text--primary, now-color--neutral-18 | | color | color |
$now-stepper_sublabel--color--selected_hover | --now-stepper_sublabel--color--selected_hover | stepper | component | now-color--secondary-3 | | color | color |
$now-stepper_sublabel--done--color | --now-stepper_sublabel--done--color | stepper | component | now-color--secondary-1 | | color | color |
$now-stepper_sublabel--done--color--active | --now-stepper_sublabel--done--color--active | stepper | component | now-color--secondary-3 | | color | color |
$now-stepper_sublabel--done--color--hover | --now-stepper_sublabel--done--color--hover | stepper | component | now-color--secondary-2 | | color | color |
$now-stepper_sublabel--none--color | --now-stepper_sublabel--none--color | stepper | component | now-color_text--tertiary, now-color--neutral-12 | | color | color |
$now-stepper_sublabel--none--color--active | --now-stepper_sublabel--none--color--active | stepper | component | now-color--secondary-3 | | color | color |
$now-stepper_sublabel--none--color--hover | --now-stepper_sublabel--none--color--hover | stepper | component | now-color--secondary-1 | | color | color |
$now-stepper_sublabel--partial--color | --now-stepper_sublabel--partial--color | stepper | component | now-color--secondary-1 | | color | color |
$now-stepper_sublabel--partial--color--active | --now-stepper_sublabel--partial--color--active | stepper | component | now-color--secondary-3 | | color | color |
$now-stepper_sublabel--partial--color--hover | --now-stepper_sublabel--partial--color--hover | stepper | component | now-color--secondary-2 | | color | color |
$now-stepper--opacity--disabled | --now-stepper--opacity--disabled | stepper | component | now-opacity--less | 0.25 | opacity | proportion |
$now-datavis_color--negative | --now-datavis_color--negative | datavis | system.datavis | now-color_alert--critical-3 | | | color |
$now-datavis_color--positive | --now-datavis_color--positive | datavis | system.datavis | now-color_alert--positive-3 | | | color |
$now-datavis_series_target-global--color | --now-datavis_series_target-global--color | datavis | system.datavis | now-color--neutral-10 | | color | color |
$now-datavis_series_target-personal--color | --now-datavis_series_target-personal--color | datavis | system.datavis | now-color--neutral-7 | | color | color |
$now-datavis_series_threshold-global--color | --now-datavis_series_threshold-global--color | datavis | system.datavis | now-color--neutral-10 | | color | color |
$now-datavis_series_threshold-personal--color | --now-datavis_series_threshold-personal--color | datavis | system.datavis | now-color--neutral-7 | | color | color |
$now-card--background-color | --now-card--background-color | card | component | now-color_background--primary, now-color--neutral-0 | | background-color | color |
$now-card--background-color--active | --now-card--background-color--active | card | component | now-card--background-color, now-color_background--primary, now-color--neutral-0 | | background-color | color |
$now-card--background-color--hover | --now-card--background-color--hover | card | component | now-card--background-color, now-color_background--primary, now-color--neutral-0 | | background-color | color |
$now-card--background-color--selected | --now-card--background-color--selected | card | component | now-card--background-color, now-color_background--primary, now-color--neutral-0 | | background-color | color |
$now-card--background-color-alpha | --now-card--background-color-alpha | card | component | | 0 | background-color-alpha | proportion |
$now-card--background-color-alpha--active | --now-card--background-color-alpha--active | card | component | now-card--background-color-alpha | 0 | background-color-alpha | proportion |
$now-card--background-color-alpha--hover | --now-card--background-color-alpha--hover | card | component | now-card--background-color-alpha | 0 | background-color-alpha | proportion |
$now-card--background-color-alpha--selected | --now-card--background-color-alpha--selected | card | component | now-card--background-color-alpha | 0 | background-color-alpha | proportion |
$now-checkbox--background-color--invalid_active | --now-checkbox--background-color--invalid_active | checkbox | component | now-checkbox--background-color--invalid, now-color_alert--critical-0 | | background-color | color |
$now-opacity--least | --now-opacity--least | opacity | component | | 0.1 | | proportion |
$now-opacity--less | --now-opacity--less | opacity | component | | 0.25 | | proportion |
$now-content-tree--background-color-alpha--hover | --now-content-tree--background-color-alpha--hover | content-tree | component | | 0.35 | background-color-alpha | proportion |
$now-toggle--opacity--disabled | --now-toggle--opacity--disabled | toggle | component | now-opacity--less | 0.25 | opacity | proportion |