energy-foundations 0.0.1-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +20 -0
- package/dist/energy-foundations.js +1 -0
- package/dist/energy-foundations.umd.cjs +1 -0
- package/dist/fonts/SoleRepsolText_W_Bd.woff +0 -0
- package/dist/fonts/SoleRepsolText_W_Lt.woff +0 -0
- package/dist/fonts/SoleRepsolText_W_Rg.woff +0 -0
- package/dist/fonts/SoleRepsolText_W_SBd.woff +0 -0
- package/dist/fonts/icomoon.eot +0 -0
- package/dist/fonts/icomoon.ttf +0 -0
- package/dist/fonts/icomoon.woff +0 -0
- package/dist/fonts/selection.json +1 -0
- package/dist/foundations/_border.scss +15 -0
- package/dist/foundations/_color.scss +43 -0
- package/dist/foundations/_elevation.scss +9 -0
- package/dist/foundations/_fonts.scss +759 -0
- package/dist/foundations/_grid.scss +68 -0
- package/dist/foundations/_reset.scss +70 -0
- package/dist/foundations/_shadow.scss +10 -0
- package/dist/foundations/_spacing.scss +56 -0
- package/dist/foundations/_state.scss +5 -0
- package/dist/foundations/_typography.scss +33 -0
- package/dist/global.scss +6 -0
- package/dist/logo-repsol.png +0 -0
- package/dist/main.ts +1 -0
- package/dist/mixins/_elevation.scss +15 -0
- package/dist/mixins/_layout.scss +30 -0
- package/dist/mixins/_shadow.scss +9 -0
- package/dist/mixins/_state.scss +5 -0
- package/dist/mixins/_typography.scss +59 -0
- package/dist/mixins/_utils.scss +8 -0
- package/dist/rds-foundations.scss +20 -0
- package/dist/rds-reset.scss +1 -0
- package/dist/rds-variables.scss +24 -0
- package/dist/stories/assets/accessibility.png +0 -0
- package/dist/stories/assets/accessibility.svg +5 -0
- package/dist/stories/assets/addon-library.png +0 -0
- package/dist/stories/assets/assets.png +0 -0
- package/dist/stories/assets/avif-test-image.avif +0 -0
- package/dist/stories/assets/context.png +0 -0
- package/dist/stories/assets/discord.svg +15 -0
- package/dist/stories/assets/docs.png +0 -0
- package/dist/stories/assets/figma-plugin.png +0 -0
- package/dist/stories/assets/figma.png +0 -0
- package/dist/stories/assets/github.svg +3 -0
- package/dist/stories/assets/grid-desktop.png +0 -0
- package/dist/stories/assets/grid-mobile.png +0 -0
- package/dist/stories/assets/grid-tablet.png +0 -0
- package/dist/stories/assets/grid-xd.png +0 -0
- package/dist/stories/assets/logo-repsol.png +0 -0
- package/dist/stories/assets/npm.png +0 -0
- package/dist/stories/assets/portal.png +0 -0
- package/dist/stories/assets/share.png +0 -0
- package/dist/stories/assets/styling.png +0 -0
- package/dist/stories/assets/testing.png +0 -0
- package/dist/stories/assets/theming.png +0 -0
- package/dist/stories/assets/tutorials.svg +12 -0
- package/dist/stories/assets/variables.png +0 -0
- package/dist/stories/assets/youtube.svg +4 -0
- package/dist/stories/border/border.mdx +71 -0
- package/dist/stories/colors/componentColor.mdx +96 -0
- package/dist/stories/colors/componentColors.scss +2 -0
- package/dist/stories/colors/semanticColor.mdx +458 -0
- package/dist/stories/docs/init.mdx +129 -0
- package/dist/stories/docs/quickStartVue.mdx +98 -0
- package/dist/stories/elevation/elevation.mdx +113 -0
- package/dist/stories/fonts/fonts.mdx +165 -0
- package/dist/stories/functional/Layaout.mdx +42 -0
- package/dist/stories/functional/Utils.mdx +22 -0
- package/dist/stories/grid/Breakpoint.stories.js +16 -0
- package/dist/stories/grid/Gridsystem.mdx +172 -0
- package/dist/stories/grid/ResponsiveGrid.stories.js +47 -0
- package/dist/stories/grid/SimpleGridsystem.stories.js +39 -0
- package/dist/stories/grid/gridsystem.scss +86 -0
- package/dist/stories/icons/icon-list.ts +5 -0
- package/dist/stories/icons/icons.mdx +84 -0
- package/dist/stories/spacing/Spacing.mdx +296 -0
- package/dist/stories/spacing/Spacing.stories.js +132 -0
- package/dist/stories/spacing/spacing-story.scss +94 -0
- package/dist/stories/styles/index.scss +373 -0
- package/dist/stories/styles/overwrite.scss +197 -0
- package/dist/style.css +1 -0
- package/dist/variables/_border.scss +16 -0
- package/dist/variables/_color-system.scss +227 -0
- package/dist/variables/_color.scss +207 -0
- package/dist/variables/_elevation.scss +16 -0
- package/dist/variables/_grid.scss +21 -0
- package/dist/variables/_layout.scss +27 -0
- package/dist/variables/_shadow.scss +3 -0
- package/dist/variables/_spacing.scss +47 -0
- package/dist/variables/_state.scss +10 -0
- package/dist/variables/_typography.scss +380 -0
- package/dist/vite-env.d.ts +1 -0
- package/dist/vite.svg +1 -0
- package/package.json +97 -0
package/dist/style.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
*{margin:0;padding:0}*,*:before,*:after{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";overflow-x:hidden}ul,li{margin:0}li{list-style:none}a{color:inherit;text-decoration:none}select{-moz-appearance:none;-webkit-appearance:none;background:none;border:0;border-radius:0}button{background:none;border:0;font-size:inherit}fieldset{border:0;padding:0}input::-ms-clear{display:none;height:0;width:0}img{height:auto;max-width:100%}h1,h2,h3,h4,h5,h6{margin:0}:root{--rds-content-high: var(--rds-color-navy-80);--rds-content-medium: var(--rds-color-navy-60);--rds-content-high-inverse: var(--rds-color-neutral-white);--rds-content-medium-inverse: #ffffffb2;--rds-link-content-default: var(--rds-color-turquoise-70);--rds-link-content-inverse: var(--rds-color-neutral-white);--rds-link-content-state-active: var(--rds-color-turquoise-30);--rds-link-content-state-active-inverse: var(--rds-color-neutral-white);--rds-link-content-state-hover: var(--rds-color-turquoise-50);--rds-link-content-state-hover-inverse: #ffffffcc;--rds-content-state-disabled: #001e374d;--rds-content-state-disabled-inverse: #ffffff80;--rds-background-default: var(--rds-color-neutral-white);--rds-background-alternative: var(--rds-color-neutral-grey);--rds-surface-white: var(--rds-color-neutral-white);--rds-surface-grey: var(--rds-color-neutral-grey);--rds-surface-navy: var(--rds-color-navy-80);--rds-surface-sand: var(--rds-color-orange-0);--rds-highlightedSurface-ivoryGradient: linear-gradient(0deg, #FBF3EF, #FBF3EF), radial-gradient(72.02% 87% at -30.72% 124.82%, rgba(246, 61, 120, .16) 0%, rgba(246, 61, 120, 0) 100%), radial-gradient(50.12% 73.11% at 0% 0%, rgba(255, 199, 0, .08) 0%, rgba(255, 199, 0, 0) 100%), radial-gradient(100.59% 146.79% at 134.93% -38.77%, rgba(245, 13, 54, .16) 0%, rgba(245, 13, 54, 0) 100%), radial-gradient(54.5% 79.54% at 104.6% 106.5%, rgba(255, 153, 3, .16) 0%, rgba(255, 153, 3, 0) 100%);--rds-highlightedSurface-orangeGradient: linear-gradient(137.24deg, #FF9C00 -6.64%, #FF590A 24.3%, #FF2A3F 65.21%, #E50052 99.99%);--rds-highlightedSurface-blueGradient: radial-gradient(117.28% 100.09% at 3.87% 0%, #00BED4 0%, rgba(5, 119, 150, .91) 23.06%, #005C7A 40.93%, #001E37 100%);--rds-border-high: var(--rds-color-navy-30);--rds-border-low: var(--rds-color-navy-05);--rds-border-high-inverse: #ffffff80;--rds-border-low-inverse: #ffffff40;--rds-highlightedBorder-orangeGradient: linear-gradient(137.24deg, #FF9C00 -6.64%, #FF590A 24.3%, #FF2A3F 65.21%, #E50052 99.99%);--rds-semantic-content-error: var(--rds-color-red-60);--rds-semantic-content-information: var(--rds-color-turquoise-50);--rds-semantic-content-success: var(--rds-color-green-50);--rds-semantic-content-warning: var(--rds-color-yellow-60);--rds-semantic-background-success: var(--rds-color-green-10);--rds-semantic-background-error: var(--rds-color-red-05);--rds-semantic-background-information: var(--rds-color-turquoise-05);--rds-semantic-background-warning: var(--rds-color-yellow-10);--rds-extended-content-promo: var(--rds-color-red-50);--rds-extended-surface-promo: var(--rds-color-red-50);--rds-styles-elevation-glass-base: #ffffff99;--rds-styles-elevation-overlay: #001e3766;--rds-button-primary-surface-active: var(--rds-color-turquoise-50);--rds-button-primary-surface-active-inverse: var(--rds-color-neutral-white);--rds-button-primary-surface-default: var(--rds-color-navy-80);--rds-button-primary-surface-default-inverse: var(--rds-color-neutral-white);--rds-button-primary-surface-hover: var(--rds-color-turquoise-70);--rds-button-primary-surface-hover-inverse: #ffffffcc;--rds-button-secondary-border-active: var(--rds-color-turquoise-50);--rds-button-secondary-border-active-inverse: var(--rds-color-neutral-white);--rds-button-secondary-border-default: var(--rds-color-navy-70);--rds-button-secondary-border-default-inverse: var(--rds-color-neutral-white);--rds-button-secondary-border-hover: var(--rds-color-turquoise-70);--rds-button-secondary-border-hover-inverse: #ffffffcc;--rds-button-secondary-surface-active-inverse: #ffffff40;--rds-button-secondary-surface-hover-inverse: #ffffff1a;--rds-interactive-border-default: var(--rds-color-navy-30);--rds-interactive-border-state-active: var(--rds-color-turquoise-80);--rds-interactive-border-state-focus: var(--rds-color-turquoise-50);--rds-interactive-border-state-hover: var(--rds-color-navy-80);--rds-interactive-content-state-active: var(--rds-color-turquoise-50);--rds-interactive-content-state-hover: var(--rds-color-turquoise-70);--rds-interactive-surface-alternative: var(--rds-color-navy-05);--rds-interactive-surface-default: var(--rds-color-neutral-white);--rds-interactive-surface-state-active: var(--rds-color-navy-80);--rds-interactive-surface-state-hover: var(--rds-color-navy-0);--rds-color-interactive-content-hover: var(--rds-color-turquoise-70);--rds-color-interactive-content-active: var(--rds-color-turquoise-50);--rds-color-interactive-surface-default: var(--rds-color-neutral-white);--rds-color-interactive-surface-alternative: var(--rds-color-neutral-grey);--rds-color-interactive-surface-hover: var(--rds-color-navy-0);--rds-color-interactive-surface-active: var(--rds-color-navy-80);--rds-color-interactive-border-default: var(--rds-color-navy-30);--rds-color-interactive-border-hover: var(--rds-color-navy-80);--rds-color-interactive-border-active: var(--rds-color-navy-80);--rds-color-interactive-border-focus: var(--rds-color-turquoise-50)}:root{--bp-mobile: 719px;--bp-tablet: 720px;--bp-desktop: 1280px;--bp-ultrawide: 1600px}:root{--rds-spacing-layout-xxs: 4px;--rds-spacing-layout-xs: 8px;--rds-spacing-layout-s: 16px;--rds-spacing-layout-m: 24px;--rds-spacing-layout-l: 32px;--rds-spacing-layout-xl: 48px;--rds-spacing-layout-2xl: 64px;--rds-spacing-layout-3xl: 72px;--rds-spacing-layout-4xl: 80px;--rds-spacing-layout-5xl: 96px;--rds-spacing-layout-6xl: 112px;--rds-spacing-layout-7xl: 120px}:root{--rds-style-state-disabled: .3}:root{--g-padding-mobile: 16px;--g-padding-tablet: 24px;--g-padding-desktop: 32px;--g-padding-ultrawide: 32px}:root{--rds-radius-s: 8px;--rds-radius-m: 16px;--rds-radius-l: 40px;--rds-radius-round: 999px}:root{--f-base: 16;--f-light: 300;--rds-typography-w-regular: 400;--rds-typography-w-medium: 500;--rds-typography-w-semibold: 600;--rds-typography-w-bold: 700;--rds-typography-f-text: "SoleRepsolText";--rds-typography-f-headline: "SoleRepsolText"}@font-face{font-display:block;font-family:SoleRepsolText;font-style:normal;font-weight:400;src:url(./fonts/SoleRepsolText_W_Rg.woff) format("woff")}@font-face{font-display:block;font-family:rds-icon-font;src:url(./fonts/);src:url(./fonts/#iefix) format("embedded-opentype"),url(./fonts/icomoon.ttf?qsvs3r) format("truetype"),url(./fonts/icomoon.woff?qsvs3r) format("woff"),url(./fonts/icomoon.svg?qsvs3r#icomoon) format("svg")}[class^=rds-icon-],[class*=" rds-icon-"]{font-family:rds-icon-font,sans-serif!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;font-weight:400;line-height:1;speak:never;text-transform:none}.rds-icon{font-size:20px}.rds-icon--small{font-size:16px}.rds-icon-repsol_plus:before{content:""}.rds-icon-waylet:before{content:""}.rds-icon-tik_tok1:before{content:""}.rds-icon-instagram:before{content:""}.rds-icon-twitter:before{content:""}.rds-icon-linkedin:before{content:""}.rds-icon-whatsapp:before{content:""}.rds-icon-apple:before{content:""}.rds-icon-facebook:before{content:""}.rds-icon-info:before{content:""}.rds-icon-error:before{content:""}.rds-icon-arrow_left:before{content:""}.rds-icon-star_empty:before{content:""}.rds-icon-heart_empty:before{content:""}.rds-icon-like:before{content:""}.rds-icon-dislike:before{content:""}.rds-icon-check:before{content:""}.rds-icon-last:before{content:""}.rds-icon-add:before{content:""}.rds-icon-ac_aire_acondicionado:before{content:""}.rds-icon-add_file:before{content:""}.rds-icon-arrow_down:before{content:""}.rds-icon-arrow_next:before{content:""}.rds-icon-arrow_previous:before{content:""}.rds-icon-arrow_right:before{content:""}.rds-icon-arrow_up:before{content:""}.rds-icon-audible:before{content:""}.rds-icon-back:before{content:""}.rds-icon-bag:before{content:""}.rds-icon-boat:before{content:""}.rds-icon-bread:before{content:""}.rds-icon-bulb:before{content:""}.rds-icon-calendar:before{content:""}.rds-icon-call:before{content:""}.rds-icon-car:before{content:""}.rds-icon-cart:before{content:""}.rds-icon-cash_machine:before{content:""}.rds-icon-catering_01:before{content:""}.rds-icon-catering_02:before{content:""}.rds-icon-chart:before{content:""}.rds-icon-chat:before{content:""}.rds-icon-check_02:before{content:""}.rds-icon-cheese:before{content:""}.rds-icon-clock:before{content:""}.rds-icon-close:before{content:""}.rds-icon-comb:before{content:""}.rds-icon-contrast:before{content:""}.rds-icon-copy:before{content:""}.rds-icon-crop:before{content:""}.rds-icon-danger:before{content:""}.rds-icon-data:before{content:""}.rds-icon-decrease:before{content:""}.rds-icon-delete:before{content:""}.rds-icon-deporte:before{content:""}.rds-icon-display:before{content:""}.rds-icon-document_add:before{content:""}.rds-icon-document_basic:before{content:""}.rds-icon-document_card_pass:before{content:""}.rds-icon-document_request:before{content:""}.rds-icon-document_search:before{content:""}.rds-icon-download:before{content:""}.rds-icon-edit:before{content:""}.rds-icon-ees:before{content:""}.rds-icon-espectaculo:before{content:""}.rds-icon-exit_old:before{content:""}.rds-icon-external_link:before{content:""}.rds-icon-eye_close:before{content:""}.rds-icon-eye_open:before{content:""}.rds-icon-faq:before{content:""}.rds-icon-fiesta:before{content:""}.rds-icon-filter_default:before{content:""}.rds-icon-fingerprint:before{content:""}.rds-icon-gallery:before{content:""}.rds-icon-gas:before{content:""}.rds-icon-gasoline_02:before{content:""}.rds-icon-geolocation:before{content:""}.rds-icon-gift:before{content:""}.rds-icon-group-users:before{content:""}.rds-icon-history:before{content:""}.rds-icon-home:before{content:""}.rds-icon-huerto:before{content:""}.rds-icon-image:before{content:""}.rds-icon-label:before{content:""}.rds-icon-leisure:before{content:""}.rds-icon-less:before{content:""}.rds-icon-level-1:before{content:""}.rds-icon-level:before{content:""}.rds-icon-list:before{content:""}.rds-icon-load_progress:before{content:""}.rds-icon-loading:before{content:""}.rds-icon-localidad:before{content:""}.rds-icon-location_pin:before{content:""}.rds-icon-lock:before{content:""}.rds-icon-mail:before{content:""}.rds-icon-mantenimiento:before{content:""}.rds-icon-map:before{content:""}.rds-icon-meatball_menu:before{content:""}.rds-icon-menu_02:before{content:""}.rds-icon-mobile_01:before{content:""}.rds-icon-mobile_02:before{content:""}.rds-icon-monetary_dollar:before{content:""}.rds-icon-monetary_pound:before{content:""}.rds-icon-More:before{content:""}.rds-icon-notification_active:before{content:""}.rds-icon-notification_default:before{content:""}.rds-icon-options:before{content:""}.rds-icon-outlook .path1:before{color:#0a2767;content:""}.rds-icon-outlook .path2:before{color:#0364b8;content:"";margin-left:-1em}.rds-icon-outlook .path3:before{color:#0078d4;content:"";margin-left:-1em}.rds-icon-outlook .path4:before{color:#28a8ea;content:"";margin-left:-1em}.rds-icon-outlook .path5:before{color:#0078d4;content:"";margin-left:-1em}.rds-icon-outlook .path6:before{color:#0364b8;content:"";margin-left:-1em}.rds-icon-outlook .path7:before{color:#14447d;content:"";margin-left:-1em}.rds-icon-outlook .path8:before{color:#0078d4;content:"";margin-left:-1em}.rds-icon-outlook .path9:before{color:#000;content:"";margin-left:-1em}.rds-icon-outlook .path10:before{color:#0a2767;content:"";margin-left:-1em;opacity:.5}.rds-icon-outlook .path11:before{color:#1490df;content:"";margin-left:-1em}.rds-icon-outlook .path12:before{color:#000;content:"";margin-left:-1em;opacity:.1}.rds-icon-outlook .path13:before{color:#000;content:"";margin-left:-1em;opacity:.05}.rds-icon-outlook .path14:before{color:#28a8ea;content:"";margin-left:-1em}.rds-icon-outlook .path15:before{color:#000;content:"";margin-left:-1em;opacity:.1}.rds-icon-outlook .path16:before{color:#000;content:"";margin-left:-1em;opacity:.2}.rds-icon-outlook .path17:before{color:#000;content:"";margin-left:-1em;opacity:.2}.rds-icon-outlook .path18:before{color:#000;content:"";margin-left:-1em;opacity:.2}.rds-icon-outlook .path19:before{color:#1784d9;content:"";margin-left:-1em}.rds-icon-outlook .path20:before{color:#fff;content:"";margin-left:-1em}.rds-icon-outlook .path21:before{color:#50d9ff;content:"";margin-left:-1em}.rds-icon-participate:before{content:""}.rds-icon-pay_card:before{content:""}.rds-icon-pet:before{content:""}.rds-icon-phone:before{content:""}.rds-icon-power-old:before{content:""}.rds-icon-power_01:before{content:""}.rds-icon-power_02:before{content:""}.rds-icon-power_03:before{content:""}.rds-icon-print:before{content:""}.rds-icon-qr:before{content:""}.rds-icon-repeat:before{content:""}.rds-icon-replace_this_icon:before{content:""}.rds-icon-report_incidence:before{content:""}.rds-icon-reserve:before{content:""}.rds-icon-ruler:before{content:""}.rds-icon-save:before{content:""}.rds-icon-search:before{content:""}.rds-icon-security:before{content:""}.rds-icon-send:before{content:""}.rds-icon-setting:before{content:""}.rds-icon-share-old:before{content:""}.rds-icon-should-know:before{content:""}.rds-icon-ski:before{content:""}.rds-icon-storage:before{content:""}.rds-icon-time:before{content:""}.rds-icon-tool:before{content:""}.rds-icon-truck:before{content:""}.rds-icon-turned_in_not:before{content:""}.rds-icon-turned_in:before{content:""}.rds-icon-user-tools:before{content:""}.rds-icon-view:before{content:""}.rds-icon-volume-up:before{content:""}.rds-icon-volume:before{content:""}.rds-icon-tik_tok:before{content:""}html{font-family:SoleRepsolText;font-size:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}.rds-ld-caption-1{font:400 .875rem/1.125rem SoleRepsolText}.rds-ld-caption-02{font:400 .75rem/1.125rem SoleRepsolText}.rds-ld-caption-tag{font:400 .75rem/1rem SoleRepsolText;letter-spacing:.5px}.rds-ld-body-01{font:400 1rem/1.5rem SoleRepsolText}.rds-ld-body-02{font:400 .875rem/1.3125rem SoleRepsolText}.rds-ld-body-01-bold{font:500 1rem/1.5rem SoleRepsolText}.rds-ld-body-01-underline{font:400 1rem/1.3125rem SoleRepsolText;text-decoration:underline}.rds-ld-body-02-bold{font:500 .875rem/1.3125rem SoleRepsolText}.rds-ld-body-02-underline{font:400 .875rem/1.3125rem SoleRepsolText;text-decoration:underline}.rds-ld-button-01{font:400 1rem/1.5rem SoleRepsolText}.rds-ld-button-02{font:400 .875rem/1rem SoleRepsolText}.rds-ld-title-01{font:400 1.25rem/1.625rem SoleRepsolText}.rds-ld-title-02{font:400 1rem/1.3125rem SoleRepsolText}.rds-ld-headline-00{font:400 4rem/5rem SoleRepsolText}.rds-ld-headline-01{font:400 3.5rem/4.25rem SoleRepsolText}.rds-ld-headline-02{font:400 2.5rem/3.125rem SoleRepsolText}.rds-ld-headline-03{font:400 1.75rem/2.125rem SoleRepsolText}.rds-ld-numbers-00{font:400 7rem/8.5rem SoleRepsolText}.rds-ld-numbers-01{font:400 3rem/3.75rem SoleRepsolText}.rds-ld-numbers-02{font:400 2.5rem/3rem SoleRepsolText}.rds-ld-numbers-03{font:400 1.75rem/2.25rem SoleRepsolText}.rds-sd-caption-1{font:400 .875rem/1.125rem SoleRepsolText}.rds-sd-caption-02{font:400 .75rem/1.125rem SoleRepsolText}.rds-sd-caption-tag{font:400 .75rem/1rem SoleRepsolText;letter-spacing:.5px}.rds-sd-body-01{font:400 1rem/1.5rem SoleRepsolText}.rds-sd-body-02{font:400 .875rem/1.3125rem SoleRepsolText}.rds-sd-body-01-bold{font:500 1rem/1.5rem SoleRepsolText}.rds-sd-body-01-underline{font:400 1rem/1.3125rem SoleRepsolText;text-decoration:underline}.rds-sd-body-02-bold{font:500 .875rem/1.3125rem SoleRepsolText}.rds-sd-body-02-underline{font:400 .875rem/1.3125rem SoleRepsolText;text-decoration:underline}.rds-sd-button-01{font:400 1rem/1.5rem SoleRepsolText}.rds-sd-button-02{font:400 .875rem/1rem SoleRepsolText}.rds-sd-title-01{font:400 1.25rem/1.625rem SoleRepsolText}.rds-sd-title-02{font:400 1rem/1.3125rem SoleRepsolText}.rds-sd-headline-00{font:400 2.5rem/3rem SoleRepsolText}.rds-sd-headline-01{font:400 2.25rem/2.75rem SoleRepsolText}.rds-sd-headline-02{font:400 1.75rem/2.125rem SoleRepsolText}.rds-sd-headline-03{font:400 1.5rem/1.8125rem SoleRepsolText}.rds-sd-numbers-00{font:400 3.5rem/4.25rem SoleRepsolText}.rds-sd-numbers-01{font:400 2.25rem/2.75rem SoleRepsolText}.rds-sd-numbers-02{font:400 1.75rem/2.25rem SoleRepsolText}.rds-sd-numbers-03{font:400 1.5rem/2rem SoleRepsolText}.rds-caption-1{font:400 .875rem/1.125rem SoleRepsolText}.rds-caption-02{font:400 .75rem/1.125rem SoleRepsolText}.rds-caption-tag{font:400 .75rem/1rem SoleRepsolText;letter-spacing:.5px}.rds-body-01{font:400 1rem/1.5rem SoleRepsolText}.rds-body-02{font:400 .875rem/1.3125rem SoleRepsolText}.rds-body-01-bold{font:500 1rem/1.5rem SoleRepsolText}.rds-body-01-underline{font:400 1rem/1.3125rem SoleRepsolText;text-decoration:underline}.rds-body-02-bold{font:500 .875rem/1.3125rem SoleRepsolText}.rds-body-02-underline{font:400 .875rem/1.3125rem SoleRepsolText;text-decoration:underline}.rds-button-01{font:400 1rem/1.5rem SoleRepsolText}.rds-button-02{font:400 .875rem/1rem SoleRepsolText}.rds-title-01{font:400 1.25rem/1.625rem SoleRepsolText}@media (min-width: 720px){.rds-title-01{font:400 1.25rem/1.625rem SoleRepsolText}}@media (min-width: 1280px){.rds-title-01{font:400 1.25rem/1.625rem SoleRepsolText}}@media (min-width: 1600px){.rds-title-01{font:400 1.5rem/2rem SoleRepsolText}}.rds-title-02{font:400 1rem/1.3125rem SoleRepsolText}.rds-headline-00{font:400 2.5rem/3rem SoleRepsolText}@media (min-width: 720px){.rds-headline-00{font:400 3.5rem/4.25rem SoleRepsolText}}@media (min-width: 1280px){.rds-headline-00{font:400 4rem/5rem SoleRepsolText}}@media (min-width: 1600px){.rds-headline-00{font:400 4.5rem/5.75rem SoleRepsolText}}.rds-headline-01{font:400 2.25rem/2.75rem SoleRepsolText}@media (min-width: 720px){.rds-headline-01{font:400 2.5rem/3rem SoleRepsolText}}@media (min-width: 1280px){.rds-headline-01{font:400 3.5rem/4.25rem SoleRepsolText}}@media (min-width: 1600px){.rds-headline-01{font:400 4rem/5rem SoleRepsolText}}.rds-headline-02{font:400 1.75rem/2.125rem SoleRepsolText}@media (min-width: 720px){.rds-headline-02{font:400 2rem/2.375rem SoleRepsolText}}@media (min-width: 1280px){.rds-headline-02{font:400 2.5rem/3.125rem SoleRepsolText}}@media (min-width: 1600px){.rds-headline-02{font:400 3rem/3.625rem SoleRepsolText}}.rds-headline-03{font:400 1.5rem/1.8125rem SoleRepsolText}@media (min-width: 720px){.rds-headline-03{font:400 1.25rem/1.625rem SoleRepsolText}}@media (min-width: 1280px){.rds-headline-03{font:400 1.75rem/2.125rem SoleRepsolText}}@media (min-width: 1600px){.rds-headline-03{font:400 2.875rem/2.75rem SoleRepsolText}}.rds-numbers-00{font:400 3.5rem/4.25rem SoleRepsolText}@media (min-width: 720px){.rds-numbers-00{font:400 3.5rem/4.25rem SoleRepsolText}}@media (min-width: 1280px){.rds-numbers-00{font:400 7rem/8.5rem SoleRepsolText}}@media (min-width: 1600px){.rds-numbers-00{font:400 7rem/8.5rem SoleRepsolText}}.rds-numbers-01{font:400 2.25rem/2.75rem SoleRepsolText}@media (min-width: 720px){.rds-numbers-01{font:400 2.25rem/2.75rem SoleRepsolText}}@media (min-width: 1280px){.rds-numbers-01{font:400 3rem/3.75rem SoleRepsolText}}@media (min-width: 1600px){.rds-numbers-01{font:400 3rem/3.75rem SoleRepsolText}}.rds-numbers-02{font:400 1.75rem/2.25rem SoleRepsolText}@media (min-width: 720px){.rds-numbers-02{font:400 1.75rem/2.25rem SoleRepsolText}}@media (min-width: 1280px){.rds-numbers-02{font:400 2.5rem/3rem SoleRepsolText}}@media (min-width: 1600px){.rds-numbers-02{font:400 2.5rem/3rem SoleRepsolText}}.rds-numbers-03{font:400 1.5rem/2rem SoleRepsolText}@media (min-width: 720px){.rds-numbers-03{font:400 1.5rem/2rem SoleRepsolText}}@media (min-width: 1280px){.rds-numbers-03{font:400 1.75rem/2.25rem SoleRepsolText}}@media (min-width: 1600px){.rds-numbers-03{font:400 1.75rem/2.25rem SoleRepsolText}}.rds-ma-xxs{margin:4px}.rds-mt-xxs{margin-top:4px}.rds-mr-xxs{margin-right:4px}.rds-mb-xxs{margin-bottom:4px}.rds-ml-xxs{margin-left:4px}.rds-mx-xxs{margin-left:4px;margin-right:4px}.rds-my-xxs{margin-bottom:4px;margin-top:4px}.rds-pa-xxs{padding:4px}.rds-pt-xxs{padding-top:4px}.rds-pr-xxs{padding-right:4px}.rds-pb-xxs{padding-bottom:4px}.rds-pl-xxs{padding-left:4px}.rds-px-xxs{padding-left:4px;padding-right:4px}.rds-py-xxs{padding-bottom:4px;padding-top:4px}.rds-ma-xs{margin:8px}.rds-mt-xs{margin-top:8px}.rds-mr-xs{margin-right:8px}.rds-mb-xs{margin-bottom:8px}.rds-ml-xs{margin-left:8px}.rds-mx-xs{margin-left:8px;margin-right:8px}.rds-my-xs{margin-bottom:8px;margin-top:8px}.rds-pa-xs{padding:8px}.rds-pt-xs{padding-top:8px}.rds-pr-xs{padding-right:8px}.rds-pb-xs{padding-bottom:8px}.rds-pl-xs{padding-left:8px}.rds-px-xs{padding-left:8px;padding-right:8px}.rds-py-xs{padding-bottom:8px;padding-top:8px}.rds-ma-s{margin:16px}.rds-mt-s{margin-top:16px}.rds-mr-s{margin-right:16px}.rds-mb-s{margin-bottom:16px}.rds-ml-s{margin-left:16px}.rds-mx-s{margin-left:16px;margin-right:16px}.rds-my-s{margin-bottom:16px;margin-top:16px}.rds-pa-s{padding:16px}.rds-pt-s{padding-top:16px}.rds-pr-s{padding-right:16px}.rds-pb-s{padding-bottom:16px}.rds-pl-s{padding-left:16px}.rds-px-s{padding-left:16px;padding-right:16px}.rds-py-s{padding-bottom:16px;padding-top:16px}.rds-ma-m{margin:24px}.rds-mt-m{margin-top:24px}.rds-mr-m{margin-right:24px}.rds-mb-m{margin-bottom:24px}.rds-ml-m{margin-left:24px}.rds-mx-m{margin-left:24px;margin-right:24px}.rds-my-m{margin-bottom:24px;margin-top:24px}.rds-pa-m{padding:24px}.rds-pt-m{padding-top:24px}.rds-pr-m{padding-right:24px}.rds-pb-m{padding-bottom:24px}.rds-pl-m{padding-left:24px}.rds-px-m{padding-left:24px;padding-right:24px}.rds-py-m{padding-bottom:24px;padding-top:24px}.rds-ma-l{margin:32px}.rds-mt-l{margin-top:32px}.rds-mr-l{margin-right:32px}.rds-mb-l{margin-bottom:32px}.rds-ml-l{margin-left:32px}.rds-mx-l{margin-left:32px;margin-right:32px}.rds-my-l{margin-bottom:32px;margin-top:32px}.rds-pa-l{padding:32px}.rds-pt-l{padding-top:32px}.rds-pr-l{padding-right:32px}.rds-pb-l{padding-bottom:32px}.rds-pl-l{padding-left:32px}.rds-px-l{padding-left:32px;padding-right:32px}.rds-py-l{padding-bottom:32px;padding-top:32px}.rds-ma-xl{margin:48px}.rds-mt-xl{margin-top:48px}.rds-mr-xl{margin-right:48px}.rds-mb-xl{margin-bottom:48px}.rds-ml-xl{margin-left:48px}.rds-mx-xl{margin-left:48px;margin-right:48px}.rds-my-xl{margin-bottom:48px;margin-top:48px}.rds-pa-xl{padding:48px}.rds-pt-xl{padding-top:48px}.rds-pr-xl{padding-right:48px}.rds-pb-xl{padding-bottom:48px}.rds-pl-xl{padding-left:48px}.rds-px-xl{padding-left:48px;padding-right:48px}.rds-py-xl{padding-bottom:48px;padding-top:48px}.rds-ma-2xl{margin:64px}.rds-mt-2xl{margin-top:64px}.rds-mr-2xl{margin-right:64px}.rds-mb-2xl{margin-bottom:64px}.rds-ml-2xl{margin-left:64px}.rds-mx-2xl{margin-left:64px;margin-right:64px}.rds-my-2xl{margin-bottom:64px;margin-top:64px}.rds-pa-2xl{padding:64px}.rds-pt-2xl{padding-top:64px}.rds-pr-2xl{padding-right:64px}.rds-pb-2xl{padding-bottom:64px}.rds-pl-2xl{padding-left:64px}.rds-px-2xl{padding-left:64px;padding-right:64px}.rds-py-2xl{padding-bottom:64px;padding-top:64px}.rds-ma-3xl{margin:72px}.rds-mt-3xl{margin-top:72px}.rds-mr-3xl{margin-right:72px}.rds-mb-3xl{margin-bottom:72px}.rds-ml-3xl{margin-left:72px}.rds-mx-3xl{margin-left:72px;margin-right:72px}.rds-my-3xl{margin-bottom:72px;margin-top:72px}.rds-pa-3xl{padding:72px}.rds-pt-3xl{padding-top:72px}.rds-pr-3xl{padding-right:72px}.rds-pb-3xl{padding-bottom:72px}.rds-pl-3xl{padding-left:72px}.rds-px-3xl{padding-left:72px;padding-right:72px}.rds-py-3xl{padding-bottom:72px;padding-top:72px}.rds-ma-4xl{margin:80px}.rds-mt-4xl{margin-top:80px}.rds-mr-4xl{margin-right:80px}.rds-mb-4xl{margin-bottom:80px}.rds-ml-4xl{margin-left:80px}.rds-mx-4xl{margin-left:80px;margin-right:80px}.rds-my-4xl{margin-bottom:80px;margin-top:80px}.rds-pa-4xl{padding:80px}.rds-pt-4xl{padding-top:80px}.rds-pr-4xl{padding-right:80px}.rds-pb-4xl{padding-bottom:80px}.rds-pl-4xl{padding-left:80px}.rds-px-4xl{padding-left:80px;padding-right:80px}.rds-py-4xl{padding-bottom:80px;padding-top:80px}.rds-ma-5xl{margin:96px}.rds-mt-5xl{margin-top:96px}.rds-mr-5xl{margin-right:96px}.rds-mb-5xl{margin-bottom:96px}.rds-ml-5xl{margin-left:96px}.rds-mx-5xl{margin-left:96px;margin-right:96px}.rds-my-5xl{margin-bottom:96px;margin-top:96px}.rds-pa-5xl{padding:96px}.rds-pt-5xl{padding-top:96px}.rds-pr-5xl{padding-right:96px}.rds-pb-5xl{padding-bottom:96px}.rds-pl-5xl{padding-left:96px}.rds-px-5xl{padding-left:96px;padding-right:96px}.rds-py-5xl{padding-bottom:96px;padding-top:96px}.rds-ma-6xl{margin:112px}.rds-mt-6xl{margin-top:112px}.rds-mr-6xl{margin-right:112px}.rds-mb-6xl{margin-bottom:112px}.rds-ml-6xl{margin-left:112px}.rds-mx-6xl{margin-left:112px;margin-right:112px}.rds-my-6xl{margin-bottom:112px;margin-top:112px}.rds-pa-6xl{padding:112px}.rds-pt-6xl{padding-top:112px}.rds-pr-6xl{padding-right:112px}.rds-pb-6xl{padding-bottom:112px}.rds-pl-6xl{padding-left:112px}.rds-px-6xl{padding-left:112px;padding-right:112px}.rds-py-6xl{padding-bottom:112px;padding-top:112px}.rds-ma-7xl{margin:120px}.rds-mt-7xl{margin-top:120px}.rds-mr-7xl{margin-right:120px}.rds-mb-7xl{margin-bottom:120px}.rds-ml-7xl{margin-left:120px}.rds-mx-7xl{margin-left:120px;margin-right:120px}.rds-my-7xl{margin-bottom:120px;margin-top:120px}.rds-pa-7xl{padding:120px}.rds-pt-7xl{padding-top:120px}.rds-pr-7xl{padding-right:120px}.rds-pb-7xl{padding-bottom:120px}.rds-pl-7xl{padding-left:120px}.rds-px-7xl{padding-left:120px;padding-right:120px}.rds-py-7xl{padding-bottom:120px;padding-top:120px}.rds-style-state-disabled{opacity:.3}.rds-style-shadow-s{box-shadow:0 1px 6px #00132414}.rds-style-shadow-m{box-shadow:0 4px 16px #00132414}.rds-radius-s{border-radius:8px}.rds-radius-m{border-radius:16px}.rds-radius-l{border-radius:40px}.rds-radius-round{border-radius:999px}:root{--rds-color-navy-0: #f4f8fa;--rds-color-navy-05: #e6eef5;--rds-color-navy-10: #d4e1ed;--rds-color-navy-20: #b8ccdb;--rds-color-navy-30: #95b0c6;--rds-color-navy-40: #7997af;--rds-color-navy-50: #5d7d98;--rds-color-navy-60: #43637d;--rds-color-navy-70: #18354d;--rds-color-navy-80: #001e37;--rds-color-navy-900: #001324;--rds-color-orange-0: #fbf3ef;--rds-color-orange-05: #fae2d6;--rds-color-orange-10: #fbd0bb;--rds-color-orange-20: #f9b695;--rds-color-orange-30: #ffa376;--rds-color-orange-40: #ff945f;--rds-color-orange-50: #ff8346;--rds-color-orange-60: #ff7633;--rds-color-orange-70: #ff590a;--rds-color-orange-80: #bf4a13;--rds-color-orange-900: #80310d;--rds-color-turquoise-0: #f1fbfe;--rds-color-turquoise-05: #daf5fb;--rds-color-turquoise-10: #b1f1fb;--rds-color-turquoise-20: #8beaf9;--rds-color-turquoise-30: #5ae2f6;--rds-color-turquoise-40: #0ccfed;--rds-color-turquoise-50: #00badb;--rds-color-turquoise-60: #0092ae;--rds-color-turquoise-70: #007899;--rds-color-turquoise-80: #005870;--rds-color-turquoise-90: #004357;--rds-color-red-0: #fff5f6;--rds-color-red-05: #ffdbdf;--rds-color-red-10: #ffccd1;--rds-color-red-20: #ffb8bf;--rds-color-red-30: #ff99a3;--rds-color-red-40: #ff707e;--rds-color-red-50: #fa384a;--rds-color-red-60: #e71d30;--rds-color-red-70: #c20012;--rds-color-red-80: #94000e;--rds-color-red-900: #70000b;--rds-color-yellow-0: #fff8ed;--rds-color-yellow-05: #fff3e0;--rds-color-yellow-10: #ffebcc;--rds-color-yellow-20: #ffe1b2;--rds-color-yellow-30: #ffd593;--rds-color-yellow-40: #ffc466;--rds-color-yellow-50: #ffb033;--rds-color-yellow-60: #f59600;--rds-color-yellow-70: #db8600;--rds-color-yellow-80: #9d6000;--rds-color-yellow-90: #6c4200;--rds-color-green-0: #f7fdf8;--rds-color-green-05: #ebfaee;--rds-color-green-10: #d3f3db;--rds-color-green-20: #ace7ba;--rds-color-green-30: #85d598;--rds-color-green-40: #5ebf75;--rds-color-green-50: #33a34e;--rds-color-green-60: #29843f;--rds-color-green-70: #216932;--rds-color-green-80: #184e25;--rds-color-green-90: #11361a;--rds-color-neutral-black: #000000;--rds-color-neutral-grey: #f7f7f9;--rds-color-neutral-white: #ffffff;--rds-color-extended-dirt-0: #f5f3f0;--rds-color-extended-dirt-10: #e2dbd4;--rds-color-extended-dirt-20: #d0c4b9;--rds-color-extended-dirt-30: #bdac9d;--rds-color-extended-dirt-40: #ac9785;--rds-color-extended-dirt-50: #817164;--rds-color-extended-dirt-60: #564c43;--rds-color-extended-electric-yellow-40: #fbf351;--rds-color-extended-grey-0: #f8f8f8;--rds-color-extended-grey-10: #ebebeb;--rds-color-extended-grey-20: #dfdfdf;--rds-color-extended-grey-30: #d2d2d2;--rds-color-extended-grey-40: #c1c6c9;--rds-color-extended-grey-50: #717b84;--rds-color-extended-grey-60: #3a444c;--rds-color-extended-rosewood-20: #fcf3f8;--rds-color-extended-rosewood-40: #f1c1da;--rds-color-extended-violet-40: #805b9f;--rds-color-gradient-blue-stop000: #00bed4;--rds-color-gradient-blue-stop023: #057796e8;--rds-color-gradient-blue-stop041: #005c7a;--rds-color-gradient-blue-stop100: #001e37;--rds-color-gradient-ivory-base: #fbf3ef;--rds-color-gradient-ivory-fucsia-stop000: #f63d7800;--rds-color-gradient-ivory-fucsia-stop100: #f63d78;--rds-color-gradient-ivory-orange-stop000: #ff990300;--rds-color-gradient-ivory-orange-stop1000: #ff9903;--rds-color-gradient-ivory-red-stop000: #f50d3600;--rds-color-gradient-ivory-red-stop100: #f50d36;--rds-color-gradient-ivory-yellow-stop000: #ffc70000;--rds-color-gradient-ivory-yellow-stop100: #ffc700;--rds-color-gradient-orange-stop000: #ff9c00;--rds-color-gradient-orange-stop029: #ff590a;--rds-color-gradient-orange-stop067: #ff2a3f;--rds-color-gradient-orange-stop100: #e50052}:root{--rds-overlay-backdrop-filter: blur(80px);--rds-glass-backdrop-filter: blur(48px);--rds-glass-box-shadow: 0 4px 16px 0 rgba($rds-color-neutral-black, .1)}.rds-style-effect-overlay{-webkit-backdrop-filter:blur(80px);backdrop-filter:blur(80px);background-color:#001e3766}.rds-style-effect-glass{-webkit-backdrop-filter:blur(48px);backdrop-filter:blur(48px);box-shadow:0 4px 16px #0000001a}.rds-layout-max{padding:0 16px}@media (min-width: 720px){.rds-layout-max{padding:0 24px}}@media (min-width: 1280px){.rds-layout-max{padding:0 32px}}@media (min-width: 1600px){.rds-layout-max{margin:0 auto;max-width:1600px;padding:0 32px}}.rds-grid{display:grid;margin-left:auto;margin-right:auto;width:100%}@media (max-width: 719px){.rds-grid{gap:16px;grid-template-columns:repeat(4,1fr)}}@media (min-width: 720px){.rds-grid{gap:16px;grid-template-columns:repeat(8,1fr)}}@media (min-width: 1280px){.rds-grid{gap:24px;grid-template-columns:repeat(12,1fr)}}@media (max-width: 719px){.rds-col-sd-1{grid-column:span 1}.rds-col-sd-2{grid-column:span 2}.rds-col-sd-3{grid-column:span 3}.rds-col-sd-4{grid-column:span 4}}@media (min-width: 720px){.rds-col-md-1{grid-column:span 1}.rds-col-md-2{grid-column:span 2}.rds-col-md-3{grid-column:span 3}.rds-col-md-4{grid-column:span 4}.rds-col-md-5{grid-column:span 5}.rds-col-md-6{grid-column:span 6}.rds-col-md-7{grid-column:span 7}.rds-col-md-8{grid-column:span 8}}@media (min-width: 1280px){.rds-col-ld-1{grid-column:span 1}.rds-col-ld-2{grid-column:span 2}.rds-col-ld-3{grid-column:span 3}.rds-col-ld-4{grid-column:span 4}.rds-col-ld-5{grid-column:span 5}.rds-col-ld-6{grid-column:span 6}.rds-col-ld-7{grid-column:span 7}.rds-col-ld-8{grid-column:span 8}.rds-col-ld-9{grid-column:span 9}.rds-col-ld-10{grid-column:span 10}.rds-col-ld-11{grid-column:span 11}.rds-col-ld-12{grid-column:span 12}}@media (max-width: 719px){.rds-col-1{grid-column:span 1}}@media (max-width: 719px){.rds-col-2{grid-column:span 2}}@media (max-width: 719px){.rds-col-3{grid-column:span 3}}@media (max-width: 719px){.rds-col-4{grid-column:span 4}}@media (min-width: 720px){.rds-col-1{grid-column:span 1}}@media (min-width: 720px){.rds-col-2{grid-column:span 2}}@media (min-width: 720px){.rds-col-3{grid-column:span 3}}@media (min-width: 720px){.rds-col-4{grid-column:span 4}}@media (min-width: 720px){.rds-col-5{grid-column:span 5}}@media (min-width: 720px){.rds-col-6{grid-column:span 6}}@media (min-width: 720px){.rds-col-7{grid-column:span 7}}@media (min-width: 720px){.rds-col-8{grid-column:span 8}}@media (min-width: 1280px){.rds-col-1{grid-column:span 1}}@media (min-width: 1280px){.rds-col-2{grid-column:span 2}}@media (min-width: 1280px){.rds-col-3{grid-column:span 3}}@media (min-width: 1280px){.rds-col-4{grid-column:span 4}}@media (min-width: 1280px){.rds-col-5{grid-column:span 5}}@media (min-width: 1280px){.rds-col-6{grid-column:span 6}}@media (min-width: 1280px){.rds-col-7{grid-column:span 7}}@media (min-width: 1280px){.rds-col-8{grid-column:span 8}}@media (min-width: 1280px){.rds-col-9{grid-column:span 9}}@media (min-width: 1280px){.rds-col-10{grid-column:span 10}}@media (min-width: 1280px){.rds-col-11{grid-column:span 11}}@media (min-width: 1280px){.rds-col-12{grid-column:span 12}}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
// Border
|
|
2
|
+
|
|
3
|
+
$rds-radius-s: 8px;
|
|
4
|
+
$rds-radius-m: 16px;
|
|
5
|
+
$rds-radius-l: 40px;
|
|
6
|
+
$rds-radius-round: 999px;
|
|
7
|
+
|
|
8
|
+
/* AUTOGENERATED COMMENT - BUILD PURPOSE - START */
|
|
9
|
+
:root {
|
|
10
|
+
--rds-radius-s: 8px;
|
|
11
|
+
--rds-radius-m: 16px;
|
|
12
|
+
--rds-radius-l: 40px;
|
|
13
|
+
--rds-radius-round: 999px;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
/* AUTOGENERATED COMMENT - BUILD PURPOSE - END */
|
|
@@ -0,0 +1,227 @@
|
|
|
1
|
+
// --------------------
|
|
2
|
+
// # COLOR SYSTEM
|
|
3
|
+
// --------------------
|
|
4
|
+
|
|
5
|
+
// Primary
|
|
6
|
+
$rds-color-navy-0: #f4f8fa;
|
|
7
|
+
$rds-color-navy-05: #e6eef5;
|
|
8
|
+
$rds-color-navy-10: #d4e1ed;
|
|
9
|
+
$rds-color-navy-20: #b8ccdb;
|
|
10
|
+
$rds-color-navy-30: #95b0c6;
|
|
11
|
+
$rds-color-navy-40: #7997af;
|
|
12
|
+
$rds-color-navy-50: #5d7d98;
|
|
13
|
+
$rds-color-navy-60: #43637d;
|
|
14
|
+
$rds-color-navy-70: #18354d;
|
|
15
|
+
$rds-color-navy-80: #001e37;
|
|
16
|
+
$rds-color-navy-900: #001324;
|
|
17
|
+
|
|
18
|
+
// Secondary
|
|
19
|
+
$rds-color-orange-0: #fbf3ef;
|
|
20
|
+
$rds-color-orange-05: #fae2d6;
|
|
21
|
+
$rds-color-orange-10: #fbd0bb;
|
|
22
|
+
$rds-color-orange-20: #f9b695;
|
|
23
|
+
$rds-color-orange-30: #ffa376;
|
|
24
|
+
$rds-color-orange-40: #ff945f;
|
|
25
|
+
$rds-color-orange-50: #ff8346;
|
|
26
|
+
$rds-color-orange-60: #ff7633;
|
|
27
|
+
$rds-color-orange-70: #ff590a;
|
|
28
|
+
$rds-color-orange-80: #bf4a13;
|
|
29
|
+
$rds-color-orange-900: #80310d;
|
|
30
|
+
$rds-color-turquoise-0: #f1fbfe;
|
|
31
|
+
$rds-color-turquoise-05: #daf5fb;
|
|
32
|
+
$rds-color-turquoise-10: #b1f1fb;
|
|
33
|
+
$rds-color-turquoise-20: #8beaf9;
|
|
34
|
+
$rds-color-turquoise-30: #5ae2f6;
|
|
35
|
+
$rds-color-turquoise-40: #0ccfed;
|
|
36
|
+
$rds-color-turquoise-50: #00badb;
|
|
37
|
+
$rds-color-turquoise-60: #0092ae;
|
|
38
|
+
$rds-color-turquoise-70: #007899;
|
|
39
|
+
$rds-color-turquoise-80: #005870;
|
|
40
|
+
$rds-color-turquoise-90: #004357;
|
|
41
|
+
|
|
42
|
+
// Tertiary
|
|
43
|
+
$rds-color-red-0: #fff5f6;
|
|
44
|
+
$rds-color-red-05: #ffdbdf;
|
|
45
|
+
$rds-color-red-10: #ffccd1;
|
|
46
|
+
$rds-color-red-20: #ffb8bf;
|
|
47
|
+
$rds-color-red-30: #ff99a3;
|
|
48
|
+
$rds-color-red-40: #ff707e;
|
|
49
|
+
$rds-color-red-50: #fa384a;
|
|
50
|
+
$rds-color-red-60: #e71d30;
|
|
51
|
+
$rds-color-red-70: #c20012;
|
|
52
|
+
$rds-color-red-80: #94000e;
|
|
53
|
+
$rds-color-red-900: #70000b;
|
|
54
|
+
$rds-color-yellow-0: #fff8ed;
|
|
55
|
+
$rds-color-yellow-05: #fff3e0;
|
|
56
|
+
$rds-color-yellow-10: #ffebcc;
|
|
57
|
+
$rds-color-yellow-20: #ffe1b2;
|
|
58
|
+
$rds-color-yellow-30: #ffd593;
|
|
59
|
+
$rds-color-yellow-40: #ffc466;
|
|
60
|
+
$rds-color-yellow-50: #ffb033;
|
|
61
|
+
$rds-color-yellow-60: #f59600;
|
|
62
|
+
$rds-color-yellow-70: #db8600;
|
|
63
|
+
$rds-color-yellow-80: #9d6000;
|
|
64
|
+
$rds-color-yellow-90: #6c4200;
|
|
65
|
+
$rds-color-green-0: #f7fdf8;
|
|
66
|
+
$rds-color-green-05: #ebfaee;
|
|
67
|
+
$rds-color-green-10: #d3f3db;
|
|
68
|
+
$rds-color-green-20: #ace7ba;
|
|
69
|
+
$rds-color-green-30: #85d598;
|
|
70
|
+
$rds-color-green-40: #5ebf75;
|
|
71
|
+
$rds-color-green-50: #33a34e;
|
|
72
|
+
$rds-color-green-60: #29843f;
|
|
73
|
+
$rds-color-green-70: #216932;
|
|
74
|
+
$rds-color-green-80: #184e25;
|
|
75
|
+
$rds-color-green-90: #11361a;
|
|
76
|
+
|
|
77
|
+
// Neutral
|
|
78
|
+
$rds-color-neutral-black: #000000;
|
|
79
|
+
$rds-color-neutral-grey: #f7f7f9;
|
|
80
|
+
$rds-color-neutral-white: #ffffff;
|
|
81
|
+
|
|
82
|
+
// Extended
|
|
83
|
+
$rds-color-extended-dirt-0: #f5f3f0;
|
|
84
|
+
$rds-color-extended-dirt-10: #e2dbd4;
|
|
85
|
+
$rds-color-extended-dirt-20: #d0c4b9;
|
|
86
|
+
$rds-color-extended-dirt-30: #bdac9d;
|
|
87
|
+
$rds-color-extended-dirt-40: #ac9785;
|
|
88
|
+
$rds-color-extended-dirt-50: #817164;
|
|
89
|
+
$rds-color-extended-dirt-60: #564c43;
|
|
90
|
+
$rds-color-extended-electric-yellow-40: #fbf351;
|
|
91
|
+
$rds-color-extended-grey-0: #f8f8f8;
|
|
92
|
+
$rds-color-extended-grey-10: #ebebeb;
|
|
93
|
+
$rds-color-extended-grey-20: #dfdfdf;
|
|
94
|
+
$rds-color-extended-grey-30: #d2d2d2;
|
|
95
|
+
$rds-color-extended-grey-40: #c1c6c9;
|
|
96
|
+
$rds-color-extended-grey-50: #717b84;
|
|
97
|
+
$rds-color-extended-grey-60: #3a444c;
|
|
98
|
+
$rds-color-extended-rosewood-20: #fcf3f8;
|
|
99
|
+
$rds-color-extended-rosewood-40: #f1c1da;
|
|
100
|
+
$rds-color-extended-violet-40: #805b9f;
|
|
101
|
+
$rds-color-gradient-blue-stop000: #00bed4;
|
|
102
|
+
$rds-color-gradient-blue-stop023: #057796e8;
|
|
103
|
+
$rds-color-gradient-blue-stop041: #005c7a;
|
|
104
|
+
$rds-color-gradient-blue-stop100: #001e37;
|
|
105
|
+
$rds-color-gradient-ivory-base: #fbf3ef;
|
|
106
|
+
$rds-color-gradient-ivory-fucsia-stop000: #f63d7800;
|
|
107
|
+
$rds-color-gradient-ivory-fucsia-stop100: #f63d78;
|
|
108
|
+
$rds-color-gradient-ivory-orange-stop000: #ff990300;
|
|
109
|
+
$rds-color-gradient-ivory-orange-stop1000: #ff9903;
|
|
110
|
+
$rds-color-gradient-ivory-red-stop000: #f50d3600;
|
|
111
|
+
$rds-color-gradient-ivory-red-stop100: #f50d36;
|
|
112
|
+
$rds-color-gradient-ivory-yellow-stop000: #ffc70000;
|
|
113
|
+
$rds-color-gradient-ivory-yellow-stop100: #ffc700;
|
|
114
|
+
$rds-color-gradient-orange-stop000: #ff9c00;
|
|
115
|
+
$rds-color-gradient-orange-stop029: #ff590a;
|
|
116
|
+
$rds-color-gradient-orange-stop067: #ff2a3f;
|
|
117
|
+
$rds-color-gradient-orange-stop100: #e50052;
|
|
118
|
+
|
|
119
|
+
/* AUTOGENERATED COMMENT - BUILD PURPOSE - START */
|
|
120
|
+
:root {
|
|
121
|
+
--rds-color-navy-0: #f4f8fa;
|
|
122
|
+
--rds-color-navy-05: #e6eef5;
|
|
123
|
+
--rds-color-navy-10: #d4e1ed;
|
|
124
|
+
--rds-color-navy-20: #b8ccdb;
|
|
125
|
+
--rds-color-navy-30: #95b0c6;
|
|
126
|
+
--rds-color-navy-40: #7997af;
|
|
127
|
+
--rds-color-navy-50: #5d7d98;
|
|
128
|
+
--rds-color-navy-60: #43637d;
|
|
129
|
+
--rds-color-navy-70: #18354d;
|
|
130
|
+
--rds-color-navy-80: #001e37;
|
|
131
|
+
--rds-color-navy-900: #001324;
|
|
132
|
+
--rds-color-orange-0: #fbf3ef;
|
|
133
|
+
--rds-color-orange-05: #fae2d6;
|
|
134
|
+
--rds-color-orange-10: #fbd0bb;
|
|
135
|
+
--rds-color-orange-20: #f9b695;
|
|
136
|
+
--rds-color-orange-30: #ffa376;
|
|
137
|
+
--rds-color-orange-40: #ff945f;
|
|
138
|
+
--rds-color-orange-50: #ff8346;
|
|
139
|
+
--rds-color-orange-60: #ff7633;
|
|
140
|
+
--rds-color-orange-70: #ff590a;
|
|
141
|
+
--rds-color-orange-80: #bf4a13;
|
|
142
|
+
--rds-color-orange-900: #80310d;
|
|
143
|
+
--rds-color-turquoise-0: #f1fbfe;
|
|
144
|
+
--rds-color-turquoise-05: #daf5fb;
|
|
145
|
+
--rds-color-turquoise-10: #b1f1fb;
|
|
146
|
+
--rds-color-turquoise-20: #8beaf9;
|
|
147
|
+
--rds-color-turquoise-30: #5ae2f6;
|
|
148
|
+
--rds-color-turquoise-40: #0ccfed;
|
|
149
|
+
--rds-color-turquoise-50: #00badb;
|
|
150
|
+
--rds-color-turquoise-60: #0092ae;
|
|
151
|
+
--rds-color-turquoise-70: #007899;
|
|
152
|
+
--rds-color-turquoise-80: #005870;
|
|
153
|
+
--rds-color-turquoise-90: #004357;
|
|
154
|
+
--rds-color-red-0: #fff5f6;
|
|
155
|
+
--rds-color-red-05: #ffdbdf;
|
|
156
|
+
--rds-color-red-10: #ffccd1;
|
|
157
|
+
--rds-color-red-20: #ffb8bf;
|
|
158
|
+
--rds-color-red-30: #ff99a3;
|
|
159
|
+
--rds-color-red-40: #ff707e;
|
|
160
|
+
--rds-color-red-50: #fa384a;
|
|
161
|
+
--rds-color-red-60: #e71d30;
|
|
162
|
+
--rds-color-red-70: #c20012;
|
|
163
|
+
--rds-color-red-80: #94000e;
|
|
164
|
+
--rds-color-red-900: #70000b;
|
|
165
|
+
--rds-color-yellow-0: #fff8ed;
|
|
166
|
+
--rds-color-yellow-05: #fff3e0;
|
|
167
|
+
--rds-color-yellow-10: #ffebcc;
|
|
168
|
+
--rds-color-yellow-20: #ffe1b2;
|
|
169
|
+
--rds-color-yellow-30: #ffd593;
|
|
170
|
+
--rds-color-yellow-40: #ffc466;
|
|
171
|
+
--rds-color-yellow-50: #ffb033;
|
|
172
|
+
--rds-color-yellow-60: #f59600;
|
|
173
|
+
--rds-color-yellow-70: #db8600;
|
|
174
|
+
--rds-color-yellow-80: #9d6000;
|
|
175
|
+
--rds-color-yellow-90: #6c4200;
|
|
176
|
+
--rds-color-green-0: #f7fdf8;
|
|
177
|
+
--rds-color-green-05: #ebfaee;
|
|
178
|
+
--rds-color-green-10: #d3f3db;
|
|
179
|
+
--rds-color-green-20: #ace7ba;
|
|
180
|
+
--rds-color-green-30: #85d598;
|
|
181
|
+
--rds-color-green-40: #5ebf75;
|
|
182
|
+
--rds-color-green-50: #33a34e;
|
|
183
|
+
--rds-color-green-60: #29843f;
|
|
184
|
+
--rds-color-green-70: #216932;
|
|
185
|
+
--rds-color-green-80: #184e25;
|
|
186
|
+
--rds-color-green-90: #11361a;
|
|
187
|
+
--rds-color-neutral-black: #000000;
|
|
188
|
+
--rds-color-neutral-grey: #f7f7f9;
|
|
189
|
+
--rds-color-neutral-white: #ffffff;
|
|
190
|
+
--rds-color-extended-dirt-0: #f5f3f0;
|
|
191
|
+
--rds-color-extended-dirt-10: #e2dbd4;
|
|
192
|
+
--rds-color-extended-dirt-20: #d0c4b9;
|
|
193
|
+
--rds-color-extended-dirt-30: #bdac9d;
|
|
194
|
+
--rds-color-extended-dirt-40: #ac9785;
|
|
195
|
+
--rds-color-extended-dirt-50: #817164;
|
|
196
|
+
--rds-color-extended-dirt-60: #564c43;
|
|
197
|
+
--rds-color-extended-electric-yellow-40: #fbf351;
|
|
198
|
+
--rds-color-extended-grey-0: #f8f8f8;
|
|
199
|
+
--rds-color-extended-grey-10: #ebebeb;
|
|
200
|
+
--rds-color-extended-grey-20: #dfdfdf;
|
|
201
|
+
--rds-color-extended-grey-30: #d2d2d2;
|
|
202
|
+
--rds-color-extended-grey-40: #c1c6c9;
|
|
203
|
+
--rds-color-extended-grey-50: #717b84;
|
|
204
|
+
--rds-color-extended-grey-60: #3a444c;
|
|
205
|
+
--rds-color-extended-rosewood-20: #fcf3f8;
|
|
206
|
+
--rds-color-extended-rosewood-40: #f1c1da;
|
|
207
|
+
--rds-color-extended-violet-40: #805b9f;
|
|
208
|
+
--rds-color-gradient-blue-stop000: #00bed4;
|
|
209
|
+
--rds-color-gradient-blue-stop023: #057796e8;
|
|
210
|
+
--rds-color-gradient-blue-stop041: #005c7a;
|
|
211
|
+
--rds-color-gradient-blue-stop100: #001e37;
|
|
212
|
+
--rds-color-gradient-ivory-base: #fbf3ef;
|
|
213
|
+
--rds-color-gradient-ivory-fucsia-stop000: #f63d7800;
|
|
214
|
+
--rds-color-gradient-ivory-fucsia-stop100: #f63d78;
|
|
215
|
+
--rds-color-gradient-ivory-orange-stop000: #ff990300;
|
|
216
|
+
--rds-color-gradient-ivory-orange-stop1000: #ff9903;
|
|
217
|
+
--rds-color-gradient-ivory-red-stop000: #f50d3600;
|
|
218
|
+
--rds-color-gradient-ivory-red-stop100: #f50d36;
|
|
219
|
+
--rds-color-gradient-ivory-yellow-stop000: #ffc70000;
|
|
220
|
+
--rds-color-gradient-ivory-yellow-stop100: #ffc700;
|
|
221
|
+
--rds-color-gradient-orange-stop000: #ff9c00;
|
|
222
|
+
--rds-color-gradient-orange-stop029: #ff590a;
|
|
223
|
+
--rds-color-gradient-orange-stop067: #ff2a3f;
|
|
224
|
+
--rds-color-gradient-orange-stop100: #e50052;
|
|
225
|
+
}
|
|
226
|
+
|
|
227
|
+
/* AUTOGENERATED COMMENT - BUILD PURPOSE - END */
|
|
@@ -0,0 +1,207 @@
|
|
|
1
|
+
@import 'color-system';
|
|
2
|
+
|
|
3
|
+
// --------------------
|
|
4
|
+
// # COLOR TOKENS
|
|
5
|
+
// --------------------
|
|
6
|
+
|
|
7
|
+
/// #Content
|
|
8
|
+
// Content
|
|
9
|
+
$rds-content-high: $rds-color-navy-80;
|
|
10
|
+
$rds-content-medium: $rds-color-navy-60;
|
|
11
|
+
$rds-content-high-inverse: $rds-color-neutral-white;
|
|
12
|
+
$rds-content-medium-inverse: #ffffffb2;
|
|
13
|
+
$rds-link-content-default: $rds-color-turquoise-70;
|
|
14
|
+
$rds-link-content-inverse: $rds-color-neutral-white;
|
|
15
|
+
$rds-link-content-state-active: $rds-color-turquoise-30;
|
|
16
|
+
$rds-link-content-state-active-inverse: $rds-color-neutral-white;
|
|
17
|
+
$rds-link-content-state-hover: $rds-color-turquoise-50;
|
|
18
|
+
$rds-link-content-state-hover-inverse: #ffffffcc;
|
|
19
|
+
|
|
20
|
+
// Content State
|
|
21
|
+
$rds-content-state-disabled: #001e374d;
|
|
22
|
+
$rds-content-state-disabled-inverse: #ffffff80;
|
|
23
|
+
|
|
24
|
+
//Numbers
|
|
25
|
+
|
|
26
|
+
/// #Background
|
|
27
|
+
$rds-background-default: $rds-color-neutral-white;
|
|
28
|
+
$rds-background-alternative: $rds-color-neutral-grey;
|
|
29
|
+
|
|
30
|
+
/// #Surfaces
|
|
31
|
+
// Surface
|
|
32
|
+
$rds-surface-white: $rds-color-neutral-white;
|
|
33
|
+
$rds-surface-grey: $rds-color-neutral-grey;
|
|
34
|
+
$rds-surface-navy: $rds-color-navy-80;
|
|
35
|
+
$rds-surface-sand: $rds-color-orange-0;
|
|
36
|
+
|
|
37
|
+
// Highlighted surfaces
|
|
38
|
+
$rds-highlightedSurface-ivoryGradient:
|
|
39
|
+
linear-gradient(0deg, #FBF3EF, #FBF3EF),
|
|
40
|
+
radial-gradient(72.02% 87% at -30.72% 124.82%, rgba(246, 61, 120, 0.16) 0%, rgba(246, 61, 120, 0) 100%),
|
|
41
|
+
radial-gradient(50.12% 73.11% at 0% 0%, rgba(255, 199, 0, 0.08) 0%, rgba(255, 199, 0, 0) 100%),
|
|
42
|
+
radial-gradient(100.59% 146.79% at 134.93% -38.77%, rgba(245, 13, 54, 0.16) 0%, rgba(245, 13, 54, 0) 100%),
|
|
43
|
+
radial-gradient(54.5% 79.54% at 104.6% 106.5%, rgba(255, 153, 3, 0.16) 0%, rgba(255, 153, 3, 0) 100%);
|
|
44
|
+
$rds-highlightedSurface-orangeGradient: linear-gradient(137.24deg, #FF9C00 -6.64%, #FF590A 24.3%, #FF2A3F 65.21%, #E50052 99.99%);
|
|
45
|
+
$rds-highlightedSurface-blueGradient: radial-gradient(117.28% 100.09% at 3.87% 0%, #00BED4 0%, rgba(5, 119, 150, 0.91) 23.06%, #005C7A 40.93%, #001E37 100%);
|
|
46
|
+
|
|
47
|
+
// Borders
|
|
48
|
+
$rds-border-high: $rds-color-navy-30;
|
|
49
|
+
$rds-border-low: $rds-color-navy-05;
|
|
50
|
+
$rds-border-high-inverse: #ffffff80;
|
|
51
|
+
$rds-border-low-inverse: #ffffff40;
|
|
52
|
+
|
|
53
|
+
// Highlighted border
|
|
54
|
+
$rds-highlightedBorder-orangeGradient: linear-gradient(137.24deg, #FF9C00 -6.64%, #FF590A 24.3%, #FF2A3F 65.21%, #E50052 99.99%);
|
|
55
|
+
|
|
56
|
+
/// #Semantic
|
|
57
|
+
// Semantic content
|
|
58
|
+
$rds-semantic-content-error: $rds-color-red-60;
|
|
59
|
+
$rds-semantic-content-information: $rds-color-turquoise-50;
|
|
60
|
+
$rds-semantic-content-success: $rds-color-green-50;
|
|
61
|
+
$rds-semantic-content-warning: $rds-color-yellow-60;
|
|
62
|
+
|
|
63
|
+
// Semantic Surface
|
|
64
|
+
$rds-semantic-background-success: $rds-color-green-10;
|
|
65
|
+
$rds-semantic-background-error: $rds-color-red-05;
|
|
66
|
+
$rds-semantic-background-information: $rds-color-turquoise-05;
|
|
67
|
+
$rds-semantic-background-warning: $rds-color-yellow-10;
|
|
68
|
+
|
|
69
|
+
/// #Extended
|
|
70
|
+
// Extended content
|
|
71
|
+
$rds-extended-content-promo: $rds-color-red-50;
|
|
72
|
+
|
|
73
|
+
// Extended surface
|
|
74
|
+
$rds-extended-surface-promo: $rds-color-red-50;
|
|
75
|
+
|
|
76
|
+
/// #Elevation
|
|
77
|
+
$rds-styles-elevation-glass-base: #ffffff99;
|
|
78
|
+
$rds-styles-elevation-overlay: #001e3766;
|
|
79
|
+
|
|
80
|
+
/// #Components
|
|
81
|
+
$rds-button-primary-surface-active: $rds-color-turquoise-50;
|
|
82
|
+
$rds-button-primary-surface-active-inverse: $rds-color-neutral-white;
|
|
83
|
+
$rds-button-primary-surface-default: $rds-color-navy-80;
|
|
84
|
+
$rds-button-primary-surface-default-inverse: $rds-color-neutral-white;
|
|
85
|
+
$rds-button-primary-surface-hover: $rds-color-turquoise-70;
|
|
86
|
+
$rds-button-primary-surface-hover-inverse: #ffffffcc;
|
|
87
|
+
$rds-button-secondary-border-active: $rds-color-turquoise-50;
|
|
88
|
+
$rds-button-secondary-border-active-inverse: $rds-color-neutral-white;
|
|
89
|
+
$rds-button-secondary-border-default: $rds-color-navy-70;
|
|
90
|
+
$rds-button-secondary-border-default-inverse: $rds-color-neutral-white;
|
|
91
|
+
$rds-button-secondary-border-hover: $rds-color-turquoise-70;
|
|
92
|
+
$rds-button-secondary-border-hover-inverse: #ffffffcc;
|
|
93
|
+
$rds-button-secondary-surface-active-inverse: #ffffff40;
|
|
94
|
+
$rds-button-secondary-surface-hover-inverse: #ffffff1a;
|
|
95
|
+
$rds-interactive-border-default: $rds-color-navy-30;
|
|
96
|
+
$rds-interactive-border-state-active: $rds-color-turquoise-80;
|
|
97
|
+
$rds-interactive-border-state-focus: $rds-color-turquoise-50;
|
|
98
|
+
$rds-interactive-border-state-hover: $rds-color-navy-80;
|
|
99
|
+
$rds-interactive-content-state-active: $rds-color-turquoise-50;
|
|
100
|
+
$rds-interactive-content-state-hover: $rds-color-turquoise-70;
|
|
101
|
+
$rds-interactive-surface-alternative: $rds-color-navy-05;
|
|
102
|
+
$rds-interactive-surface-default: $rds-color-neutral-white;
|
|
103
|
+
$rds-interactive-surface-state-active: $rds-color-navy-80;
|
|
104
|
+
$rds-interactive-surface-state-hover: $rds-color-navy-0;
|
|
105
|
+
|
|
106
|
+
// #Component Colors
|
|
107
|
+
// Content State
|
|
108
|
+
$rds-color-interactive-content-hover: $rds-color-turquoise-70;
|
|
109
|
+
$rds-color-interactive-content-active: $rds-color-turquoise-50;
|
|
110
|
+
|
|
111
|
+
// Interactica Surfaces
|
|
112
|
+
$rds-color-interactive-surface-default: $rds-color-neutral-white;
|
|
113
|
+
$rds-color-interactive-surface-alternative: $rds-color-neutral-grey;
|
|
114
|
+
|
|
115
|
+
// Surface states
|
|
116
|
+
$rds-color-interactive-surface-hover: $rds-color-navy-0;
|
|
117
|
+
$rds-color-interactive-surface-active: $rds-color-navy-80;
|
|
118
|
+
|
|
119
|
+
// Interactive Borders
|
|
120
|
+
$rds-color-interactive-border-default: $rds-color-navy-30;
|
|
121
|
+
|
|
122
|
+
// Border States
|
|
123
|
+
$rds-color-interactive-border-hover: $rds-color-navy-80;
|
|
124
|
+
$rds-color-interactive-border-active: $rds-color-navy-80;
|
|
125
|
+
$rds-color-interactive-border-focus: $rds-color-turquoise-50;
|
|
126
|
+
/* stylelint-disable */
|
|
127
|
+
/* AUTOGENERATED COMMENT - BUILD PURPOSE - START */
|
|
128
|
+
:root {
|
|
129
|
+
--rds-content-high: var(--rds-color-navy-80);
|
|
130
|
+
--rds-content-medium: var(--rds-color-navy-60);
|
|
131
|
+
--rds-content-high-inverse: var(--rds-color-neutral-white);
|
|
132
|
+
--rds-content-medium-inverse: #ffffffb2;
|
|
133
|
+
--rds-link-content-default: var(--rds-color-turquoise-70);
|
|
134
|
+
--rds-link-content-inverse: var(--rds-color-neutral-white);
|
|
135
|
+
--rds-link-content-state-active: var(--rds-color-turquoise-30);
|
|
136
|
+
--rds-link-content-state-active-inverse: var(--rds-color-neutral-white);
|
|
137
|
+
--rds-link-content-state-hover: var(--rds-color-turquoise-50);
|
|
138
|
+
--rds-link-content-state-hover-inverse: #ffffffcc;
|
|
139
|
+
--rds-content-state-disabled: #001e374d;
|
|
140
|
+
--rds-content-state-disabled-inverse: #ffffff80;
|
|
141
|
+
--rds-background-default: var(--rds-color-neutral-white);
|
|
142
|
+
--rds-background-alternative: var(--rds-color-neutral-grey);
|
|
143
|
+
--rds-surface-white: var(--rds-color-neutral-white);
|
|
144
|
+
--rds-surface-grey: var(--rds-color-neutral-grey);
|
|
145
|
+
--rds-surface-navy: var(--rds-color-navy-80);
|
|
146
|
+
--rds-surface-sand: var(--rds-color-orange-0);
|
|
147
|
+
--rds-highlightedSurface-ivoryGradient: linear-gradient(0deg, #FBF3EF, #FBF3EF),
|
|
148
|
+
radial-gradient(72.02% 87% at -30.72% 124.82%, rgba(246, 61, 120, 0.16) 0%, rgba(246, 61, 120, 0) 100%),
|
|
149
|
+
radial-gradient(50.12% 73.11% at 0% 0%, rgba(255, 199, 0, 0.08) 0%, rgba(255, 199, 0, 0) 100%),
|
|
150
|
+
radial-gradient(100.59% 146.79% at 134.93% -38.77%, rgba(245, 13, 54, 0.16) 0%, rgba(245, 13, 54, 0) 100%),
|
|
151
|
+
radial-gradient(54.5% 79.54% at 104.6% 106.5%, rgba(255, 153, 3, 0.16) 0%, rgba(255, 153, 3, 0) 100%);
|
|
152
|
+
--rds-highlightedSurface-orangeGradient: linear-gradient(137.24deg, #FF9C00 -6.64%, #FF590A 24.3%, #FF2A3F 65.21%, #E50052 99.99%);
|
|
153
|
+
--rds-highlightedSurface-blueGradient: radial-gradient(117.28% 100.09% at 3.87% 0%, #00BED4 0%, rgba(5, 119, 150, 0.91) 23.06%, #005C7A 40.93%, #001E37 100%);
|
|
154
|
+
--rds-border-high: var(--rds-color-navy-30);
|
|
155
|
+
--rds-border-low: var(--rds-color-navy-05);
|
|
156
|
+
--rds-border-high-inverse: #ffffff80;
|
|
157
|
+
--rds-border-low-inverse: #ffffff40;
|
|
158
|
+
--rds-highlightedBorder-orangeGradient: linear-gradient(137.24deg, #FF9C00 -6.64%, #FF590A 24.3%, #FF2A3F 65.21%, #E50052 99.99%);
|
|
159
|
+
--rds-semantic-content-error: var(--rds-color-red-60);
|
|
160
|
+
--rds-semantic-content-information: var(--rds-color-turquoise-50);
|
|
161
|
+
--rds-semantic-content-success: var(--rds-color-green-50);
|
|
162
|
+
--rds-semantic-content-warning: var(--rds-color-yellow-60);
|
|
163
|
+
--rds-semantic-background-success: var(--rds-color-green-10);
|
|
164
|
+
--rds-semantic-background-error: var(--rds-color-red-05);
|
|
165
|
+
--rds-semantic-background-information: var(--rds-color-turquoise-05);
|
|
166
|
+
--rds-semantic-background-warning: var(--rds-color-yellow-10);
|
|
167
|
+
--rds-extended-content-promo: var(--rds-color-red-50);
|
|
168
|
+
--rds-extended-surface-promo: var(--rds-color-red-50);
|
|
169
|
+
--rds-styles-elevation-glass-base: #ffffff99;
|
|
170
|
+
--rds-styles-elevation-overlay: #001e3766;
|
|
171
|
+
--rds-button-primary-surface-active: var(--rds-color-turquoise-50);
|
|
172
|
+
--rds-button-primary-surface-active-inverse: var(--rds-color-neutral-white);
|
|
173
|
+
--rds-button-primary-surface-default: var(--rds-color-navy-80);
|
|
174
|
+
--rds-button-primary-surface-default-inverse: var(--rds-color-neutral-white);
|
|
175
|
+
--rds-button-primary-surface-hover: var(--rds-color-turquoise-70);
|
|
176
|
+
--rds-button-primary-surface-hover-inverse: #ffffffcc;
|
|
177
|
+
--rds-button-secondary-border-active: var(--rds-color-turquoise-50);
|
|
178
|
+
--rds-button-secondary-border-active-inverse: var(--rds-color-neutral-white);
|
|
179
|
+
--rds-button-secondary-border-default: var(--rds-color-navy-70);
|
|
180
|
+
--rds-button-secondary-border-default-inverse: var(--rds-color-neutral-white);
|
|
181
|
+
--rds-button-secondary-border-hover: var(--rds-color-turquoise-70);
|
|
182
|
+
--rds-button-secondary-border-hover-inverse: #ffffffcc;
|
|
183
|
+
--rds-button-secondary-surface-active-inverse: #ffffff40;
|
|
184
|
+
--rds-button-secondary-surface-hover-inverse: #ffffff1a;
|
|
185
|
+
--rds-interactive-border-default: var(--rds-color-navy-30);
|
|
186
|
+
--rds-interactive-border-state-active: var(--rds-color-turquoise-80);
|
|
187
|
+
--rds-interactive-border-state-focus: var(--rds-color-turquoise-50);
|
|
188
|
+
--rds-interactive-border-state-hover: var(--rds-color-navy-80);
|
|
189
|
+
--rds-interactive-content-state-active: var(--rds-color-turquoise-50);
|
|
190
|
+
--rds-interactive-content-state-hover: var(--rds-color-turquoise-70);
|
|
191
|
+
--rds-interactive-surface-alternative: var(--rds-color-navy-05);
|
|
192
|
+
--rds-interactive-surface-default: var(--rds-color-neutral-white);
|
|
193
|
+
--rds-interactive-surface-state-active: var(--rds-color-navy-80);
|
|
194
|
+
--rds-interactive-surface-state-hover: var(--rds-color-navy-0);
|
|
195
|
+
--rds-color-interactive-content-hover: var(--rds-color-turquoise-70);
|
|
196
|
+
--rds-color-interactive-content-active: var(--rds-color-turquoise-50);
|
|
197
|
+
--rds-color-interactive-surface-default: var(--rds-color-neutral-white);
|
|
198
|
+
--rds-color-interactive-surface-alternative: var(--rds-color-neutral-grey);
|
|
199
|
+
--rds-color-interactive-surface-hover: var(--rds-color-navy-0);
|
|
200
|
+
--rds-color-interactive-surface-active: var(--rds-color-navy-80);
|
|
201
|
+
--rds-color-interactive-border-default: var(--rds-color-navy-30);
|
|
202
|
+
--rds-color-interactive-border-hover: var(--rds-color-navy-80);
|
|
203
|
+
--rds-color-interactive-border-active: var(--rds-color-navy-80);
|
|
204
|
+
--rds-color-interactive-border-focus: var(--rds-color-turquoise-50);
|
|
205
|
+
}
|
|
206
|
+
|
|
207
|
+
/* AUTOGENERATED COMMENT - BUILD PURPOSE - END */
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
// Elevation
|
|
2
|
+
/* stylelint-disable */
|
|
3
|
+
@import'./_color-system';
|
|
4
|
+
/* stylelint-enable */
|
|
5
|
+
$rds-overlay-backdrop-filter: blur(80px);
|
|
6
|
+
$rds-glass-backdrop-filter: blur(48px);
|
|
7
|
+
$rds-glass-box-shadow: 0 4px 16px 0 rgba($rds-color-neutral-black, 0.1);
|
|
8
|
+
|
|
9
|
+
/* AUTOGENERATED COMMENT - BUILD PURPOSE - START */
|
|
10
|
+
:root {
|
|
11
|
+
--rds-overlay-backdrop-filter: blur(80px);
|
|
12
|
+
--rds-glass-backdrop-filter: blur(48px);
|
|
13
|
+
--rds-glass-box-shadow: 0 4px 16px 0 rgba($rds-color-neutral-black, 0.1);
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
/* AUTOGENERATED COMMENT - BUILD PURPOSE - END */
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
// Configuración del grid para cada breakpoint
|
|
2
|
+
$grid-config: (
|
|
3
|
+
mobile: (max-columns: 4, gap: 16px),
|
|
4
|
+
tablet: (max-columns: 8, gap: 16px),
|
|
5
|
+
desktop: (max-columns: 12, gap: 24px)
|
|
6
|
+
) !default;
|
|
7
|
+
|
|
8
|
+
$g-padding-mobile: 16px;
|
|
9
|
+
$g-padding-tablet: 24px;
|
|
10
|
+
$g-padding-desktop: 32px;
|
|
11
|
+
$g-padding-ultrawide: 32px;
|
|
12
|
+
|
|
13
|
+
/* AUTOGENERATED COMMENT - BUILD PURPOSE - START */
|
|
14
|
+
:root {
|
|
15
|
+
--g-padding-mobile: 16px;
|
|
16
|
+
--g-padding-tablet: 24px;
|
|
17
|
+
--g-padding-desktop: 32px;
|
|
18
|
+
--g-padding-ultrawide: 32px;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
/* AUTOGENERATED COMMENT - BUILD PURPOSE - END */
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
// Breakpoint widths
|
|
2
|
+
// Small screen / phone
|
|
3
|
+
$bp-mobile: 719px !default;
|
|
4
|
+
// Medium screen / tablet
|
|
5
|
+
$bp-tablet: 720px !default;
|
|
6
|
+
// Large screen / desktop
|
|
7
|
+
$bp-desktop: 1280px !default;
|
|
8
|
+
// Extra large screen / ultrawide
|
|
9
|
+
$bp-ultrawide: 1600px !default;
|
|
10
|
+
|
|
11
|
+
// Breakpoints in the form (name: length)
|
|
12
|
+
$breakpoints: (
|
|
13
|
+
mobile: $bp-mobile,
|
|
14
|
+
tablet: $bp-tablet,
|
|
15
|
+
desktop: $bp-desktop,
|
|
16
|
+
ultrawide: $bp-ultrawide
|
|
17
|
+
) !default;
|
|
18
|
+
|
|
19
|
+
/* AUTOGENERATED COMMENT - BUILD PURPOSE - START */
|
|
20
|
+
:root {
|
|
21
|
+
--bp-mobile: 719px;
|
|
22
|
+
--bp-tablet: 720px;
|
|
23
|
+
--bp-desktop: 1280px;
|
|
24
|
+
--bp-ultrawide: 1600px;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
/* AUTOGENERATED COMMENT - BUILD PURPOSE - END */
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
// SPACING GLOBAL
|
|
2
|
+
|
|
3
|
+
$rds-spacing-layout-xxs: 4px;
|
|
4
|
+
$rds-spacing-layout-xs: 8px;
|
|
5
|
+
$rds-spacing-layout-s: 16px;
|
|
6
|
+
$rds-spacing-layout-m: 24px;
|
|
7
|
+
$rds-spacing-layout-l: 32px;
|
|
8
|
+
$rds-spacing-layout-xl: 48px;
|
|
9
|
+
$rds-spacing-layout-2xl: 64px;
|
|
10
|
+
$rds-spacing-layout-3xl: 72px;
|
|
11
|
+
$rds-spacing-layout-4xl: 80px;
|
|
12
|
+
$rds-spacing-layout-5xl: 96px;
|
|
13
|
+
$rds-spacing-layout-6xl: 112px;
|
|
14
|
+
$rds-spacing-layout-7xl: 120px;
|
|
15
|
+
|
|
16
|
+
$spacing-pairs: (
|
|
17
|
+
'xxs': $rds-spacing-layout-xxs,
|
|
18
|
+
'xs': $rds-spacing-layout-xs,
|
|
19
|
+
's': $rds-spacing-layout-s,
|
|
20
|
+
'm': $rds-spacing-layout-m,
|
|
21
|
+
'l': $rds-spacing-layout-l,
|
|
22
|
+
'xl': $rds-spacing-layout-xl,
|
|
23
|
+
'2xl': $rds-spacing-layout-2xl,
|
|
24
|
+
'3xl': $rds-spacing-layout-3xl,
|
|
25
|
+
'4xl': $rds-spacing-layout-4xl,
|
|
26
|
+
'5xl': $rds-spacing-layout-5xl,
|
|
27
|
+
'6xl': $rds-spacing-layout-6xl,
|
|
28
|
+
'7xl': $rds-spacing-layout-7xl,
|
|
29
|
+
);
|
|
30
|
+
|
|
31
|
+
/* AUTOGENERATED COMMENT - BUILD PURPOSE - START */
|
|
32
|
+
:root {
|
|
33
|
+
--rds-spacing-layout-xxs: 4px;
|
|
34
|
+
--rds-spacing-layout-xs: 8px;
|
|
35
|
+
--rds-spacing-layout-s: 16px;
|
|
36
|
+
--rds-spacing-layout-m: 24px;
|
|
37
|
+
--rds-spacing-layout-l: 32px;
|
|
38
|
+
--rds-spacing-layout-xl: 48px;
|
|
39
|
+
--rds-spacing-layout-2xl: 64px;
|
|
40
|
+
--rds-spacing-layout-3xl: 72px;
|
|
41
|
+
--rds-spacing-layout-4xl: 80px;
|
|
42
|
+
--rds-spacing-layout-5xl: 96px;
|
|
43
|
+
--rds-spacing-layout-6xl: 112px;
|
|
44
|
+
--rds-spacing-layout-7xl: 120px;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
/* AUTOGENERATED COMMENT - BUILD PURPOSE - END */
|