UNPKG

@roadtrip/css

Version:

CSS framework for Roadtrip Design System

gitlab.com/mobivia-design/roadtrip/css

5 lines • 4.04 kB
1
2
3
4
5
/*! * Roadtrip CSS 4.10.3 (https://design.mobivia.com/) * Copyright 2020-2025 Mobivia * Licensed under Apache-2.0 (https://gitlab.com/mobivia-design/roadtrip/css/-/blob/master/LICENSE) */.midas-theme{--road-brand-primary:#ffd300;--road-primary-10:#280f06;--road-primary-20:#6e450d;--road-primary-30:#b37a15;--road-primary-40:#f9b01c;--road-primary-50:#fcc20e;--road-primary-60:#ffd300;--road-primary-70:#ffde40;--road-primary-80:#ffe980;--road-primary-90:#fff4bf;--road-brand-secondary:#000;--road-secondary-10:#1a1a1a;--road-secondary-20:#353535;--road-secondary-30:#515151;--road-secondary-40:#6c6c6c;--road-secondary-50:#878787;--road-secondary-60:#a2a2a2;--road-secondary-70:#bebebe;--road-secondary-80:#d9d9d9;--road-secondary-90:#f4f4f4;--road-grey-0:#000;--road-grey-5:#0d0d0d;--road-grey-10:#1a1a1a;--road-grey-15:#282828;--road-grey-20:#353535;--road-grey-30:#515151;--road-grey-40:#6c6c6c;--road-grey-50:#878787;--road-grey-60:#a2a2a2;--road-grey-70:#bebebe;--road-grey-80:#d9d9d9;--road-grey-85:#e7e7e7;--road-grey-90:#f4f4f4;--road-grey-95:#fafafa;--road-grey-100-new:#fff;--road-header-surface:var(--road-secondary-20);--road-on-header-surface:var(--road-grey-100-new);--road-header-surface-disabled:#8787873d;--road-on-header-surface-disabled:#1a1a1a52;--road-header-outline:#a2a2a23d;--road-header-icon:var(--road-grey-100-new);--road-icon-header-variant:var(--road-primary-40);--road-header-badge:var(--road-primary-60);--road-on-header-badge:var(--road-grey-10);--road-surface:var(--road-grey-100-new);--road-surface-inverse:var(--road-grey-90);--road-surface-disabled:#898fa03d;--road-on-surface:var(--road-grey-10);--road-on-surface-weak:var(--road-grey-20);--road-on-surface-extra-weak:var(--road-grey-40);--road-on-surface-disabled:#22293a52;--road-primary:var(--road-primary-60);--road-primary-variant:var(--road-primary-40);--road-on-primary:var(--road-grey-10);--road-secondary:var(--road-secondary-20);--road-secondary-variant:var(--road-secondary-10);--road-on-secondary:var(--road-grey-100-new);--road-outline:var(--road-grey-30);--road-outline-weak:var(--road-grey-80);--road-outline-variant:var(--road-primary-40);--road-icon:var(--road-grey-10);--road-icon-variant:var(--road-primary-40);--road-icon-inverse:var(--road-grey-100-new);--road-icon-inverse-variant:var(--road-primary-60);--road-overlay:#000000a3;--road-overlay-inverse:#ffffffa3;--road-on-overlay:var(--road-grey-100-new);--road-on-overlay-inverse:var(--road-grey-10);--road-button-primary:var(--road-primary-60);--road-button-primary-variant:var(--road-primary-40);--road-on-button-primary:var(--road-grey-10);--road-button-secondary:var(--road-secondary-20);--road-button-secondary-variant:var(--road-secondary-10);--road-on-button-secondary:var(--road-grey-100-new);--road-button-tertiary:#f1bbcd00;--road-button-tertiary-variant:var(--road-primary-80);--road-button-tertiary-outline:var(--road-primary-60);--road-on-button-tertiary:var(--road-grey-10);--road-button-ghost:#f1bbcd00;--road-button-ghost-variant:var(--road-primary-80);--road-on-button-ghost:var(--road-grey-10);--road-button-fab:var(--road-primary-60);--road-on-button-fab:var(--road-grey-10);--road-button-fab-variant:var(--road-primary-30);--road-link-primary:var(--road-grey-10);--road-link-secondary:var(--road-primary-30);--road-link-inverse:var(--road-grey-100-new);--road-input-surface:var(--road-secondary-10);--road-input-surface-variant:var(--road-secondary-20);--road-input-outline:var(--road-grey-40);--road-input-outline-variant:var(--road-secondary-10);--road-decorative-surface:var(--road-primary-40);--road-decorative-surface-variant:var(--road-secondary-20);--road-leading-banner:var(--road-secondary-10);--road-on-leading-banner:var(--road-grey-100-new)}.midas-theme .btn-link,.midas-theme .btn-outline-primary,.midas-theme .btn-outline-secondary,.midas-theme .link{color:var(--road-grey-900)}.midas-theme .btn-link:not(:disabled):focus,.midas-theme .btn-link:not(:disabled):hover,.midas-theme .link:focus,.midas-theme .link:hover{color:var(--road-grey-600)}