From 33dcf98bd2e41ad65112a702d212949bbbb0cf36 Mon Sep 17 00:00:00 2001 From: Bernardo Cardoso <32780808+BenOsodrac@users.noreply.github.com> Date: Tue, 24 Jun 2025 16:01:32 +0100 Subject: [PATCH] fix(tokens): review the generation of utility-classes (#30498) Issue number: internal --------- ## What is the current behavior? Currently some utility-classes are not as effective as they could be, because they don't affect, for example, the --background or --color css API's. ## What is the new behavior? - Changed the way the classes are generated, so that it affects the css custom properties as well. - Make the background classes to only be generated for the tokens that contain 'bg'. - Update the style for the body background on the ionic theme (this triggered some snapshots differences). ## Does this introduce a breaking change? - [ ] Yes - [x] No --------- Co-authored-by: ionitron --- core/scripts/tokens/utils.js | 23 +- .../test/expand/accordion-group.e2e.ts | 8 +- .../test/shape/accordion-group.e2e.ts | 2 +- .../accordion/test/shape/accordion.e2e.ts | 2 +- .../test/shape/progress-bar.e2e.ts | 4 +- .../searchbar/test/shape/searchbar.e2e.ts | 2 +- .../tab-bar/test/basic/tab-bar.e2e.ts | 2 +- ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 7660 -> 7691 bytes ...onic-md-rtl-light-Mobile-Firefox-linux.png | Bin 7675 -> 7729 bytes ...ar-default-ios-ltr-Mobile-Safari-linux.png | Bin 3870 -> 3863 bytes ...ar-default-ios-rtl-Mobile-Safari-linux.png | Bin 3857 -> 3852 bytes .../tab-bar/test/shape/tab-bar.e2e.ts | 6 +- core/src/css/ionic/core.ionic.scss | 2 +- core/src/foundations/ionic.utility.scss | 1586 +++++------------ 14 files changed, 478 insertions(+), 1159 deletions(-) diff --git a/core/scripts/tokens/utils.js b/core/scripts/tokens/utils.js index 1db088b2af..c9d1c86886 100644 --- a/core/scripts/tokens/utils.js +++ b/core/scripts/tokens/utils.js @@ -142,8 +142,12 @@ function generateTypographyOutput(prop, propName, isVariable) { // Generates a color based css utility-class from a color Design Token structure function generateColorUtilityClasses(prop, className) { - return `.${variablesPrefix}-${className} {\n color: $${variablesPrefix}-${prop.name};\n} - .${variablesPrefix}-background-${className} {\n background-color: $${variablesPrefix}-${prop.name};\n}`; + const isBg = className.includes('bg'); + const cssProp = isBg ? 'background-color' : 'color'; + return `.${variablesPrefix}-${className} { + --${cssProp}: $${variablesPrefix}-${prop.name}; + ${cssProp}: $${variablesPrefix}-${prop.name}; +}`; } // Generates margin and padding utility classes to match the token-agnostic @@ -264,7 +268,10 @@ function generateSpaceUtilityClasses(prop, className) { // Generates a valid box-shadow value from a shadow Design Token structure function generateRadiusUtilityClasses(propName) { - return `.${variablesPrefix}-${propName} {\n border-radius: $${variablesPrefix}-${propName};\n}`; + return `.${variablesPrefix}-${propName} { + --border-radius: $${variablesPrefix}-${propName}; + border-radius: $${variablesPrefix}-${propName}; +}`; } // Generates a border based css utility-class from a font Design Token structure @@ -282,7 +289,10 @@ function generateBorderUtilityClasses(prop, propName) { default: attribute = 'border-color'; } - return `.${variablesPrefix}-${propName} {\n ${attribute}: $${variablesPrefix}-${propName};\n}`; + return `.${variablesPrefix}-${propName} { + --${attribute}: $${variablesPrefix}-${propName}; + ${attribute}: $${variablesPrefix}-${propName}; +}`; } // Generates a font based css utility-class from a font Design Token structure @@ -292,7 +302,10 @@ function generateFontUtilityClasses(prop, propName) { // Generates a valid box-shadow value from a shadow Design Token structure function generateShadowUtilityClasses(propName) { - return `.${variablesPrefix}-${propName} {\n box-shadow: $${variablesPrefix}-${propName};\n}`; + return `.${variablesPrefix}-${propName} { + --box-shadow: $${variablesPrefix}-${propName}; + box-shadow: $${variablesPrefix}-${propName}; +}`; } // Generates a utility class for a given token category and name diff --git a/core/src/components/accordion-group/test/expand/accordion-group.e2e.ts b/core/src/components/accordion-group/test/expand/accordion-group.e2e.ts index a79d5dd438..0a2cc85191 100644 --- a/core/src/components/accordion-group/test/expand/accordion-group.e2e.ts +++ b/core/src/components/accordion-group/test/expand/accordion-group.e2e.ts @@ -10,7 +10,7 @@ configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ config, screens @@ -48,7 +48,7 @@ configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ config, screens @@ -88,7 +88,7 @@ configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ config, screens @@ -126,7 +126,7 @@ configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ config, screens diff --git a/core/src/components/accordion-group/test/shape/accordion-group.e2e.ts b/core/src/components/accordion-group/test/shape/accordion-group.e2e.ts index 0fb0be24ac..e3a3f77471 100644 --- a/core/src/components/accordion-group/test/shape/accordion-group.e2e.ts +++ b/core/src/components/accordion-group/test/shape/accordion-group.e2e.ts @@ -10,7 +10,7 @@ configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ config, screens diff --git a/core/src/components/accordion/test/shape/accordion.e2e.ts b/core/src/components/accordion/test/shape/accordion.e2e.ts index 71a8e3347b..66d4604a4f 100644 --- a/core/src/components/accordion/test/shape/accordion.e2e.ts +++ b/core/src/components/accordion/test/shape/accordion.e2e.ts @@ -10,7 +10,7 @@ configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ config, screens diff --git a/core/src/components/progress-bar/test/shape/progress-bar.e2e.ts b/core/src/components/progress-bar/test/shape/progress-bar.e2e.ts index ebb20c1d7c..f449090211 100644 --- a/core/src/components/progress-bar/test/shape/progress-bar.e2e.ts +++ b/core/src/components/progress-bar/test/shape/progress-bar.e2e.ts @@ -8,7 +8,7 @@ configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ title, screensh ` diff --git a/core/src/components/tab-bar/test/basic/tab-bar.e2e.ts b/core/src/components/tab-bar/test/basic/tab-bar.e2e.ts index c6db55b7a3..2a710770a8 100644 --- a/core/src/components/tab-bar/test/basic/tab-bar.e2e.ts +++ b/core/src/components/tab-bar/test/basic/tab-bar.e2e.ts @@ -11,7 +11,7 @@ configs({ modes: ['ionic-md', 'md', 'ios'] }).forEach(({ title, screenshot, conf ` diff --git a/core/src/components/tab-bar/test/basic/tab-bar.e2e.ts-snapshots/tab-bar-default-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/tab-bar/test/basic/tab-bar.e2e.ts-snapshots/tab-bar-default-ionic-md-ltr-light-Mobile-Firefox-linux.png index 2baaf0fabbc7dced6582da6a5271de03275b79f5..e9b2c511b28ea867388eb4ea8a50de8aacd808f4 100644 GIT binary patch literal 7691 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 diff --git a/core/src/components/tab-bar/test/basic/tab-bar.e2e.ts-snapshots/tab-bar-default-ios-ltr-Mobile-Safari-linux.png b/core/src/components/tab-bar/test/basic/tab-bar.e2e.ts-snapshots/tab-bar-default-ios-ltr-Mobile-Safari-linux.png index 9adac02c53c3cf4d7367bb39f11fcc03ef66044b..41f50acc49953cf11b5109670306d5fa94199652 100644 GIT binary patch literal 3863 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 literal 3870 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 H)=~cf`^b6m diff --git a/core/src/components/tab-bar/test/shape/tab-bar.e2e.ts b/core/src/components/tab-bar/test/shape/tab-bar.e2e.ts index 823e902dfe..70e2bbc135 100644 --- a/core/src/components/tab-bar/test/shape/tab-bar.e2e.ts +++ b/core/src/components/tab-bar/test/shape/tab-bar.e2e.ts @@ -13,7 +13,7 @@ configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ title, screensh ` @@ -49,7 +49,7 @@ configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ title, screensh ` @@ -85,7 +85,7 @@ configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ title, screensh ` diff --git a/core/src/css/ionic/core.ionic.scss b/core/src/css/ionic/core.ionic.scss index c80cd0280b..b5b62c4aff 100644 --- a/core/src/css/ionic/core.ionic.scss +++ b/core/src/css/ionic/core.ionic.scss @@ -23,7 +23,7 @@ html { } body { - background: var(--ion-background-color); + background: var(--ion-background-color, #{globals.$ion-bg-body}); color: var(--ion-text-color); } diff --git a/core/src/foundations/ionic.utility.scss b/core/src/foundations/ionic.utility.scss index 1fabbff584..fe576ae5d7 100644 --- a/core/src/foundations/ionic.utility.scss +++ b/core/src/foundations/ionic.utility.scss @@ -485,1305 +485,947 @@ Do not edit directly, this file was auto-generated. } .ion-semantics-primary-100 { + --color: $ion-semantics-primary-100; color: $ion-semantics-primary-100; } -.ion-background-semantics-primary-100 { - background-color: $ion-semantics-primary-100; -} .ion-semantics-primary-200 { + --color: $ion-semantics-primary-200; color: $ion-semantics-primary-200; } -.ion-background-semantics-primary-200 { - background-color: $ion-semantics-primary-200; -} .ion-semantics-primary-300 { + --color: $ion-semantics-primary-300; color: $ion-semantics-primary-300; } -.ion-background-semantics-primary-300 { - background-color: $ion-semantics-primary-300; -} .ion-semantics-primary-400 { + --color: $ion-semantics-primary-400; color: $ion-semantics-primary-400; } -.ion-background-semantics-primary-400 { - background-color: $ion-semantics-primary-400; -} .ion-semantics-primary-500 { + --color: $ion-semantics-primary-500; color: $ion-semantics-primary-500; } -.ion-background-semantics-primary-500 { - background-color: $ion-semantics-primary-500; -} .ion-semantics-primary-600 { + --color: $ion-semantics-primary-600; color: $ion-semantics-primary-600; } -.ion-background-semantics-primary-600 { - background-color: $ion-semantics-primary-600; -} .ion-semantics-primary-700 { + --color: $ion-semantics-primary-700; color: $ion-semantics-primary-700; } -.ion-background-semantics-primary-700 { - background-color: $ion-semantics-primary-700; -} .ion-semantics-primary-800 { + --color: $ion-semantics-primary-800; color: $ion-semantics-primary-800; } -.ion-background-semantics-primary-800 { - background-color: $ion-semantics-primary-800; -} .ion-semantics-primary-900 { + --color: $ion-semantics-primary-900; color: $ion-semantics-primary-900; } -.ion-background-semantics-primary-900 { - background-color: $ion-semantics-primary-900; -} .ion-semantics-primary-1000 { + --color: $ion-semantics-primary-1000; color: $ion-semantics-primary-1000; } -.ion-background-semantics-primary-1000 { - background-color: $ion-semantics-primary-1000; -} .ion-semantics-primary-1100 { + --color: $ion-semantics-primary-1100; color: $ion-semantics-primary-1100; } -.ion-background-semantics-primary-1100 { - background-color: $ion-semantics-primary-1100; -} .ion-semantics-primary-1200 { + --color: $ion-semantics-primary-1200; color: $ion-semantics-primary-1200; } -.ion-background-semantics-primary-1200 { - background-color: $ion-semantics-primary-1200; -} .ion-semantics-primary-base { + --color: $ion-semantics-primary-base; color: $ion-semantics-primary-base; } -.ion-background-semantics-primary-base { - background-color: $ion-semantics-primary-base; -} .ion-semantics-info-100 { + --color: $ion-semantics-info-100; color: $ion-semantics-info-100; } -.ion-background-semantics-info-100 { - background-color: $ion-semantics-info-100; -} .ion-semantics-info-200 { + --color: $ion-semantics-info-200; color: $ion-semantics-info-200; } -.ion-background-semantics-info-200 { - background-color: $ion-semantics-info-200; -} .ion-semantics-info-300 { + --color: $ion-semantics-info-300; color: $ion-semantics-info-300; } -.ion-background-semantics-info-300 { - background-color: $ion-semantics-info-300; -} .ion-semantics-info-400 { + --color: $ion-semantics-info-400; color: $ion-semantics-info-400; } -.ion-background-semantics-info-400 { - background-color: $ion-semantics-info-400; -} .ion-semantics-info-500 { + --color: $ion-semantics-info-500; color: $ion-semantics-info-500; } -.ion-background-semantics-info-500 { - background-color: $ion-semantics-info-500; -} .ion-semantics-info-600 { + --color: $ion-semantics-info-600; color: $ion-semantics-info-600; } -.ion-background-semantics-info-600 { - background-color: $ion-semantics-info-600; -} .ion-semantics-info-700 { + --color: $ion-semantics-info-700; color: $ion-semantics-info-700; } -.ion-background-semantics-info-700 { - background-color: $ion-semantics-info-700; -} .ion-semantics-info-800 { + --color: $ion-semantics-info-800; color: $ion-semantics-info-800; } -.ion-background-semantics-info-800 { - background-color: $ion-semantics-info-800; -} .ion-semantics-info-900 { + --color: $ion-semantics-info-900; color: $ion-semantics-info-900; } -.ion-background-semantics-info-900 { - background-color: $ion-semantics-info-900; -} .ion-semantics-info-1000 { + --color: $ion-semantics-info-1000; color: $ion-semantics-info-1000; } -.ion-background-semantics-info-1000 { - background-color: $ion-semantics-info-1000; -} .ion-semantics-info-1100 { + --color: $ion-semantics-info-1100; color: $ion-semantics-info-1100; } -.ion-background-semantics-info-1100 { - background-color: $ion-semantics-info-1100; -} .ion-semantics-info-1200 { + --color: $ion-semantics-info-1200; color: $ion-semantics-info-1200; } -.ion-background-semantics-info-1200 { - background-color: $ion-semantics-info-1200; -} .ion-semantics-info-base { + --color: $ion-semantics-info-base; color: $ion-semantics-info-base; } -.ion-background-semantics-info-base { - background-color: $ion-semantics-info-base; -} .ion-semantics-success-100 { + --color: $ion-semantics-success-100; color: $ion-semantics-success-100; } -.ion-background-semantics-success-100 { - background-color: $ion-semantics-success-100; -} .ion-semantics-success-200 { + --color: $ion-semantics-success-200; color: $ion-semantics-success-200; } -.ion-background-semantics-success-200 { - background-color: $ion-semantics-success-200; -} .ion-semantics-success-300 { + --color: $ion-semantics-success-300; color: $ion-semantics-success-300; } -.ion-background-semantics-success-300 { - background-color: $ion-semantics-success-300; -} .ion-semantics-success-400 { + --color: $ion-semantics-success-400; color: $ion-semantics-success-400; } -.ion-background-semantics-success-400 { - background-color: $ion-semantics-success-400; -} .ion-semantics-success-500 { + --color: $ion-semantics-success-500; color: $ion-semantics-success-500; } -.ion-background-semantics-success-500 { - background-color: $ion-semantics-success-500; -} .ion-semantics-success-600 { + --color: $ion-semantics-success-600; color: $ion-semantics-success-600; } -.ion-background-semantics-success-600 { - background-color: $ion-semantics-success-600; -} .ion-semantics-success-700 { + --color: $ion-semantics-success-700; color: $ion-semantics-success-700; } -.ion-background-semantics-success-700 { - background-color: $ion-semantics-success-700; -} .ion-semantics-success-800 { + --color: $ion-semantics-success-800; color: $ion-semantics-success-800; } -.ion-background-semantics-success-800 { - background-color: $ion-semantics-success-800; -} .ion-semantics-success-900 { + --color: $ion-semantics-success-900; color: $ion-semantics-success-900; } -.ion-background-semantics-success-900 { - background-color: $ion-semantics-success-900; -} .ion-semantics-success-1000 { + --color: $ion-semantics-success-1000; color: $ion-semantics-success-1000; } -.ion-background-semantics-success-1000 { - background-color: $ion-semantics-success-1000; -} .ion-semantics-success-1100 { + --color: $ion-semantics-success-1100; color: $ion-semantics-success-1100; } -.ion-background-semantics-success-1100 { - background-color: $ion-semantics-success-1100; -} .ion-semantics-success-1200 { + --color: $ion-semantics-success-1200; color: $ion-semantics-success-1200; } -.ion-background-semantics-success-1200 { - background-color: $ion-semantics-success-1200; -} .ion-semantics-success-base { + --color: $ion-semantics-success-base; color: $ion-semantics-success-base; } -.ion-background-semantics-success-base { - background-color: $ion-semantics-success-base; -} .ion-semantics-danger-100 { + --color: $ion-semantics-danger-100; color: $ion-semantics-danger-100; } -.ion-background-semantics-danger-100 { - background-color: $ion-semantics-danger-100; -} .ion-semantics-danger-200 { + --color: $ion-semantics-danger-200; color: $ion-semantics-danger-200; } -.ion-background-semantics-danger-200 { - background-color: $ion-semantics-danger-200; -} .ion-semantics-danger-300 { + --color: $ion-semantics-danger-300; color: $ion-semantics-danger-300; } -.ion-background-semantics-danger-300 { - background-color: $ion-semantics-danger-300; -} .ion-semantics-danger-400 { + --color: $ion-semantics-danger-400; color: $ion-semantics-danger-400; } -.ion-background-semantics-danger-400 { - background-color: $ion-semantics-danger-400; -} .ion-semantics-danger-500 { + --color: $ion-semantics-danger-500; color: $ion-semantics-danger-500; } -.ion-background-semantics-danger-500 { - background-color: $ion-semantics-danger-500; -} .ion-semantics-danger-600 { + --color: $ion-semantics-danger-600; color: $ion-semantics-danger-600; } -.ion-background-semantics-danger-600 { - background-color: $ion-semantics-danger-600; -} .ion-semantics-danger-700 { + --color: $ion-semantics-danger-700; color: $ion-semantics-danger-700; } -.ion-background-semantics-danger-700 { - background-color: $ion-semantics-danger-700; -} .ion-semantics-danger-800 { + --color: $ion-semantics-danger-800; color: $ion-semantics-danger-800; } -.ion-background-semantics-danger-800 { - background-color: $ion-semantics-danger-800; -} .ion-semantics-danger-900 { + --color: $ion-semantics-danger-900; color: $ion-semantics-danger-900; } -.ion-background-semantics-danger-900 { - background-color: $ion-semantics-danger-900; -} .ion-semantics-danger-1000 { + --color: $ion-semantics-danger-1000; color: $ion-semantics-danger-1000; } -.ion-background-semantics-danger-1000 { - background-color: $ion-semantics-danger-1000; -} .ion-semantics-danger-1100 { + --color: $ion-semantics-danger-1100; color: $ion-semantics-danger-1100; } -.ion-background-semantics-danger-1100 { - background-color: $ion-semantics-danger-1100; -} .ion-semantics-danger-1200 { + --color: $ion-semantics-danger-1200; color: $ion-semantics-danger-1200; } -.ion-background-semantics-danger-1200 { - background-color: $ion-semantics-danger-1200; -} .ion-semantics-danger-base { + --color: $ion-semantics-danger-base; color: $ion-semantics-danger-base; } -.ion-background-semantics-danger-base { - background-color: $ion-semantics-danger-base; -} .ion-semantics-warning-100 { + --color: $ion-semantics-warning-100; color: $ion-semantics-warning-100; } -.ion-background-semantics-warning-100 { - background-color: $ion-semantics-warning-100; -} .ion-semantics-warning-200 { + --color: $ion-semantics-warning-200; color: $ion-semantics-warning-200; } -.ion-background-semantics-warning-200 { - background-color: $ion-semantics-warning-200; -} .ion-semantics-warning-300 { + --color: $ion-semantics-warning-300; color: $ion-semantics-warning-300; } -.ion-background-semantics-warning-300 { - background-color: $ion-semantics-warning-300; -} .ion-semantics-warning-400 { + --color: $ion-semantics-warning-400; color: $ion-semantics-warning-400; } -.ion-background-semantics-warning-400 { - background-color: $ion-semantics-warning-400; -} .ion-semantics-warning-500 { + --color: $ion-semantics-warning-500; color: $ion-semantics-warning-500; } -.ion-background-semantics-warning-500 { - background-color: $ion-semantics-warning-500; -} .ion-semantics-warning-600 { + --color: $ion-semantics-warning-600; color: $ion-semantics-warning-600; } -.ion-background-semantics-warning-600 { - background-color: $ion-semantics-warning-600; -} .ion-semantics-warning-700 { + --color: $ion-semantics-warning-700; color: $ion-semantics-warning-700; } -.ion-background-semantics-warning-700 { - background-color: $ion-semantics-warning-700; -} .ion-semantics-warning-800 { + --color: $ion-semantics-warning-800; color: $ion-semantics-warning-800; } -.ion-background-semantics-warning-800 { - background-color: $ion-semantics-warning-800; -} .ion-semantics-warning-900 { + --color: $ion-semantics-warning-900; color: $ion-semantics-warning-900; } -.ion-background-semantics-warning-900 { - background-color: $ion-semantics-warning-900; -} .ion-semantics-warning-1000 { + --color: $ion-semantics-warning-1000; color: $ion-semantics-warning-1000; } -.ion-background-semantics-warning-1000 { - background-color: $ion-semantics-warning-1000; -} .ion-semantics-warning-1100 { + --color: $ion-semantics-warning-1100; color: $ion-semantics-warning-1100; } -.ion-background-semantics-warning-1100 { - background-color: $ion-semantics-warning-1100; -} .ion-semantics-warning-1200 { + --color: $ion-semantics-warning-1200; color: $ion-semantics-warning-1200; } -.ion-background-semantics-warning-1200 { - background-color: $ion-semantics-warning-1200; -} .ion-semantics-warning-base { + --color: $ion-semantics-warning-base; color: $ion-semantics-warning-base; } -.ion-background-semantics-warning-base { - background-color: $ion-semantics-warning-base; -} .ion-bg-primary-base-default { - color: $ion-bg-primary-base-default; -} -.ion-background-bg-primary-base-default { + --background-color: $ion-bg-primary-base-default; background-color: $ion-bg-primary-base-default; } .ion-bg-primary-base-press { - color: $ion-bg-primary-base-press; -} -.ion-background-bg-primary-base-press { + --background-color: $ion-bg-primary-base-press; background-color: $ion-bg-primary-base-press; } .ion-bg-primary-subtle-default { - color: $ion-bg-primary-subtle-default; -} -.ion-background-bg-primary-subtle-default { + --background-color: $ion-bg-primary-subtle-default; background-color: $ion-bg-primary-subtle-default; } .ion-bg-primary-subtle-press { - color: $ion-bg-primary-subtle-press; -} -.ion-background-bg-primary-subtle-press { + --background-color: $ion-bg-primary-subtle-press; background-color: $ion-bg-primary-subtle-press; } .ion-bg-danger-base-default { - color: $ion-bg-danger-base-default; -} -.ion-background-bg-danger-base-default { + --background-color: $ion-bg-danger-base-default; background-color: $ion-bg-danger-base-default; } .ion-bg-danger-base-press { - color: $ion-bg-danger-base-press; -} -.ion-background-bg-danger-base-press { + --background-color: $ion-bg-danger-base-press; background-color: $ion-bg-danger-base-press; } .ion-bg-danger-subtle-default { - color: $ion-bg-danger-subtle-default; -} -.ion-background-bg-danger-subtle-default { + --background-color: $ion-bg-danger-subtle-default; background-color: $ion-bg-danger-subtle-default; } .ion-bg-danger-subtle-press { - color: $ion-bg-danger-subtle-press; -} -.ion-background-bg-danger-subtle-press { + --background-color: $ion-bg-danger-subtle-press; background-color: $ion-bg-danger-subtle-press; } .ion-bg-success-base-default { - color: $ion-bg-success-base-default; -} -.ion-background-bg-success-base-default { + --background-color: $ion-bg-success-base-default; background-color: $ion-bg-success-base-default; } .ion-bg-success-base-press { - color: $ion-bg-success-base-press; -} -.ion-background-bg-success-base-press { + --background-color: $ion-bg-success-base-press; background-color: $ion-bg-success-base-press; } .ion-bg-success-subtle-default { - color: $ion-bg-success-subtle-default; -} -.ion-background-bg-success-subtle-default { + --background-color: $ion-bg-success-subtle-default; background-color: $ion-bg-success-subtle-default; } .ion-bg-success-subtle-press { - color: $ion-bg-success-subtle-press; -} -.ion-background-bg-success-subtle-press { + --background-color: $ion-bg-success-subtle-press; background-color: $ion-bg-success-subtle-press; } .ion-bg-info-base-default { - color: $ion-bg-info-base-default; -} -.ion-background-bg-info-base-default { + --background-color: $ion-bg-info-base-default; background-color: $ion-bg-info-base-default; } .ion-bg-info-base-press { - color: $ion-bg-info-base-press; -} -.ion-background-bg-info-base-press { + --background-color: $ion-bg-info-base-press; background-color: $ion-bg-info-base-press; } .ion-bg-info-subtle-default { - color: $ion-bg-info-subtle-default; -} -.ion-background-bg-info-subtle-default { + --background-color: $ion-bg-info-subtle-default; background-color: $ion-bg-info-subtle-default; } .ion-bg-info-subtle-press { - color: $ion-bg-info-subtle-press; -} -.ion-background-bg-info-subtle-press { + --background-color: $ion-bg-info-subtle-press; background-color: $ion-bg-info-subtle-press; } .ion-bg-warning-base-default { - color: $ion-bg-warning-base-default; -} -.ion-background-bg-warning-base-default { + --background-color: $ion-bg-warning-base-default; background-color: $ion-bg-warning-base-default; } .ion-bg-warning-base-press { - color: $ion-bg-warning-base-press; -} -.ion-background-bg-warning-base-press { + --background-color: $ion-bg-warning-base-press; background-color: $ion-bg-warning-base-press; } .ion-bg-warning-subtle-default { - color: $ion-bg-warning-subtle-default; -} -.ion-background-bg-warning-subtle-default { + --background-color: $ion-bg-warning-subtle-default; background-color: $ion-bg-warning-subtle-default; } .ion-bg-warning-subtle-press { - color: $ion-bg-warning-subtle-press; -} -.ion-background-bg-warning-subtle-press { + --background-color: $ion-bg-warning-subtle-press; background-color: $ion-bg-warning-subtle-press; } .ion-bg-body { - color: $ion-bg-body; -} -.ion-background-bg-body { + --background-color: $ion-bg-body; background-color: $ion-bg-body; } .ion-bg-neutral-subtle-default { - color: $ion-bg-neutral-subtle-default; -} -.ion-background-bg-neutral-subtle-default { + --background-color: $ion-bg-neutral-subtle-default; background-color: $ion-bg-neutral-subtle-default; } .ion-bg-neutral-subtle-press { - color: $ion-bg-neutral-subtle-press; -} -.ion-background-bg-neutral-subtle-press { + --background-color: $ion-bg-neutral-subtle-press; background-color: $ion-bg-neutral-subtle-press; } .ion-bg-neutral-base-default { - color: $ion-bg-neutral-base-default; -} -.ion-background-bg-neutral-base-default { + --background-color: $ion-bg-neutral-base-default; background-color: $ion-bg-neutral-base-default; } .ion-bg-neutral-base-press { - color: $ion-bg-neutral-base-press; -} -.ion-background-bg-neutral-base-press { + --background-color: $ion-bg-neutral-base-press; background-color: $ion-bg-neutral-base-press; } .ion-bg-neutral-subtlest-default { - color: $ion-bg-neutral-subtlest-default; -} -.ion-background-bg-neutral-subtlest-default { + --background-color: $ion-bg-neutral-subtlest-default; background-color: $ion-bg-neutral-subtlest-default; } .ion-bg-neutral-subtlest-press { - color: $ion-bg-neutral-subtlest-press; -} -.ion-background-bg-neutral-subtlest-press { + --background-color: $ion-bg-neutral-subtlest-press; background-color: $ion-bg-neutral-subtlest-press; } .ion-bg-neutral-bold-default { - color: $ion-bg-neutral-bold-default; -} -.ion-background-bg-neutral-bold-default { + --background-color: $ion-bg-neutral-bold-default; background-color: $ion-bg-neutral-bold-default; } .ion-bg-neutral-bold-press { - color: $ion-bg-neutral-bold-press; -} -.ion-background-bg-neutral-bold-press { + --background-color: $ion-bg-neutral-bold-press; background-color: $ion-bg-neutral-bold-press; } .ion-bg-neutral-boldest-default { - color: $ion-bg-neutral-boldest-default; -} -.ion-background-bg-neutral-boldest-default { + --background-color: $ion-bg-neutral-boldest-default; background-color: $ion-bg-neutral-boldest-default; } .ion-bg-neutral-boldest-press { - color: $ion-bg-neutral-boldest-press; -} -.ion-background-bg-neutral-boldest-press { + --background-color: $ion-bg-neutral-boldest-press; background-color: $ion-bg-neutral-boldest-press; } .ion-bg-surface-default { - color: $ion-bg-surface-default; -} -.ion-background-bg-surface-default { + --background-color: $ion-bg-surface-default; background-color: $ion-bg-surface-default; } .ion-bg-surface-inverse { - color: $ion-bg-surface-inverse; -} -.ion-background-bg-surface-inverse { + --background-color: $ion-bg-surface-inverse; background-color: $ion-bg-surface-inverse; } .ion-bg-input-default { - color: $ion-bg-input-default; -} -.ion-background-bg-input-default { + --background-color: $ion-bg-input-default; background-color: $ion-bg-input-default; } .ion-bg-input-read-only { - color: $ion-bg-input-read-only; -} -.ion-background-bg-input-read-only { + --background-color: $ion-bg-input-read-only; background-color: $ion-bg-input-read-only; } .ion-bg-input-press { - color: $ion-bg-input-press; -} -.ion-background-bg-input-press { + --background-color: $ion-bg-input-press; background-color: $ion-bg-input-press; } .ion-bg-input-disabled { - color: $ion-bg-input-disabled; -} -.ion-background-bg-input-disabled { + --background-color: $ion-bg-input-disabled; background-color: $ion-bg-input-disabled; } .ion-bg-input-bold-default { - color: $ion-bg-input-bold-default; -} -.ion-background-bg-input-bold-default { + --background-color: $ion-bg-input-bold-default; background-color: $ion-bg-input-bold-default; } .ion-bg-input-bold-press { - color: $ion-bg-input-bold-press; -} -.ion-background-bg-input-bold-press { + --background-color: $ion-bg-input-bold-press; background-color: $ion-bg-input-bold-press; } .ion-bg-input-bold-read-only { - color: $ion-bg-input-bold-read-only; -} -.ion-background-bg-input-bold-read-only { + --background-color: $ion-bg-input-bold-read-only; background-color: $ion-bg-input-bold-read-only; } .ion-bg-input-bold-disabled { - color: $ion-bg-input-bold-disabled; -} -.ion-background-bg-input-bold-disabled { + --background-color: $ion-bg-input-bold-disabled; background-color: $ion-bg-input-bold-disabled; } .ion-bg-select-default { - color: $ion-bg-select-default; -} -.ion-background-bg-select-default { + --background-color: $ion-bg-select-default; background-color: $ion-bg-select-default; } .ion-bg-select-press { - color: $ion-bg-select-press; -} -.ion-background-bg-select-press { + --background-color: $ion-bg-select-press; background-color: $ion-bg-select-press; } .ion-bg-extended-pumpkin-base-default { - color: $ion-bg-extended-pumpkin-base-default; -} -.ion-background-bg-extended-pumpkin-base-default { + --background-color: $ion-bg-extended-pumpkin-base-default; background-color: $ion-bg-extended-pumpkin-base-default; } .ion-bg-extended-pumpkin-base-press { - color: $ion-bg-extended-pumpkin-base-press; -} -.ion-background-bg-extended-pumpkin-base-press { + --background-color: $ion-bg-extended-pumpkin-base-press; background-color: $ion-bg-extended-pumpkin-base-press; } .ion-bg-extended-pumpkin-subtle-default { - color: $ion-bg-extended-pumpkin-subtle-default; -} -.ion-background-bg-extended-pumpkin-subtle-default { + --background-color: $ion-bg-extended-pumpkin-subtle-default; background-color: $ion-bg-extended-pumpkin-subtle-default; } .ion-bg-extended-pumpkin-subtle-press { - color: $ion-bg-extended-pumpkin-subtle-press; -} -.ion-background-bg-extended-pumpkin-subtle-press { + --background-color: $ion-bg-extended-pumpkin-subtle-press; background-color: $ion-bg-extended-pumpkin-subtle-press; } .ion-bg-extended-orange-base-default { - color: $ion-bg-extended-orange-base-default; -} -.ion-background-bg-extended-orange-base-default { + --background-color: $ion-bg-extended-orange-base-default; background-color: $ion-bg-extended-orange-base-default; } .ion-bg-extended-orange-base-press { - color: $ion-bg-extended-orange-base-press; -} -.ion-background-bg-extended-orange-base-press { + --background-color: $ion-bg-extended-orange-base-press; background-color: $ion-bg-extended-orange-base-press; } .ion-bg-extended-orange-subtle-default { - color: $ion-bg-extended-orange-subtle-default; -} -.ion-background-bg-extended-orange-subtle-default { + --background-color: $ion-bg-extended-orange-subtle-default; background-color: $ion-bg-extended-orange-subtle-default; } .ion-bg-extended-orange-subtle-press { - color: $ion-bg-extended-orange-subtle-press; -} -.ion-background-bg-extended-orange-subtle-press { + --background-color: $ion-bg-extended-orange-subtle-press; background-color: $ion-bg-extended-orange-subtle-press; } .ion-bg-extended-lime-base-default { - color: $ion-bg-extended-lime-base-default; -} -.ion-background-bg-extended-lime-base-default { + --background-color: $ion-bg-extended-lime-base-default; background-color: $ion-bg-extended-lime-base-default; } .ion-bg-extended-lime-base-press { - color: $ion-bg-extended-lime-base-press; -} -.ion-background-bg-extended-lime-base-press { + --background-color: $ion-bg-extended-lime-base-press; background-color: $ion-bg-extended-lime-base-press; } .ion-bg-extended-lime-subtle-default { - color: $ion-bg-extended-lime-subtle-default; -} -.ion-background-bg-extended-lime-subtle-default { + --background-color: $ion-bg-extended-lime-subtle-default; background-color: $ion-bg-extended-lime-subtle-default; } .ion-bg-extended-lime-subtle-press { - color: $ion-bg-extended-lime-subtle-press; -} -.ion-background-bg-extended-lime-subtle-press { + --background-color: $ion-bg-extended-lime-subtle-press; background-color: $ion-bg-extended-lime-subtle-press; } .ion-bg-extended-teal-base-default { - color: $ion-bg-extended-teal-base-default; -} -.ion-background-bg-extended-teal-base-default { + --background-color: $ion-bg-extended-teal-base-default; background-color: $ion-bg-extended-teal-base-default; } .ion-bg-extended-teal-base-press { - color: $ion-bg-extended-teal-base-press; -} -.ion-background-bg-extended-teal-base-press { + --background-color: $ion-bg-extended-teal-base-press; background-color: $ion-bg-extended-teal-base-press; } .ion-bg-extended-teal-subtle-default { - color: $ion-bg-extended-teal-subtle-default; -} -.ion-background-bg-extended-teal-subtle-default { + --background-color: $ion-bg-extended-teal-subtle-default; background-color: $ion-bg-extended-teal-subtle-default; } .ion-bg-extended-teal-subtle-press { - color: $ion-bg-extended-teal-subtle-press; -} -.ion-background-bg-extended-teal-subtle-press { + --background-color: $ion-bg-extended-teal-subtle-press; background-color: $ion-bg-extended-teal-subtle-press; } .ion-bg-extended-aqua-base-default { - color: $ion-bg-extended-aqua-base-default; -} -.ion-background-bg-extended-aqua-base-default { + --background-color: $ion-bg-extended-aqua-base-default; background-color: $ion-bg-extended-aqua-base-default; } .ion-bg-extended-aqua-base-press { - color: $ion-bg-extended-aqua-base-press; -} -.ion-background-bg-extended-aqua-base-press { + --background-color: $ion-bg-extended-aqua-base-press; background-color: $ion-bg-extended-aqua-base-press; } .ion-bg-extended-aqua-subtle-default { - color: $ion-bg-extended-aqua-subtle-default; -} -.ion-background-bg-extended-aqua-subtle-default { + --background-color: $ion-bg-extended-aqua-subtle-default; background-color: $ion-bg-extended-aqua-subtle-default; } .ion-bg-extended-aqua-subtle-press { - color: $ion-bg-extended-aqua-subtle-press; -} -.ion-background-bg-extended-aqua-subtle-press { + --background-color: $ion-bg-extended-aqua-subtle-press; background-color: $ion-bg-extended-aqua-subtle-press; } .ion-bg-extended-indigo-base-default { - color: $ion-bg-extended-indigo-base-default; -} -.ion-background-bg-extended-indigo-base-default { + --background-color: $ion-bg-extended-indigo-base-default; background-color: $ion-bg-extended-indigo-base-default; } .ion-bg-extended-indigo-base-press { - color: $ion-bg-extended-indigo-base-press; -} -.ion-background-bg-extended-indigo-base-press { + --background-color: $ion-bg-extended-indigo-base-press; background-color: $ion-bg-extended-indigo-base-press; } .ion-bg-extended-indigo-subtle-default { - color: $ion-bg-extended-indigo-subtle-default; -} -.ion-background-bg-extended-indigo-subtle-default { + --background-color: $ion-bg-extended-indigo-subtle-default; background-color: $ion-bg-extended-indigo-subtle-default; } .ion-bg-extended-indigo-subtle-press { - color: $ion-bg-extended-indigo-subtle-press; -} -.ion-background-bg-extended-indigo-subtle-press { + --background-color: $ion-bg-extended-indigo-subtle-press; background-color: $ion-bg-extended-indigo-subtle-press; } .ion-bg-extended-violet-base-default { - color: $ion-bg-extended-violet-base-default; -} -.ion-background-bg-extended-violet-base-default { + --background-color: $ion-bg-extended-violet-base-default; background-color: $ion-bg-extended-violet-base-default; } .ion-bg-extended-violet-base-press { - color: $ion-bg-extended-violet-base-press; -} -.ion-background-bg-extended-violet-base-press { + --background-color: $ion-bg-extended-violet-base-press; background-color: $ion-bg-extended-violet-base-press; } .ion-bg-extended-violet-subtle-default { - color: $ion-bg-extended-violet-subtle-default; -} -.ion-background-bg-extended-violet-subtle-default { + --background-color: $ion-bg-extended-violet-subtle-default; background-color: $ion-bg-extended-violet-subtle-default; } .ion-bg-extended-violet-subtle-press { - color: $ion-bg-extended-violet-subtle-press; -} -.ion-background-bg-extended-violet-subtle-press { + --background-color: $ion-bg-extended-violet-subtle-press; background-color: $ion-bg-extended-violet-subtle-press; } .ion-bg-extended-purple-base-default { - color: $ion-bg-extended-purple-base-default; -} -.ion-background-bg-extended-purple-base-default { + --background-color: $ion-bg-extended-purple-base-default; background-color: $ion-bg-extended-purple-base-default; } .ion-bg-extended-purple-base-press { - color: $ion-bg-extended-purple-base-press; -} -.ion-background-bg-extended-purple-base-press { + --background-color: $ion-bg-extended-purple-base-press; background-color: $ion-bg-extended-purple-base-press; } .ion-bg-extended-purple-subtle-default { - color: $ion-bg-extended-purple-subtle-default; -} -.ion-background-bg-extended-purple-subtle-default { + --background-color: $ion-bg-extended-purple-subtle-default; background-color: $ion-bg-extended-purple-subtle-default; } .ion-bg-extended-purple-subtle-press { - color: $ion-bg-extended-purple-subtle-press; -} -.ion-background-bg-extended-purple-subtle-press { + --background-color: $ion-bg-extended-purple-subtle-press; background-color: $ion-bg-extended-purple-subtle-press; } .ion-bg-extended-magenta-base-default { - color: $ion-bg-extended-magenta-base-default; -} -.ion-background-bg-extended-magenta-base-default { + --background-color: $ion-bg-extended-magenta-base-default; background-color: $ion-bg-extended-magenta-base-default; } .ion-bg-extended-magenta-base-press { - color: $ion-bg-extended-magenta-base-press; -} -.ion-background-bg-extended-magenta-base-press { + --background-color: $ion-bg-extended-magenta-base-press; background-color: $ion-bg-extended-magenta-base-press; } .ion-bg-extended-magenta-subtle-default { - color: $ion-bg-extended-magenta-subtle-default; -} -.ion-background-bg-extended-magenta-subtle-default { + --background-color: $ion-bg-extended-magenta-subtle-default; background-color: $ion-bg-extended-magenta-subtle-default; } .ion-bg-extended-magenta-subtle-press { - color: $ion-bg-extended-magenta-subtle-press; -} -.ion-background-bg-extended-magenta-subtle-press { + --background-color: $ion-bg-extended-magenta-subtle-press; background-color: $ion-bg-extended-magenta-subtle-press; } .ion-bg-extended-pink-base-default { - color: $ion-bg-extended-pink-base-default; -} -.ion-background-bg-extended-pink-base-default { + --background-color: $ion-bg-extended-pink-base-default; background-color: $ion-bg-extended-pink-base-default; } .ion-bg-extended-pink-base-press { - color: $ion-bg-extended-pink-base-press; -} -.ion-background-bg-extended-pink-base-press { + --background-color: $ion-bg-extended-pink-base-press; background-color: $ion-bg-extended-pink-base-press; } .ion-bg-extended-pink-subtle-default { - color: $ion-bg-extended-pink-subtle-default; -} -.ion-background-bg-extended-pink-subtle-default { + --background-color: $ion-bg-extended-pink-subtle-default; background-color: $ion-bg-extended-pink-subtle-default; } .ion-bg-extended-pink-subtle-press { - color: $ion-bg-extended-pink-subtle-press; -} -.ion-background-bg-extended-pink-subtle-press { + --background-color: $ion-bg-extended-pink-subtle-press; background-color: $ion-bg-extended-pink-subtle-press; } .ion-text-default { + --color: $ion-text-default; color: $ion-text-default; } -.ion-background-text-default { - background-color: $ion-text-default; -} .ion-text-subtle { + --color: $ion-text-subtle; color: $ion-text-subtle; } -.ion-background-text-subtle { - background-color: $ion-text-subtle; -} .ion-text-subtlest { + --color: $ion-text-subtlest; color: $ion-text-subtlest; } -.ion-background-text-subtlest { - background-color: $ion-text-subtlest; -} .ion-text-primary { + --color: $ion-text-primary; color: $ion-text-primary; } -.ion-background-text-primary { - background-color: $ion-text-primary; -} .ion-text-disabled { + --color: $ion-text-disabled; color: $ion-text-disabled; } -.ion-background-text-disabled { - background-color: $ion-text-disabled; -} .ion-text-danger { + --color: $ion-text-danger; color: $ion-text-danger; } -.ion-background-text-danger { - background-color: $ion-text-danger; -} .ion-text-info { + --color: $ion-text-info; color: $ion-text-info; } -.ion-background-text-info { - background-color: $ion-text-info; -} .ion-text-warning { + --color: $ion-text-warning; color: $ion-text-warning; } -.ion-background-text-warning { - background-color: $ion-text-warning; -} .ion-text-success { + --color: $ion-text-success; color: $ion-text-success; } -.ion-background-text-success { - background-color: $ion-text-success; -} .ion-text-link-default { + --color: $ion-text-link-default; color: $ion-text-link-default; } -.ion-background-text-link-default { - background-color: $ion-text-link-default; -} .ion-text-link-press { + --color: $ion-text-link-press; color: $ion-text-link-press; } -.ion-background-text-link-press { - background-color: $ion-text-link-press; -} .ion-text-link-visited { + --color: $ion-text-link-visited; color: $ion-text-link-visited; } -.ion-background-text-link-visited { - background-color: $ion-text-link-visited; -} .ion-text-inverse { + --color: $ion-text-inverse; color: $ion-text-inverse; } -.ion-background-text-inverse { - background-color: $ion-text-inverse; -} .ion-text-select { + --color: $ion-text-select; color: $ion-text-select; } -.ion-background-text-select { - background-color: $ion-text-select; -} .ion-text-extended-pumpkin { + --color: $ion-text-extended-pumpkin; color: $ion-text-extended-pumpkin; } -.ion-background-text-extended-pumpkin { - background-color: $ion-text-extended-pumpkin; -} .ion-text-extended-orange { + --color: $ion-text-extended-orange; color: $ion-text-extended-orange; } -.ion-background-text-extended-orange { - background-color: $ion-text-extended-orange; -} .ion-text-extended-lime { + --color: $ion-text-extended-lime; color: $ion-text-extended-lime; } -.ion-background-text-extended-lime { - background-color: $ion-text-extended-lime; -} .ion-text-extended-teal { + --color: $ion-text-extended-teal; color: $ion-text-extended-teal; } -.ion-background-text-extended-teal { - background-color: $ion-text-extended-teal; -} .ion-text-extended-aqua { + --color: $ion-text-extended-aqua; color: $ion-text-extended-aqua; } -.ion-background-text-extended-aqua { - background-color: $ion-text-extended-aqua; -} .ion-text-extended-indigo { + --color: $ion-text-extended-indigo; color: $ion-text-extended-indigo; } -.ion-background-text-extended-indigo { - background-color: $ion-text-extended-indigo; -} .ion-text-extended-violet { + --color: $ion-text-extended-violet; color: $ion-text-extended-violet; } -.ion-background-text-extended-violet { - background-color: $ion-text-extended-violet; -} .ion-text-extended-purple { + --color: $ion-text-extended-purple; color: $ion-text-extended-purple; } -.ion-background-text-extended-purple { - background-color: $ion-text-extended-purple; -} .ion-text-extended-magenta { + --color: $ion-text-extended-magenta; color: $ion-text-extended-magenta; } -.ion-background-text-extended-magenta { - background-color: $ion-text-extended-magenta; -} .ion-text-extended-pink { + --color: $ion-text-extended-pink; color: $ion-text-extended-pink; } -.ion-background-text-extended-pink { - background-color: $ion-text-extended-pink; -} .ion-border-default { + --border-color: $ion-border-default; border-color: $ion-border-default; } .ion-border-boldest { + --border-color: $ion-border-boldest; border-color: $ion-border-boldest; } .ion-border-subtle { + --border-color: $ion-border-subtle; border-color: $ion-border-subtle; } .ion-border-subtlest { + --border-color: $ion-border-subtlest; border-color: $ion-border-subtlest; } .ion-border-primary { + --border-color: $ion-border-primary; border-color: $ion-border-primary; } .ion-border-success { + --border-color: $ion-border-success; border-color: $ion-border-success; } .ion-border-warning { + --border-color: $ion-border-warning; border-color: $ion-border-warning; } .ion-border-disabled { + --border-color: $ion-border-disabled; border-color: $ion-border-disabled; } .ion-border-focus-0 { + --border-color: $ion-border-focus-0; border-color: $ion-border-focus-0; } .ion-border-focus-default { + --border-color: $ion-border-focus-default; border-color: $ion-border-focus-default; } .ion-border-focus-error { + --border-color: $ion-border-focus-error; border-color: $ion-border-focus-error; } .ion-border-danger-default { + --border-color: $ion-border-danger-default; border-color: $ion-border-danger-default; } .ion-border-danger-press { + --border-color: $ion-border-danger-press; border-color: $ion-border-danger-press; } .ion-border-input-default { + --border-color: $ion-border-input-default; border-color: $ion-border-input-default; } .ion-border-input-press { + --border-color: $ion-border-input-press; border-color: $ion-border-input-press; } .ion-border-input-read-only { + --border-color: $ion-border-input-read-only; border-color: $ion-border-input-read-only; } .ion-border-style-none { + --border-style: $ion-border-style-none; border-style: $ion-border-style-none; } .ion-border-style-solid { + --border-style: $ion-border-style-solid; border-style: $ion-border-style-solid; } .ion-border-style-dashed { + --border-style: $ion-border-style-dashed; border-style: $ion-border-style-dashed; } .ion-border-style-dotted { + --border-style: $ion-border-style-dotted; border-style: $ion-border-style-dotted; } .ion-border-size-0 { + --border-width: $ion-border-size-0; border-width: $ion-border-size-0; } .ion-border-size-025 { + --border-width: $ion-border-size-025; border-width: $ion-border-size-025; } .ion-border-size-050 { + --border-width: $ion-border-size-050; border-width: $ion-border-size-050; } .ion-border-size-075 { + --border-width: $ion-border-size-075; border-width: $ion-border-size-075; } .ion-border-radius-0 { + --border-radius: $ion-border-radius-0; border-radius: $ion-border-radius-0; } .ion-border-radius-100 { + --border-radius: $ion-border-radius-100; border-radius: $ion-border-radius-100; } .ion-border-radius-200 { + --border-radius: $ion-border-radius-200; border-radius: $ion-border-radius-200; } .ion-border-radius-300 { + --border-radius: $ion-border-radius-300; border-radius: $ion-border-radius-300; } .ion-border-radius-400 { + --border-radius: $ion-border-radius-400; border-radius: $ion-border-radius-400; } .ion-border-radius-500 { + --border-radius: $ion-border-radius-500; border-radius: $ion-border-radius-500; } .ion-border-radius-800 { + --border-radius: $ion-border-radius-800; border-radius: $ion-border-radius-800; } .ion-border-radius-1000 { + --border-radius: $ion-border-radius-1000; border-radius: $ion-border-radius-1000; } .ion-border-radius-full { + --border-radius: $ion-border-radius-full; border-radius: $ion-border-radius-full; } .ion-border-radius-025 { + --border-radius: $ion-border-radius-025; border-radius: $ion-border-radius-025; } .ion-icon-default { + --color: $ion-icon-default; color: $ion-icon-default; } -.ion-background-icon-default { - background-color: $ion-icon-default; -} .ion-icon-subtle { + --color: $ion-icon-subtle; color: $ion-icon-subtle; } -.ion-background-icon-subtle { - background-color: $ion-icon-subtle; -} .ion-icon-subtlest { + --color: $ion-icon-subtlest; color: $ion-icon-subtlest; } -.ion-background-icon-subtlest { - background-color: $ion-icon-subtlest; -} .ion-icon-disabled { + --color: $ion-icon-disabled; color: $ion-icon-disabled; } -.ion-background-icon-disabled { - background-color: $ion-icon-disabled; -} .ion-icon-primary { + --color: $ion-icon-primary; color: $ion-icon-primary; } -.ion-background-icon-primary { - background-color: $ion-icon-primary; -} .ion-icon-select { + --color: $ion-icon-select; color: $ion-icon-select; } -.ion-background-icon-select { - background-color: $ion-icon-select; -} .ion-icon-info { + --color: $ion-icon-info; color: $ion-icon-info; } -.ion-background-icon-info { - background-color: $ion-icon-info; -} .ion-icon-success { + --color: $ion-icon-success; color: $ion-icon-success; } -.ion-background-icon-success { - background-color: $ion-icon-success; -} .ion-icon-danger { + --color: $ion-icon-danger; color: $ion-icon-danger; } -.ion-background-icon-danger { - background-color: $ion-icon-danger; -} .ion-icon-warning { + --color: $ion-icon-warning; color: $ion-icon-warning; } -.ion-background-icon-warning { - background-color: $ion-icon-warning; -} .ion-icon-inverse { + --color: $ion-icon-inverse; color: $ion-icon-inverse; } -.ion-background-icon-inverse { - background-color: $ion-icon-inverse; -} .ion-icon-link-default { + --color: $ion-icon-link-default; color: $ion-icon-link-default; } -.ion-background-icon-link-default { - background-color: $ion-icon-link-default; -} .ion-icon-link-press { + --color: $ion-icon-link-press; color: $ion-icon-link-press; } -.ion-background-icon-link-press { - background-color: $ion-icon-link-press; -} .ion-icon-link-visited { + --color: $ion-icon-link-visited; color: $ion-icon-link-visited; } -.ion-background-icon-link-visited { - background-color: $ion-icon-link-visited; -} .ion-icon-extended-pumpkin { + --color: $ion-icon-extended-pumpkin; color: $ion-icon-extended-pumpkin; } -.ion-background-icon-extended-pumpkin { - background-color: $ion-icon-extended-pumpkin; -} .ion-icon-extended-orange { + --color: $ion-icon-extended-orange; color: $ion-icon-extended-orange; } -.ion-background-icon-extended-orange { - background-color: $ion-icon-extended-orange; -} .ion-icon-extended-lime { + --color: $ion-icon-extended-lime; color: $ion-icon-extended-lime; } -.ion-background-icon-extended-lime { - background-color: $ion-icon-extended-lime; -} .ion-icon-extended-teal { + --color: $ion-icon-extended-teal; color: $ion-icon-extended-teal; } -.ion-background-icon-extended-teal { - background-color: $ion-icon-extended-teal; -} .ion-icon-extended-aqua { + --color: $ion-icon-extended-aqua; color: $ion-icon-extended-aqua; } -.ion-background-icon-extended-aqua { - background-color: $ion-icon-extended-aqua; -} .ion-icon-extended-indigo { + --color: $ion-icon-extended-indigo; color: $ion-icon-extended-indigo; } -.ion-background-icon-extended-indigo { - background-color: $ion-icon-extended-indigo; -} .ion-icon-extended-violet { + --color: $ion-icon-extended-violet; color: $ion-icon-extended-violet; } -.ion-background-icon-extended-violet { - background-color: $ion-icon-extended-violet; -} .ion-icon-extended-purple { + --color: $ion-icon-extended-purple; color: $ion-icon-extended-purple; } -.ion-background-icon-extended-purple { - background-color: $ion-icon-extended-purple; -} .ion-icon-extended-magenta { + --color: $ion-icon-extended-magenta; color: $ion-icon-extended-magenta; } -.ion-background-icon-extended-magenta { - background-color: $ion-icon-extended-magenta; -} .ion-icon-extended-pink { + --color: $ion-icon-extended-pink; color: $ion-icon-extended-pink; } -.ion-background-icon-extended-pink { - background-color: $ion-icon-extended-pink; -} .ion-state-disabled { + --color: $ion-state-disabled; color: $ion-state-disabled; } -.ion-background-state-disabled { - background-color: $ion-state-disabled; -} .ion-state-press { + --color: $ion-state-press; color: $ion-state-press; } -.ion-background-state-press { - background-color: $ion-state-press; -} .ion-elevation-1 { + --box-shadow: $ion-elevation-1; box-shadow: $ion-elevation-1; } .ion-elevation-2 { + --box-shadow: $ion-elevation-2; box-shadow: $ion-elevation-2; } .ion-elevation-3 { + --box-shadow: $ion-elevation-3; box-shadow: $ion-elevation-3; } .ion-elevation-4 { + --box-shadow: $ion-elevation-4; box-shadow: $ion-elevation-4; } @@ -3003,1179 +2645,843 @@ Do not edit directly, this file was auto-generated. z-index: $ion-z-index-top; } .ion-rectangular-2xs { + --border-radius: $ion-rectangular-2xs; border-radius: $ion-rectangular-2xs; } .ion-rectangular-xs { + --border-radius: $ion-rectangular-xs; border-radius: $ion-rectangular-xs; } .ion-rectangular-sm { + --border-radius: $ion-rectangular-sm; border-radius: $ion-rectangular-sm; } .ion-rectangular-md { + --border-radius: $ion-rectangular-md; border-radius: $ion-rectangular-md; } .ion-rectangular-lg { + --border-radius: $ion-rectangular-lg; border-radius: $ion-rectangular-lg; } .ion-rectangular-xl { + --border-radius: $ion-rectangular-xl; border-radius: $ion-rectangular-xl; } .ion-rectangular-2xl { + --border-radius: $ion-rectangular-2xl; border-radius: $ion-rectangular-2xl; } .ion-round-2xs { + --border-radius: $ion-round-2xs; border-radius: $ion-round-2xs; } .ion-round-xs { + --border-radius: $ion-round-xs; border-radius: $ion-round-xs; } .ion-round-sm { + --border-radius: $ion-round-sm; border-radius: $ion-round-sm; } .ion-round-md { + --border-radius: $ion-round-md; border-radius: $ion-round-md; } .ion-round-lg { + --border-radius: $ion-round-lg; border-radius: $ion-round-lg; } .ion-round-xl { + --border-radius: $ion-round-xl; border-radius: $ion-round-xl; } .ion-round-2xl { + --border-radius: $ion-round-2xl; border-radius: $ion-round-2xl; } .ion-soft-2xs { + --border-radius: $ion-soft-2xs; border-radius: $ion-soft-2xs; } .ion-soft-xs { + --border-radius: $ion-soft-xs; border-radius: $ion-soft-xs; } .ion-soft-sm { + --border-radius: $ion-soft-sm; border-radius: $ion-soft-sm; } .ion-soft-md { + --border-radius: $ion-soft-md; border-radius: $ion-soft-md; } .ion-soft-lg { + --border-radius: $ion-soft-lg; border-radius: $ion-soft-lg; } .ion-soft-xl { + --border-radius: $ion-soft-xl; border-radius: $ion-soft-xl; } .ion-soft-2xl { + --border-radius: $ion-soft-2xl; border-radius: $ion-soft-2xl; } .ion-primitives-neutral-100 { + --color: $ion-primitives-neutral-100; color: $ion-primitives-neutral-100; } -.ion-background-primitives-neutral-100 { - background-color: $ion-primitives-neutral-100; -} .ion-primitives-neutral-200 { + --color: $ion-primitives-neutral-200; color: $ion-primitives-neutral-200; } -.ion-background-primitives-neutral-200 { - background-color: $ion-primitives-neutral-200; -} .ion-primitives-neutral-300 { + --color: $ion-primitives-neutral-300; color: $ion-primitives-neutral-300; } -.ion-background-primitives-neutral-300 { - background-color: $ion-primitives-neutral-300; -} .ion-primitives-neutral-400 { + --color: $ion-primitives-neutral-400; color: $ion-primitives-neutral-400; } -.ion-background-primitives-neutral-400 { - background-color: $ion-primitives-neutral-400; -} .ion-primitives-neutral-500 { + --color: $ion-primitives-neutral-500; color: $ion-primitives-neutral-500; } -.ion-background-primitives-neutral-500 { - background-color: $ion-primitives-neutral-500; -} .ion-primitives-neutral-600 { + --color: $ion-primitives-neutral-600; color: $ion-primitives-neutral-600; } -.ion-background-primitives-neutral-600 { - background-color: $ion-primitives-neutral-600; -} .ion-primitives-neutral-700 { + --color: $ion-primitives-neutral-700; color: $ion-primitives-neutral-700; } -.ion-background-primitives-neutral-700 { - background-color: $ion-primitives-neutral-700; -} .ion-primitives-neutral-800 { + --color: $ion-primitives-neutral-800; color: $ion-primitives-neutral-800; } -.ion-background-primitives-neutral-800 { - background-color: $ion-primitives-neutral-800; -} .ion-primitives-neutral-900 { + --color: $ion-primitives-neutral-900; color: $ion-primitives-neutral-900; } -.ion-background-primitives-neutral-900 { - background-color: $ion-primitives-neutral-900; -} .ion-primitives-neutral-1000 { + --color: $ion-primitives-neutral-1000; color: $ion-primitives-neutral-1000; } -.ion-background-primitives-neutral-1000 { - background-color: $ion-primitives-neutral-1000; -} .ion-primitives-neutral-1100 { + --color: $ion-primitives-neutral-1100; color: $ion-primitives-neutral-1100; } -.ion-background-primitives-neutral-1100 { - background-color: $ion-primitives-neutral-1100; -} .ion-primitives-neutral-1200 { + --color: $ion-primitives-neutral-1200; color: $ion-primitives-neutral-1200; } -.ion-background-primitives-neutral-1200 { - background-color: $ion-primitives-neutral-1200; -} .ion-primitives-base-white { + --color: $ion-primitives-base-white; color: $ion-primitives-base-white; } -.ion-background-primitives-base-white { - background-color: $ion-primitives-base-white; -} .ion-primitives-base-black { + --color: $ion-primitives-base-black; color: $ion-primitives-base-black; } -.ion-background-primitives-base-black { - background-color: $ion-primitives-base-black; -} .ion-primitives-red-100 { + --color: $ion-primitives-red-100; color: $ion-primitives-red-100; } -.ion-background-primitives-red-100 { - background-color: $ion-primitives-red-100; -} .ion-primitives-red-200 { + --color: $ion-primitives-red-200; color: $ion-primitives-red-200; } -.ion-background-primitives-red-200 { - background-color: $ion-primitives-red-200; -} .ion-primitives-red-300 { + --color: $ion-primitives-red-300; color: $ion-primitives-red-300; } -.ion-background-primitives-red-300 { - background-color: $ion-primitives-red-300; -} .ion-primitives-red-400 { + --color: $ion-primitives-red-400; color: $ion-primitives-red-400; } -.ion-background-primitives-red-400 { - background-color: $ion-primitives-red-400; -} .ion-primitives-red-500 { + --color: $ion-primitives-red-500; color: $ion-primitives-red-500; } -.ion-background-primitives-red-500 { - background-color: $ion-primitives-red-500; -} .ion-primitives-red-600 { + --color: $ion-primitives-red-600; color: $ion-primitives-red-600; } -.ion-background-primitives-red-600 { - background-color: $ion-primitives-red-600; -} .ion-primitives-red-700 { + --color: $ion-primitives-red-700; color: $ion-primitives-red-700; } -.ion-background-primitives-red-700 { - background-color: $ion-primitives-red-700; -} .ion-primitives-red-800 { + --color: $ion-primitives-red-800; color: $ion-primitives-red-800; } -.ion-background-primitives-red-800 { - background-color: $ion-primitives-red-800; -} .ion-primitives-red-900 { + --color: $ion-primitives-red-900; color: $ion-primitives-red-900; } -.ion-background-primitives-red-900 { - background-color: $ion-primitives-red-900; -} .ion-primitives-red-1000 { + --color: $ion-primitives-red-1000; color: $ion-primitives-red-1000; } -.ion-background-primitives-red-1000 { - background-color: $ion-primitives-red-1000; -} .ion-primitives-red-1100 { + --color: $ion-primitives-red-1100; color: $ion-primitives-red-1100; } -.ion-background-primitives-red-1100 { - background-color: $ion-primitives-red-1100; -} .ion-primitives-red-1200 { + --color: $ion-primitives-red-1200; color: $ion-primitives-red-1200; } -.ion-background-primitives-red-1200 { - background-color: $ion-primitives-red-1200; -} .ion-primitives-pumpkin-100 { + --color: $ion-primitives-pumpkin-100; color: $ion-primitives-pumpkin-100; } -.ion-background-primitives-pumpkin-100 { - background-color: $ion-primitives-pumpkin-100; -} .ion-primitives-pumpkin-200 { + --color: $ion-primitives-pumpkin-200; color: $ion-primitives-pumpkin-200; } -.ion-background-primitives-pumpkin-200 { - background-color: $ion-primitives-pumpkin-200; -} .ion-primitives-pumpkin-300 { + --color: $ion-primitives-pumpkin-300; color: $ion-primitives-pumpkin-300; } -.ion-background-primitives-pumpkin-300 { - background-color: $ion-primitives-pumpkin-300; -} .ion-primitives-pumpkin-400 { + --color: $ion-primitives-pumpkin-400; color: $ion-primitives-pumpkin-400; } -.ion-background-primitives-pumpkin-400 { - background-color: $ion-primitives-pumpkin-400; -} .ion-primitives-pumpkin-500 { + --color: $ion-primitives-pumpkin-500; color: $ion-primitives-pumpkin-500; } -.ion-background-primitives-pumpkin-500 { - background-color: $ion-primitives-pumpkin-500; -} .ion-primitives-pumpkin-600 { + --color: $ion-primitives-pumpkin-600; color: $ion-primitives-pumpkin-600; } -.ion-background-primitives-pumpkin-600 { - background-color: $ion-primitives-pumpkin-600; -} .ion-primitives-pumpkin-700 { + --color: $ion-primitives-pumpkin-700; color: $ion-primitives-pumpkin-700; } -.ion-background-primitives-pumpkin-700 { - background-color: $ion-primitives-pumpkin-700; -} .ion-primitives-pumpkin-800 { + --color: $ion-primitives-pumpkin-800; color: $ion-primitives-pumpkin-800; } -.ion-background-primitives-pumpkin-800 { - background-color: $ion-primitives-pumpkin-800; -} .ion-primitives-pumpkin-900 { + --color: $ion-primitives-pumpkin-900; color: $ion-primitives-pumpkin-900; } -.ion-background-primitives-pumpkin-900 { - background-color: $ion-primitives-pumpkin-900; -} .ion-primitives-pumpkin-1000 { + --color: $ion-primitives-pumpkin-1000; color: $ion-primitives-pumpkin-1000; } -.ion-background-primitives-pumpkin-1000 { - background-color: $ion-primitives-pumpkin-1000; -} .ion-primitives-pumpkin-1100 { + --color: $ion-primitives-pumpkin-1100; color: $ion-primitives-pumpkin-1100; } -.ion-background-primitives-pumpkin-1100 { - background-color: $ion-primitives-pumpkin-1100; -} .ion-primitives-pumpkin-1200 { + --color: $ion-primitives-pumpkin-1200; color: $ion-primitives-pumpkin-1200; } -.ion-background-primitives-pumpkin-1200 { - background-color: $ion-primitives-pumpkin-1200; -} .ion-primitives-orange-100 { + --color: $ion-primitives-orange-100; color: $ion-primitives-orange-100; } -.ion-background-primitives-orange-100 { - background-color: $ion-primitives-orange-100; -} .ion-primitives-orange-200 { + --color: $ion-primitives-orange-200; color: $ion-primitives-orange-200; } -.ion-background-primitives-orange-200 { - background-color: $ion-primitives-orange-200; -} .ion-primitives-orange-300 { + --color: $ion-primitives-orange-300; color: $ion-primitives-orange-300; } -.ion-background-primitives-orange-300 { - background-color: $ion-primitives-orange-300; -} .ion-primitives-orange-400 { + --color: $ion-primitives-orange-400; color: $ion-primitives-orange-400; } -.ion-background-primitives-orange-400 { - background-color: $ion-primitives-orange-400; -} .ion-primitives-orange-500 { + --color: $ion-primitives-orange-500; color: $ion-primitives-orange-500; } -.ion-background-primitives-orange-500 { - background-color: $ion-primitives-orange-500; -} .ion-primitives-orange-600 { + --color: $ion-primitives-orange-600; color: $ion-primitives-orange-600; } -.ion-background-primitives-orange-600 { - background-color: $ion-primitives-orange-600; -} .ion-primitives-orange-700 { + --color: $ion-primitives-orange-700; color: $ion-primitives-orange-700; } -.ion-background-primitives-orange-700 { - background-color: $ion-primitives-orange-700; -} .ion-primitives-orange-800 { + --color: $ion-primitives-orange-800; color: $ion-primitives-orange-800; } -.ion-background-primitives-orange-800 { - background-color: $ion-primitives-orange-800; -} .ion-primitives-orange-900 { + --color: $ion-primitives-orange-900; color: $ion-primitives-orange-900; } -.ion-background-primitives-orange-900 { - background-color: $ion-primitives-orange-900; -} .ion-primitives-orange-1000 { + --color: $ion-primitives-orange-1000; color: $ion-primitives-orange-1000; } -.ion-background-primitives-orange-1000 { - background-color: $ion-primitives-orange-1000; -} .ion-primitives-orange-1100 { + --color: $ion-primitives-orange-1100; color: $ion-primitives-orange-1100; } -.ion-background-primitives-orange-1100 { - background-color: $ion-primitives-orange-1100; -} .ion-primitives-orange-1200 { + --color: $ion-primitives-orange-1200; color: $ion-primitives-orange-1200; } -.ion-background-primitives-orange-1200 { - background-color: $ion-primitives-orange-1200; -} .ion-primitives-yellow-100 { + --color: $ion-primitives-yellow-100; color: $ion-primitives-yellow-100; } -.ion-background-primitives-yellow-100 { - background-color: $ion-primitives-yellow-100; -} .ion-primitives-yellow-200 { + --color: $ion-primitives-yellow-200; color: $ion-primitives-yellow-200; } -.ion-background-primitives-yellow-200 { - background-color: $ion-primitives-yellow-200; -} .ion-primitives-yellow-300 { + --color: $ion-primitives-yellow-300; color: $ion-primitives-yellow-300; } -.ion-background-primitives-yellow-300 { - background-color: $ion-primitives-yellow-300; -} .ion-primitives-yellow-400 { + --color: $ion-primitives-yellow-400; color: $ion-primitives-yellow-400; } -.ion-background-primitives-yellow-400 { - background-color: $ion-primitives-yellow-400; -} .ion-primitives-yellow-500 { + --color: $ion-primitives-yellow-500; color: $ion-primitives-yellow-500; } -.ion-background-primitives-yellow-500 { - background-color: $ion-primitives-yellow-500; -} .ion-primitives-yellow-600 { + --color: $ion-primitives-yellow-600; color: $ion-primitives-yellow-600; } -.ion-background-primitives-yellow-600 { - background-color: $ion-primitives-yellow-600; -} .ion-primitives-yellow-700 { + --color: $ion-primitives-yellow-700; color: $ion-primitives-yellow-700; } -.ion-background-primitives-yellow-700 { - background-color: $ion-primitives-yellow-700; -} .ion-primitives-yellow-800 { + --color: $ion-primitives-yellow-800; color: $ion-primitives-yellow-800; } -.ion-background-primitives-yellow-800 { - background-color: $ion-primitives-yellow-800; -} .ion-primitives-yellow-900 { + --color: $ion-primitives-yellow-900; color: $ion-primitives-yellow-900; } -.ion-background-primitives-yellow-900 { - background-color: $ion-primitives-yellow-900; -} .ion-primitives-yellow-1000 { + --color: $ion-primitives-yellow-1000; color: $ion-primitives-yellow-1000; } -.ion-background-primitives-yellow-1000 { - background-color: $ion-primitives-yellow-1000; -} .ion-primitives-yellow-1100 { + --color: $ion-primitives-yellow-1100; color: $ion-primitives-yellow-1100; } -.ion-background-primitives-yellow-1100 { - background-color: $ion-primitives-yellow-1100; -} .ion-primitives-yellow-1200 { + --color: $ion-primitives-yellow-1200; color: $ion-primitives-yellow-1200; } -.ion-background-primitives-yellow-1200 { - background-color: $ion-primitives-yellow-1200; -} .ion-primitives-lime-100 { + --color: $ion-primitives-lime-100; color: $ion-primitives-lime-100; } -.ion-background-primitives-lime-100 { - background-color: $ion-primitives-lime-100; -} .ion-primitives-lime-200 { + --color: $ion-primitives-lime-200; color: $ion-primitives-lime-200; } -.ion-background-primitives-lime-200 { - background-color: $ion-primitives-lime-200; -} .ion-primitives-lime-300 { + --color: $ion-primitives-lime-300; color: $ion-primitives-lime-300; } -.ion-background-primitives-lime-300 { - background-color: $ion-primitives-lime-300; -} .ion-primitives-lime-400 { + --color: $ion-primitives-lime-400; color: $ion-primitives-lime-400; } -.ion-background-primitives-lime-400 { - background-color: $ion-primitives-lime-400; -} .ion-primitives-lime-500 { + --color: $ion-primitives-lime-500; color: $ion-primitives-lime-500; } -.ion-background-primitives-lime-500 { - background-color: $ion-primitives-lime-500; -} .ion-primitives-lime-600 { + --color: $ion-primitives-lime-600; color: $ion-primitives-lime-600; } -.ion-background-primitives-lime-600 { - background-color: $ion-primitives-lime-600; -} .ion-primitives-lime-700 { + --color: $ion-primitives-lime-700; color: $ion-primitives-lime-700; } -.ion-background-primitives-lime-700 { - background-color: $ion-primitives-lime-700; -} .ion-primitives-lime-800 { + --color: $ion-primitives-lime-800; color: $ion-primitives-lime-800; } -.ion-background-primitives-lime-800 { - background-color: $ion-primitives-lime-800; -} .ion-primitives-lime-900 { + --color: $ion-primitives-lime-900; color: $ion-primitives-lime-900; } -.ion-background-primitives-lime-900 { - background-color: $ion-primitives-lime-900; -} .ion-primitives-lime-1000 { + --color: $ion-primitives-lime-1000; color: $ion-primitives-lime-1000; } -.ion-background-primitives-lime-1000 { - background-color: $ion-primitives-lime-1000; -} .ion-primitives-lime-1100 { + --color: $ion-primitives-lime-1100; color: $ion-primitives-lime-1100; } -.ion-background-primitives-lime-1100 { - background-color: $ion-primitives-lime-1100; -} .ion-primitives-lime-1200 { + --color: $ion-primitives-lime-1200; color: $ion-primitives-lime-1200; } -.ion-background-primitives-lime-1200 { - background-color: $ion-primitives-lime-1200; -} .ion-primitives-green-100 { + --color: $ion-primitives-green-100; color: $ion-primitives-green-100; } -.ion-background-primitives-green-100 { - background-color: $ion-primitives-green-100; -} .ion-primitives-green-200 { + --color: $ion-primitives-green-200; color: $ion-primitives-green-200; } -.ion-background-primitives-green-200 { - background-color: $ion-primitives-green-200; -} .ion-primitives-green-300 { + --color: $ion-primitives-green-300; color: $ion-primitives-green-300; } -.ion-background-primitives-green-300 { - background-color: $ion-primitives-green-300; -} .ion-primitives-green-400 { + --color: $ion-primitives-green-400; color: $ion-primitives-green-400; } -.ion-background-primitives-green-400 { - background-color: $ion-primitives-green-400; -} .ion-primitives-green-500 { + --color: $ion-primitives-green-500; color: $ion-primitives-green-500; } -.ion-background-primitives-green-500 { - background-color: $ion-primitives-green-500; -} .ion-primitives-green-600 { + --color: $ion-primitives-green-600; color: $ion-primitives-green-600; } -.ion-background-primitives-green-600 { - background-color: $ion-primitives-green-600; -} .ion-primitives-green-700 { + --color: $ion-primitives-green-700; color: $ion-primitives-green-700; } -.ion-background-primitives-green-700 { - background-color: $ion-primitives-green-700; -} .ion-primitives-green-800 { + --color: $ion-primitives-green-800; color: $ion-primitives-green-800; } -.ion-background-primitives-green-800 { - background-color: $ion-primitives-green-800; -} .ion-primitives-green-900 { + --color: $ion-primitives-green-900; color: $ion-primitives-green-900; } -.ion-background-primitives-green-900 { - background-color: $ion-primitives-green-900; -} .ion-primitives-green-1000 { + --color: $ion-primitives-green-1000; color: $ion-primitives-green-1000; } -.ion-background-primitives-green-1000 { - background-color: $ion-primitives-green-1000; -} .ion-primitives-green-1100 { + --color: $ion-primitives-green-1100; color: $ion-primitives-green-1100; } -.ion-background-primitives-green-1100 { - background-color: $ion-primitives-green-1100; -} .ion-primitives-green-1200 { + --color: $ion-primitives-green-1200; color: $ion-primitives-green-1200; } -.ion-background-primitives-green-1200 { - background-color: $ion-primitives-green-1200; -} .ion-primitives-teal-100 { + --color: $ion-primitives-teal-100; color: $ion-primitives-teal-100; } -.ion-background-primitives-teal-100 { - background-color: $ion-primitives-teal-100; -} .ion-primitives-teal-200 { + --color: $ion-primitives-teal-200; color: $ion-primitives-teal-200; } -.ion-background-primitives-teal-200 { - background-color: $ion-primitives-teal-200; -} .ion-primitives-teal-300 { + --color: $ion-primitives-teal-300; color: $ion-primitives-teal-300; } -.ion-background-primitives-teal-300 { - background-color: $ion-primitives-teal-300; -} .ion-primitives-teal-400 { + --color: $ion-primitives-teal-400; color: $ion-primitives-teal-400; } -.ion-background-primitives-teal-400 { - background-color: $ion-primitives-teal-400; -} .ion-primitives-teal-500 { + --color: $ion-primitives-teal-500; color: $ion-primitives-teal-500; } -.ion-background-primitives-teal-500 { - background-color: $ion-primitives-teal-500; -} .ion-primitives-teal-600 { + --color: $ion-primitives-teal-600; color: $ion-primitives-teal-600; } -.ion-background-primitives-teal-600 { - background-color: $ion-primitives-teal-600; -} .ion-primitives-teal-700 { + --color: $ion-primitives-teal-700; color: $ion-primitives-teal-700; } -.ion-background-primitives-teal-700 { - background-color: $ion-primitives-teal-700; -} .ion-primitives-teal-800 { + --color: $ion-primitives-teal-800; color: $ion-primitives-teal-800; } -.ion-background-primitives-teal-800 { - background-color: $ion-primitives-teal-800; -} .ion-primitives-teal-900 { + --color: $ion-primitives-teal-900; color: $ion-primitives-teal-900; } -.ion-background-primitives-teal-900 { - background-color: $ion-primitives-teal-900; -} .ion-primitives-teal-1000 { + --color: $ion-primitives-teal-1000; color: $ion-primitives-teal-1000; } -.ion-background-primitives-teal-1000 { - background-color: $ion-primitives-teal-1000; -} .ion-primitives-teal-1100 { + --color: $ion-primitives-teal-1100; color: $ion-primitives-teal-1100; } -.ion-background-primitives-teal-1100 { - background-color: $ion-primitives-teal-1100; -} .ion-primitives-teal-1200 { + --color: $ion-primitives-teal-1200; color: $ion-primitives-teal-1200; } -.ion-background-primitives-teal-1200 { - background-color: $ion-primitives-teal-1200; -} .ion-primitives-aqua-100 { + --color: $ion-primitives-aqua-100; color: $ion-primitives-aqua-100; } -.ion-background-primitives-aqua-100 { - background-color: $ion-primitives-aqua-100; -} .ion-primitives-aqua-200 { + --color: $ion-primitives-aqua-200; color: $ion-primitives-aqua-200; } -.ion-background-primitives-aqua-200 { - background-color: $ion-primitives-aqua-200; -} .ion-primitives-aqua-300 { + --color: $ion-primitives-aqua-300; color: $ion-primitives-aqua-300; } -.ion-background-primitives-aqua-300 { - background-color: $ion-primitives-aqua-300; -} .ion-primitives-aqua-400 { + --color: $ion-primitives-aqua-400; color: $ion-primitives-aqua-400; } -.ion-background-primitives-aqua-400 { - background-color: $ion-primitives-aqua-400; -} .ion-primitives-aqua-500 { + --color: $ion-primitives-aqua-500; color: $ion-primitives-aqua-500; } -.ion-background-primitives-aqua-500 { - background-color: $ion-primitives-aqua-500; -} .ion-primitives-aqua-600 { + --color: $ion-primitives-aqua-600; color: $ion-primitives-aqua-600; } -.ion-background-primitives-aqua-600 { - background-color: $ion-primitives-aqua-600; -} .ion-primitives-aqua-700 { + --color: $ion-primitives-aqua-700; color: $ion-primitives-aqua-700; } -.ion-background-primitives-aqua-700 { - background-color: $ion-primitives-aqua-700; -} .ion-primitives-aqua-800 { + --color: $ion-primitives-aqua-800; color: $ion-primitives-aqua-800; } -.ion-background-primitives-aqua-800 { - background-color: $ion-primitives-aqua-800; -} .ion-primitives-aqua-900 { + --color: $ion-primitives-aqua-900; color: $ion-primitives-aqua-900; } -.ion-background-primitives-aqua-900 { - background-color: $ion-primitives-aqua-900; -} .ion-primitives-aqua-1000 { + --color: $ion-primitives-aqua-1000; color: $ion-primitives-aqua-1000; } -.ion-background-primitives-aqua-1000 { - background-color: $ion-primitives-aqua-1000; -} .ion-primitives-aqua-1100 { + --color: $ion-primitives-aqua-1100; color: $ion-primitives-aqua-1100; } -.ion-background-primitives-aqua-1100 { - background-color: $ion-primitives-aqua-1100; -} .ion-primitives-aqua-1200 { + --color: $ion-primitives-aqua-1200; color: $ion-primitives-aqua-1200; } -.ion-background-primitives-aqua-1200 { - background-color: $ion-primitives-aqua-1200; -} .ion-primitives-blue-100 { + --color: $ion-primitives-blue-100; color: $ion-primitives-blue-100; } -.ion-background-primitives-blue-100 { - background-color: $ion-primitives-blue-100; -} .ion-primitives-blue-200 { + --color: $ion-primitives-blue-200; color: $ion-primitives-blue-200; } -.ion-background-primitives-blue-200 { - background-color: $ion-primitives-blue-200; -} .ion-primitives-blue-300 { + --color: $ion-primitives-blue-300; color: $ion-primitives-blue-300; } -.ion-background-primitives-blue-300 { - background-color: $ion-primitives-blue-300; -} .ion-primitives-blue-400 { + --color: $ion-primitives-blue-400; color: $ion-primitives-blue-400; } -.ion-background-primitives-blue-400 { - background-color: $ion-primitives-blue-400; -} .ion-primitives-blue-500 { + --color: $ion-primitives-blue-500; color: $ion-primitives-blue-500; } -.ion-background-primitives-blue-500 { - background-color: $ion-primitives-blue-500; -} .ion-primitives-blue-600 { + --color: $ion-primitives-blue-600; color: $ion-primitives-blue-600; } -.ion-background-primitives-blue-600 { - background-color: $ion-primitives-blue-600; -} .ion-primitives-blue-700 { + --color: $ion-primitives-blue-700; color: $ion-primitives-blue-700; } -.ion-background-primitives-blue-700 { - background-color: $ion-primitives-blue-700; -} .ion-primitives-blue-800 { + --color: $ion-primitives-blue-800; color: $ion-primitives-blue-800; } -.ion-background-primitives-blue-800 { - background-color: $ion-primitives-blue-800; -} .ion-primitives-blue-900 { + --color: $ion-primitives-blue-900; color: $ion-primitives-blue-900; } -.ion-background-primitives-blue-900 { - background-color: $ion-primitives-blue-900; -} .ion-primitives-blue-1000 { + --color: $ion-primitives-blue-1000; color: $ion-primitives-blue-1000; } -.ion-background-primitives-blue-1000 { - background-color: $ion-primitives-blue-1000; -} .ion-primitives-blue-1100 { + --color: $ion-primitives-blue-1100; color: $ion-primitives-blue-1100; } -.ion-background-primitives-blue-1100 { - background-color: $ion-primitives-blue-1100; -} .ion-primitives-blue-1200 { + --color: $ion-primitives-blue-1200; color: $ion-primitives-blue-1200; } -.ion-background-primitives-blue-1200 { - background-color: $ion-primitives-blue-1200; -} .ion-primitives-indigo-100 { + --color: $ion-primitives-indigo-100; color: $ion-primitives-indigo-100; } -.ion-background-primitives-indigo-100 { - background-color: $ion-primitives-indigo-100; -} .ion-primitives-indigo-200 { + --color: $ion-primitives-indigo-200; color: $ion-primitives-indigo-200; } -.ion-background-primitives-indigo-200 { - background-color: $ion-primitives-indigo-200; -} .ion-primitives-indigo-300 { + --color: $ion-primitives-indigo-300; color: $ion-primitives-indigo-300; } -.ion-background-primitives-indigo-300 { - background-color: $ion-primitives-indigo-300; -} .ion-primitives-indigo-400 { + --color: $ion-primitives-indigo-400; color: $ion-primitives-indigo-400; } -.ion-background-primitives-indigo-400 { - background-color: $ion-primitives-indigo-400; -} .ion-primitives-indigo-500 { + --color: $ion-primitives-indigo-500; color: $ion-primitives-indigo-500; } -.ion-background-primitives-indigo-500 { - background-color: $ion-primitives-indigo-500; -} .ion-primitives-indigo-600 { + --color: $ion-primitives-indigo-600; color: $ion-primitives-indigo-600; } -.ion-background-primitives-indigo-600 { - background-color: $ion-primitives-indigo-600; -} .ion-primitives-indigo-700 { + --color: $ion-primitives-indigo-700; color: $ion-primitives-indigo-700; } -.ion-background-primitives-indigo-700 { - background-color: $ion-primitives-indigo-700; -} .ion-primitives-indigo-800 { + --color: $ion-primitives-indigo-800; color: $ion-primitives-indigo-800; } -.ion-background-primitives-indigo-800 { - background-color: $ion-primitives-indigo-800; -} .ion-primitives-indigo-900 { + --color: $ion-primitives-indigo-900; color: $ion-primitives-indigo-900; } -.ion-background-primitives-indigo-900 { - background-color: $ion-primitives-indigo-900; -} .ion-primitives-indigo-1000 { + --color: $ion-primitives-indigo-1000; color: $ion-primitives-indigo-1000; } -.ion-background-primitives-indigo-1000 { - background-color: $ion-primitives-indigo-1000; -} .ion-primitives-indigo-1100 { + --color: $ion-primitives-indigo-1100; color: $ion-primitives-indigo-1100; } -.ion-background-primitives-indigo-1100 { - background-color: $ion-primitives-indigo-1100; -} .ion-primitives-indigo-1200 { + --color: $ion-primitives-indigo-1200; color: $ion-primitives-indigo-1200; } -.ion-background-primitives-indigo-1200 { - background-color: $ion-primitives-indigo-1200; -} .ion-primitives-violet-100 { + --color: $ion-primitives-violet-100; color: $ion-primitives-violet-100; } -.ion-background-primitives-violet-100 { - background-color: $ion-primitives-violet-100; -} .ion-primitives-violet-200 { + --color: $ion-primitives-violet-200; color: $ion-primitives-violet-200; } -.ion-background-primitives-violet-200 { - background-color: $ion-primitives-violet-200; -} .ion-primitives-violet-300 { + --color: $ion-primitives-violet-300; color: $ion-primitives-violet-300; } -.ion-background-primitives-violet-300 { - background-color: $ion-primitives-violet-300; -} .ion-primitives-violet-400 { + --color: $ion-primitives-violet-400; color: $ion-primitives-violet-400; } -.ion-background-primitives-violet-400 { - background-color: $ion-primitives-violet-400; -} .ion-primitives-violet-500 { + --color: $ion-primitives-violet-500; color: $ion-primitives-violet-500; } -.ion-background-primitives-violet-500 { - background-color: $ion-primitives-violet-500; -} .ion-primitives-violet-600 { + --color: $ion-primitives-violet-600; color: $ion-primitives-violet-600; } -.ion-background-primitives-violet-600 { - background-color: $ion-primitives-violet-600; -} .ion-primitives-violet-700 { + --color: $ion-primitives-violet-700; color: $ion-primitives-violet-700; } -.ion-background-primitives-violet-700 { - background-color: $ion-primitives-violet-700; -} .ion-primitives-violet-800 { + --color: $ion-primitives-violet-800; color: $ion-primitives-violet-800; } -.ion-background-primitives-violet-800 { - background-color: $ion-primitives-violet-800; -} .ion-primitives-violet-900 { + --color: $ion-primitives-violet-900; color: $ion-primitives-violet-900; } -.ion-background-primitives-violet-900 { - background-color: $ion-primitives-violet-900; -} .ion-primitives-violet-1000 { + --color: $ion-primitives-violet-1000; color: $ion-primitives-violet-1000; } -.ion-background-primitives-violet-1000 { - background-color: $ion-primitives-violet-1000; -} .ion-primitives-violet-1100 { + --color: $ion-primitives-violet-1100; color: $ion-primitives-violet-1100; } -.ion-background-primitives-violet-1100 { - background-color: $ion-primitives-violet-1100; -} .ion-primitives-violet-1200 { + --color: $ion-primitives-violet-1200; color: $ion-primitives-violet-1200; } -.ion-background-primitives-violet-1200 { - background-color: $ion-primitives-violet-1200; -} .ion-primitives-purple-100 { + --color: $ion-primitives-purple-100; color: $ion-primitives-purple-100; } -.ion-background-primitives-purple-100 { - background-color: $ion-primitives-purple-100; -} .ion-primitives-purple-200 { + --color: $ion-primitives-purple-200; color: $ion-primitives-purple-200; } -.ion-background-primitives-purple-200 { - background-color: $ion-primitives-purple-200; -} .ion-primitives-purple-300 { + --color: $ion-primitives-purple-300; color: $ion-primitives-purple-300; } -.ion-background-primitives-purple-300 { - background-color: $ion-primitives-purple-300; -} .ion-primitives-purple-400 { + --color: $ion-primitives-purple-400; color: $ion-primitives-purple-400; } -.ion-background-primitives-purple-400 { - background-color: $ion-primitives-purple-400; -} .ion-primitives-purple-500 { + --color: $ion-primitives-purple-500; color: $ion-primitives-purple-500; } -.ion-background-primitives-purple-500 { - background-color: $ion-primitives-purple-500; -} .ion-primitives-purple-600 { + --color: $ion-primitives-purple-600; color: $ion-primitives-purple-600; } -.ion-background-primitives-purple-600 { - background-color: $ion-primitives-purple-600; -} .ion-primitives-purple-700 { + --color: $ion-primitives-purple-700; color: $ion-primitives-purple-700; } -.ion-background-primitives-purple-700 { - background-color: $ion-primitives-purple-700; -} .ion-primitives-purple-800 { + --color: $ion-primitives-purple-800; color: $ion-primitives-purple-800; } -.ion-background-primitives-purple-800 { - background-color: $ion-primitives-purple-800; -} .ion-primitives-purple-900 { + --color: $ion-primitives-purple-900; color: $ion-primitives-purple-900; } -.ion-background-primitives-purple-900 { - background-color: $ion-primitives-purple-900; -} .ion-primitives-purple-1000 { + --color: $ion-primitives-purple-1000; color: $ion-primitives-purple-1000; } -.ion-background-primitives-purple-1000 { - background-color: $ion-primitives-purple-1000; -} .ion-primitives-purple-1100 { + --color: $ion-primitives-purple-1100; color: $ion-primitives-purple-1100; } -.ion-background-primitives-purple-1100 { - background-color: $ion-primitives-purple-1100; -} .ion-primitives-purple-1200 { + --color: $ion-primitives-purple-1200; color: $ion-primitives-purple-1200; } -.ion-background-primitives-purple-1200 { - background-color: $ion-primitives-purple-1200; -} .ion-primitives-magenta-100 { + --color: $ion-primitives-magenta-100; color: $ion-primitives-magenta-100; } -.ion-background-primitives-magenta-100 { - background-color: $ion-primitives-magenta-100; -} .ion-primitives-magenta-200 { + --color: $ion-primitives-magenta-200; color: $ion-primitives-magenta-200; } -.ion-background-primitives-magenta-200 { - background-color: $ion-primitives-magenta-200; -} .ion-primitives-magenta-300 { + --color: $ion-primitives-magenta-300; color: $ion-primitives-magenta-300; } -.ion-background-primitives-magenta-300 { - background-color: $ion-primitives-magenta-300; -} .ion-primitives-magenta-400 { + --color: $ion-primitives-magenta-400; color: $ion-primitives-magenta-400; } -.ion-background-primitives-magenta-400 { - background-color: $ion-primitives-magenta-400; -} .ion-primitives-magenta-500 { + --color: $ion-primitives-magenta-500; color: $ion-primitives-magenta-500; } -.ion-background-primitives-magenta-500 { - background-color: $ion-primitives-magenta-500; -} .ion-primitives-magenta-600 { + --color: $ion-primitives-magenta-600; color: $ion-primitives-magenta-600; } -.ion-background-primitives-magenta-600 { - background-color: $ion-primitives-magenta-600; -} .ion-primitives-magenta-700 { + --color: $ion-primitives-magenta-700; color: $ion-primitives-magenta-700; } -.ion-background-primitives-magenta-700 { - background-color: $ion-primitives-magenta-700; -} .ion-primitives-magenta-800 { + --color: $ion-primitives-magenta-800; color: $ion-primitives-magenta-800; } -.ion-background-primitives-magenta-800 { - background-color: $ion-primitives-magenta-800; -} .ion-primitives-magenta-900 { + --color: $ion-primitives-magenta-900; color: $ion-primitives-magenta-900; } -.ion-background-primitives-magenta-900 { - background-color: $ion-primitives-magenta-900; -} .ion-primitives-magenta-1000 { + --color: $ion-primitives-magenta-1000; color: $ion-primitives-magenta-1000; } -.ion-background-primitives-magenta-1000 { - background-color: $ion-primitives-magenta-1000; -} .ion-primitives-magenta-1100 { + --color: $ion-primitives-magenta-1100; color: $ion-primitives-magenta-1100; } -.ion-background-primitives-magenta-1100 { - background-color: $ion-primitives-magenta-1100; -} .ion-primitives-magenta-1200 { + --color: $ion-primitives-magenta-1200; color: $ion-primitives-magenta-1200; } -.ion-background-primitives-magenta-1200 { - background-color: $ion-primitives-magenta-1200; -} .ion-primitives-pink-100 { + --color: $ion-primitives-pink-100; color: $ion-primitives-pink-100; } -.ion-background-primitives-pink-100 { - background-color: $ion-primitives-pink-100; -} .ion-primitives-pink-200 { + --color: $ion-primitives-pink-200; color: $ion-primitives-pink-200; } -.ion-background-primitives-pink-200 { - background-color: $ion-primitives-pink-200; -} .ion-primitives-pink-300 { + --color: $ion-primitives-pink-300; color: $ion-primitives-pink-300; } -.ion-background-primitives-pink-300 { - background-color: $ion-primitives-pink-300; -} .ion-primitives-pink-400 { + --color: $ion-primitives-pink-400; color: $ion-primitives-pink-400; } -.ion-background-primitives-pink-400 { - background-color: $ion-primitives-pink-400; -} .ion-primitives-pink-500 { + --color: $ion-primitives-pink-500; color: $ion-primitives-pink-500; } -.ion-background-primitives-pink-500 { - background-color: $ion-primitives-pink-500; -} .ion-primitives-pink-600 { + --color: $ion-primitives-pink-600; color: $ion-primitives-pink-600; } -.ion-background-primitives-pink-600 { - background-color: $ion-primitives-pink-600; -} .ion-primitives-pink-700 { + --color: $ion-primitives-pink-700; color: $ion-primitives-pink-700; } -.ion-background-primitives-pink-700 { - background-color: $ion-primitives-pink-700; -} .ion-primitives-pink-800 { + --color: $ion-primitives-pink-800; color: $ion-primitives-pink-800; } -.ion-background-primitives-pink-800 { - background-color: $ion-primitives-pink-800; -} .ion-primitives-pink-900 { + --color: $ion-primitives-pink-900; color: $ion-primitives-pink-900; } -.ion-background-primitives-pink-900 { - background-color: $ion-primitives-pink-900; -} .ion-primitives-pink-1000 { + --color: $ion-primitives-pink-1000; color: $ion-primitives-pink-1000; } -.ion-background-primitives-pink-1000 { - background-color: $ion-primitives-pink-1000; -} .ion-primitives-pink-1100 { + --color: $ion-primitives-pink-1100; color: $ion-primitives-pink-1100; } -.ion-background-primitives-pink-1100 { - background-color: $ion-primitives-pink-1100; -} .ion-primitives-pink-1200 { + --color: $ion-primitives-pink-1200; color: $ion-primitives-pink-1200; } -.ion-background-primitives-pink-1200 { - background-color: $ion-primitives-pink-1200; -} .ion-shadow-1 { + --box-shadow: $ion-shadow-1; box-shadow: $ion-shadow-1; } .ion-shadow-2 { + --box-shadow: $ion-shadow-2; box-shadow: $ion-shadow-2; } .ion-shadow-3 { + --box-shadow: $ion-shadow-3; box-shadow: $ion-shadow-3; } .ion-shadow-4 { + --box-shadow: $ion-shadow-4; box-shadow: $ion-shadow-4; } .ion-shadow-5 { + --box-shadow: $ion-shadow-5; box-shadow: $ion-shadow-5; } .ion-shadow-6 { + --box-shadow: $ion-shadow-6; box-shadow: $ion-shadow-6; } .ion-shadow-7 { + --box-shadow: $ion-shadow-7; box-shadow: $ion-shadow-7; }