mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-09 16:16:41 +08:00
chore(deps): update outsystems-design-tokens dependency (#30198)
Issue number: internal --------- <!-- Please do not submit updates to dependencies unless it fixes an issue. --> <!-- Please try to limit your pull request to one type (bugfix, feature, etc). Submit multiple pull requests if needed. --> ## What is the new behavior? <!-- Please describe the behavior or changes that are being added by this PR. --> - Update to outsystems-design-tokens 1.2.0. - Generate variables and utility-classes with updated tokens values. - Updated screenshots, after UX/UI review: - updated ionic color tokens on links. - updated segment label size token to sm. ## Does this introduce a breaking change? - [ ] Yes - [x] No <!-- If this introduces a breaking change: 1. Describe the impact and migration path for existing applications below. 2. Update the BREAKING.md file with the breaking change. 3. Add "BREAKING CHANGE: [...]" to the commit description when merging. See https://github.com/ionic-team/ionic-framework/blob/main/docs/CONTRIBUTING.md#footer for more information. --> --------- Co-authored-by: ionitron <hi@ionicframework.com>
This commit is contained in:
Bernardo Cardoso
18
core/package-lock.json
generated
18
core/package-lock.json
generated
@ -44,7 +44,7 @@
|
||||
"fs-extra": "^9.0.1",
|
||||
"jest": "^29.7.0",
|
||||
"jest-cli": "^29.7.0",
|
||||
"outsystems-design-tokens": "^1.1.2",
|
||||
"outsystems-design-tokens": "^1.2.0",
|
||||
"prettier": "^2.8.8",
|
||||
"rollup": "^2.26.4",
|
||||
"sass": "^1.33.0",
|
||||
@ -8237,15 +8237,15 @@
|
||||
}
|
||||
},
|
||||
"node_modules/outsystems-design-tokens": {
|
||||
"version": "1.1.2",
|
||||
"resolved": "https://registry.npmjs.org/outsystems-design-tokens/-/outsystems-design-tokens-1.1.2.tgz",
|
||||
"integrity": "sha512-U5EBQKmz+XZL6T8rykGY28lxV0//6AgLVFSRTe/DvlpXyBRSwjdESg3HlPN2uk88oVc7fbLlWGT+2JATvg0r/Q==",
|
||||
"version": "1.2.0",
|
||||
"resolved": "https://registry.npmjs.org/outsystems-design-tokens/-/outsystems-design-tokens-1.2.0.tgz",
|
||||
"integrity": "sha512-6GJ/jBZO0UL/YNfhrLpZjWRF52sJXZZJ/sYS5t3vCpAAlxw43AhHu/OEwdJbvYU/1t3IMdVC6RFw7sDbRvuETg==",
|
||||
"dev": true,
|
||||
"license": "BSD-3-Clause",
|
||||
"dependencies": {
|
||||
"glob": "^11.0.0",
|
||||
"minimist": "^1.2.8",
|
||||
"style-dictionary": "^4.1.4"
|
||||
"style-dictionary": "^4.3.0"
|
||||
},
|
||||
"bin": {
|
||||
"build.tokens": "scripts/index.js"
|
||||
@ -15945,14 +15945,14 @@
|
||||
"dev": true
|
||||
},
|
||||
"outsystems-design-tokens": {
|
||||
"version": "1.1.2",
|
||||
"resolved": "https://registry.npmjs.org/outsystems-design-tokens/-/outsystems-design-tokens-1.1.2.tgz",
|
||||
"integrity": "sha512-U5EBQKmz+XZL6T8rykGY28lxV0//6AgLVFSRTe/DvlpXyBRSwjdESg3HlPN2uk88oVc7fbLlWGT+2JATvg0r/Q==",
|
||||
"version": "1.2.0",
|
||||
"resolved": "https://registry.npmjs.org/outsystems-design-tokens/-/outsystems-design-tokens-1.2.0.tgz",
|
||||
"integrity": "sha512-6GJ/jBZO0UL/YNfhrLpZjWRF52sJXZZJ/sYS5t3vCpAAlxw43AhHu/OEwdJbvYU/1t3IMdVC6RFw7sDbRvuETg==",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"glob": "^11.0.0",
|
||||
"minimist": "^1.2.8",
|
||||
"style-dictionary": "^4.1.4"
|
||||
"style-dictionary": "^4.3.0"
|
||||
},
|
||||
"dependencies": {
|
||||
"brace-expansion": {
|
||||
|
||||
@ -66,7 +66,7 @@
|
||||
"fs-extra": "^9.0.1",
|
||||
"jest": "^29.7.0",
|
||||
"jest-cli": "^29.7.0",
|
||||
"outsystems-design-tokens": "^1.1.2",
|
||||
"outsystems-design-tokens": "^1.2.0",
|
||||
"prettier": "^2.8.8",
|
||||
"rollup": "^2.26.4",
|
||||
"sass": "^1.33.0",
|
||||
|
||||
@ -70,7 +70,7 @@
|
||||
// default round clear button style
|
||||
.calendar-month-year-toggle {
|
||||
@include globals.border-radius(globals.$ion-border-radius-full);
|
||||
@include globals.typography(globals.$ion-body-action-lg);
|
||||
@include globals.typography(globals.$ion-body-action-md);
|
||||
@include globals.padding(globals.$ion-space-200, globals.$ion-space-400);
|
||||
|
||||
min-width: globals.$ion-scale-1600;
|
||||
@ -132,7 +132,7 @@
|
||||
.calendar-day {
|
||||
@include globals.border-radius(globals.$ion-border-radius-full);
|
||||
@include globals.padding(globals.$ion-space-100);
|
||||
@include globals.typography(globals.$ion-body-action-md);
|
||||
@include globals.typography(globals.$ion-body-action-sm);
|
||||
|
||||
width: globals.$ion-scale-1200;
|
||||
min-width: globals.$ion-scale-1200;
|
||||
@ -183,7 +183,7 @@
|
||||
}
|
||||
|
||||
:host .datetime-time .time-header {
|
||||
@include globals.typography(globals.$ion-body-action-lg);
|
||||
@include globals.typography(globals.$ion-body-action-md);
|
||||
|
||||
color: globals.$ion-primitives-neutral-800;
|
||||
}
|
||||
@ -212,7 +212,7 @@
|
||||
}
|
||||
|
||||
:host .datetime-buttons ion-buttons ion-button {
|
||||
@include globals.typography(globals.$ion-body-action-lg);
|
||||
@include globals.typography(globals.$ion-body-action-md);
|
||||
|
||||
min-height: globals.$ion-space-1200;
|
||||
}
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 27 KiB After Width: | Height: | Size: 27 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 37 KiB After Width: | Height: | Size: 37 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 26 KiB After Width: | Height: | Size: 27 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 26 KiB After Width: | Height: | Size: 27 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 38 KiB After Width: | Height: | Size: 38 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 26 KiB After Width: | Height: | Size: 26 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 21 KiB After Width: | Height: | Size: 21 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 30 KiB After Width: | Height: | Size: 30 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 21 KiB After Width: | Height: | Size: 21 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 30 KiB After Width: | Height: | Size: 30 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 20 KiB |
@ -48,7 +48,7 @@
|
||||
// --------------------------------------------------
|
||||
|
||||
::slotted(ion-label) {
|
||||
@include globals.typography(globals.$ion-body-action-md);
|
||||
@include globals.typography(globals.$ion-body-action-sm);
|
||||
|
||||
color: var(--color);
|
||||
}
|
||||
|
||||
@ -23,7 +23,7 @@
|
||||
// -------------------------------------------------------------------------------
|
||||
|
||||
&:visited {
|
||||
color: globals.$ion-semantics-info-500;
|
||||
color: globals.$ion-text-link-visited;
|
||||
}
|
||||
}
|
||||
|
||||
@ -31,7 +31,7 @@
|
||||
// -------------------------------------------------------------------------------
|
||||
|
||||
@mixin ionic-link {
|
||||
color: globals.$ion-semantics-info-400;
|
||||
color: globals.$ion-text-link-default;
|
||||
|
||||
text-decoration: none;
|
||||
|
||||
@ -51,7 +51,7 @@
|
||||
|
||||
&:focus,
|
||||
&.ion-focused {
|
||||
outline: 2px solid globals.$ion-semantics-primary-100;
|
||||
outline: 2px solid globals.$ion-text-link-default;
|
||||
outline-offset: 2px;
|
||||
|
||||
text-decoration: underline;
|
||||
@ -62,7 +62,7 @@
|
||||
|
||||
&:active,
|
||||
&.ion-activated {
|
||||
color: globals.$ion-semantics-info-500;
|
||||
color: globals.$ion-text-link-press;
|
||||
|
||||
text-decoration: underline;
|
||||
}
|
||||
@ -88,7 +88,7 @@ a.ionic-link,
|
||||
|
||||
@media (any-hover: hover) {
|
||||
&:hover {
|
||||
color: globals.$ion-semantics-info-400;
|
||||
color: globals.$ion-text-link-press;
|
||||
}
|
||||
}
|
||||
|
||||
@ -97,7 +97,7 @@ a.ionic-link,
|
||||
|
||||
&:focus,
|
||||
&.ion-focused {
|
||||
outline: 2px solid globals.$ion-semantics-primary-100;
|
||||
outline: 2px solid globals.$ion-text-link-default;
|
||||
outline-offset: 2px;
|
||||
|
||||
color: currentColor;
|
||||
@ -110,7 +110,7 @@ a.ionic-link,
|
||||
|
||||
&:active,
|
||||
&.ion-activated {
|
||||
color: globals.$ion-semantics-info-500;
|
||||
color: globals.$ion-text-link-press;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 6.7 KiB After Width: | Height: | Size: 7.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8.8 KiB After Width: | Height: | Size: 9.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.3 KiB After Width: | Height: | Size: 7.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.7 KiB After Width: | Height: | Size: 4.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.3 KiB After Width: | Height: | Size: 6.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.6 KiB After Width: | Height: | Size: 4.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8.4 KiB After Width: | Height: | Size: 7.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.9 KiB After Width: | Height: | Size: 8.2 KiB |
@ -89,10 +89,10 @@
|
||||
<br />
|
||||
<div>
|
||||
<ion-title>Action</ion-title>
|
||||
<p><ion-text class="ion-body-action-xs">ion-action-xs</ion-text></p>
|
||||
<p><ion-text class="ion-body-action-sm">ion-action-sm</ion-text></p>
|
||||
<p><ion-text class="ion-body-action-md">ion-action-md</ion-text></p>
|
||||
<p><ion-text class="ion-body-action-lg">ion-action-lg</ion-text></p>
|
||||
<p><ion-text class="ion-body-action-xl">ion-action-xl</ion-text></p>
|
||||
</div>
|
||||
<br />
|
||||
<div>
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 124 KiB After Width: | Height: | Size: 124 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 187 KiB After Width: | Height: | Size: 187 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 135 KiB After Width: | Height: | Size: 135 KiB |
File diff suppressed because it is too large
Load Diff
@ -29,32 +29,32 @@ $ion-semantics-primary-1200: var(--ion-semantics-primary-1200, #072561);
|
||||
$ion-semantics-primary-1200-rgb: var(--ion-semantics-primary-1200-rgb, 7, 37, 97);
|
||||
$ion-semantics-primary-base: var(--ion-semantics-primary-base, #105cef);
|
||||
$ion-semantics-primary-base-rgb: var(--ion-semantics-primary-base-rgb, 16, 92, 239);
|
||||
$ion-semantics-info-100: var(--ion-semantics-info-100, #ebf9fe);
|
||||
$ion-semantics-info-100-rgb: var(--ion-semantics-info-100-rgb, 235, 249, 254);
|
||||
$ion-semantics-info-200: var(--ion-semantics-info-200, #dcf4fd);
|
||||
$ion-semantics-info-200-rgb: var(--ion-semantics-info-200-rgb, 220, 244, 253);
|
||||
$ion-semantics-info-300: var(--ion-semantics-info-300, #b3e9fc);
|
||||
$ion-semantics-info-300-rgb: var(--ion-semantics-info-300-rgb, 179, 233, 252);
|
||||
$ion-semantics-info-400: var(--ion-semantics-info-400, #80defa);
|
||||
$ion-semantics-info-400-rgb: var(--ion-semantics-info-400-rgb, 128, 222, 250);
|
||||
$ion-semantics-info-500: var(--ion-semantics-info-500, #27d3f9);
|
||||
$ion-semantics-info-500-rgb: var(--ion-semantics-info-500-rgb, 39, 211, 249);
|
||||
$ion-semantics-info-600: var(--ion-semantics-info-600, #22bbdc);
|
||||
$ion-semantics-info-600-rgb: var(--ion-semantics-info-600-rgb, 34, 187, 220);
|
||||
$ion-semantics-info-700: var(--ion-semantics-info-700, #1ea2bf);
|
||||
$ion-semantics-info-700-rgb: var(--ion-semantics-info-700-rgb, 30, 162, 191);
|
||||
$ion-semantics-info-800: var(--ion-semantics-info-800, #1988a0);
|
||||
$ion-semantics-info-800-rgb: var(--ion-semantics-info-800-rgb, 25, 136, 160);
|
||||
$ion-semantics-info-900: var(--ion-semantics-info-900, #146d81);
|
||||
$ion-semantics-info-900-rgb: var(--ion-semantics-info-900-rgb, 20, 109, 129);
|
||||
$ion-semantics-info-1000: var(--ion-semantics-info-1000, #0f5261);
|
||||
$ion-semantics-info-1000-rgb: var(--ion-semantics-info-1000-rgb, 15, 82, 97);
|
||||
$ion-semantics-info-1100: var(--ion-semantics-info-1100, #0a3741);
|
||||
$ion-semantics-info-1100-rgb: var(--ion-semantics-info-1100-rgb, 10, 55, 65);
|
||||
$ion-semantics-info-1200: var(--ion-semantics-info-1200, #051c21);
|
||||
$ion-semantics-info-1200-rgb: var(--ion-semantics-info-1200-rgb, 5, 28, 33);
|
||||
$ion-semantics-info-base: var(--ion-semantics-info-base, #1ea2bf);
|
||||
$ion-semantics-info-base-rgb: var(--ion-semantics-info-base-rgb, 30, 162, 191);
|
||||
$ion-semantics-info-100: var(--ion-semantics-info-100, #f2f4fd);
|
||||
$ion-semantics-info-100-rgb: var(--ion-semantics-info-100-rgb, 242, 244, 253);
|
||||
$ion-semantics-info-200: var(--ion-semantics-info-200, #e9ecfc);
|
||||
$ion-semantics-info-200-rgb: var(--ion-semantics-info-200-rgb, 233, 236, 252);
|
||||
$ion-semantics-info-300: var(--ion-semantics-info-300, #d0d7fa);
|
||||
$ion-semantics-info-300-rgb: var(--ion-semantics-info-300-rgb, 208, 215, 250);
|
||||
$ion-semantics-info-400: var(--ion-semantics-info-400, #b5c0f7);
|
||||
$ion-semantics-info-400-rgb: var(--ion-semantics-info-400-rgb, 181, 192, 247);
|
||||
$ion-semantics-info-500: var(--ion-semantics-info-500, #94a5f4);
|
||||
$ion-semantics-info-500-rgb: var(--ion-semantics-info-500-rgb, 148, 165, 244);
|
||||
$ion-semantics-info-600: var(--ion-semantics-info-600, #6986f2);
|
||||
$ion-semantics-info-600-rgb: var(--ion-semantics-info-600-rgb, 105, 134, 242);
|
||||
$ion-semantics-info-700: var(--ion-semantics-info-700, #105cef);
|
||||
$ion-semantics-info-700-rgb: var(--ion-semantics-info-700-rgb, 16, 92, 239);
|
||||
$ion-semantics-info-800: var(--ion-semantics-info-800, #0f54da);
|
||||
$ion-semantics-info-800-rgb: var(--ion-semantics-info-800-rgb, 15, 84, 218);
|
||||
$ion-semantics-info-900: var(--ion-semantics-info-900, #0d4bc3);
|
||||
$ion-semantics-info-900-rgb: var(--ion-semantics-info-900-rgb, 13, 75, 195);
|
||||
$ion-semantics-info-1000: var(--ion-semantics-info-1000, #0b41a9);
|
||||
$ion-semantics-info-1000-rgb: var(--ion-semantics-info-1000-rgb, 11, 65, 169);
|
||||
$ion-semantics-info-1100: var(--ion-semantics-info-1100, #09358a);
|
||||
$ion-semantics-info-1100-rgb: var(--ion-semantics-info-1100-rgb, 9, 53, 138);
|
||||
$ion-semantics-info-1200: var(--ion-semantics-info-1200, #072561);
|
||||
$ion-semantics-info-1200-rgb: var(--ion-semantics-info-1200-rgb, 7, 37, 97);
|
||||
$ion-semantics-info-base: var(--ion-semantics-info-base, #105cef);
|
||||
$ion-semantics-info-base-rgb: var(--ion-semantics-info-base-rgb, 16, 92, 239);
|
||||
$ion-semantics-success-100: var(--ion-semantics-success-100, #ebf9ec);
|
||||
$ion-semantics-success-100-rgb: var(--ion-semantics-success-100-rgb, 235, 249, 236);
|
||||
$ion-semantics-success-200: var(--ion-semantics-success-200, #dcf5de);
|
||||
@ -157,14 +157,14 @@ $ion-bg-success-subtle-default: var(--ion-bg-success-subtle-default, #ebf9ec);
|
||||
$ion-bg-success-subtle-default-rgb: var(--ion-bg-success-subtle-default-rgb, 235, 249, 236);
|
||||
$ion-bg-success-subtle-press: var(--ion-bg-success-subtle-press, #b3ebb7);
|
||||
$ion-bg-success-subtle-press-rgb: var(--ion-bg-success-subtle-press-rgb, 179, 235, 183);
|
||||
$ion-bg-info-base-default: var(--ion-bg-info-base-default, #146d81);
|
||||
$ion-bg-info-base-default-rgb: var(--ion-bg-info-base-default-rgb, 20, 109, 129);
|
||||
$ion-bg-info-base-press: var(--ion-bg-info-base-press, #0a3741);
|
||||
$ion-bg-info-base-press-rgb: var(--ion-bg-info-base-press-rgb, 10, 55, 65);
|
||||
$ion-bg-info-subtle-default: var(--ion-bg-info-subtle-default, #ebf9fe);
|
||||
$ion-bg-info-subtle-default-rgb: var(--ion-bg-info-subtle-default-rgb, 235, 249, 254);
|
||||
$ion-bg-info-subtle-press: var(--ion-bg-info-subtle-press, #b3e9fc);
|
||||
$ion-bg-info-subtle-press-rgb: var(--ion-bg-info-subtle-press-rgb, 179, 233, 252);
|
||||
$ion-bg-info-base-default: var(--ion-bg-info-base-default, #0d4bc3);
|
||||
$ion-bg-info-base-default-rgb: var(--ion-bg-info-base-default-rgb, 13, 75, 195);
|
||||
$ion-bg-info-base-press: var(--ion-bg-info-base-press, #09358a);
|
||||
$ion-bg-info-base-press-rgb: var(--ion-bg-info-base-press-rgb, 9, 53, 138);
|
||||
$ion-bg-info-subtle-default: var(--ion-bg-info-subtle-default, #f2f4fd);
|
||||
$ion-bg-info-subtle-default-rgb: var(--ion-bg-info-subtle-default-rgb, 242, 244, 253);
|
||||
$ion-bg-info-subtle-press: var(--ion-bg-info-subtle-press, #d0d7fa);
|
||||
$ion-bg-info-subtle-press-rgb: var(--ion-bg-info-subtle-press-rgb, 208, 215, 250);
|
||||
$ion-bg-warning-base-default: var(--ion-bg-warning-base-default, #a45f00);
|
||||
$ion-bg-warning-base-default-rgb: var(--ion-bg-warning-base-default-rgb, 164, 95, 0);
|
||||
$ion-bg-warning-base-press: var(--ion-bg-warning-base-press, #633a00);
|
||||
@ -173,26 +173,42 @@ $ion-bg-warning-subtle-default: var(--ion-bg-warning-subtle-default, #fff1ea);
|
||||
$ion-bg-warning-subtle-default-rgb: var(--ion-bg-warning-subtle-default-rgb, 255, 241, 234);
|
||||
$ion-bg-warning-subtle-press: var(--ion-bg-warning-subtle-press, #ffcfb1);
|
||||
$ion-bg-warning-subtle-press-rgb: var(--ion-bg-warning-subtle-press-rgb, 255, 207, 177);
|
||||
$ion-bg-body: var(--ion-bg-body, #f5f5f5);
|
||||
$ion-bg-body-rgb: var(--ion-bg-body-rgb, 245, 245, 245);
|
||||
$ion-bg-body: var(--ion-bg-body, #ffffff);
|
||||
$ion-bg-body-rgb: var(--ion-bg-body-rgb, 255, 255, 255);
|
||||
$ion-bg-neutral-subtle-default: var(--ion-bg-neutral-subtle-default, #e7e7e7);
|
||||
$ion-bg-neutral-subtle-default-rgb: var(--ion-bg-neutral-subtle-default-rgb, 231, 231, 231);
|
||||
$ion-bg-neutral-subtle-press: var(--ion-bg-neutral-subtle-press, #b9b9b9);
|
||||
$ion-bg-neutral-subtle-press-rgb: var(--ion-bg-neutral-subtle-press-rgb, 185, 185, 185);
|
||||
$ion-bg-neutral-base-default: var(--ion-bg-neutral-base-default, #626262);
|
||||
$ion-bg-neutral-base-default-rgb: var(--ion-bg-neutral-base-default-rgb, 98, 98, 98);
|
||||
$ion-bg-neutral-base-press: var(--ion-bg-neutral-base-press, #3b3b3b);
|
||||
$ion-bg-neutral-base-press-rgb: var(--ion-bg-neutral-base-press-rgb, 59, 59, 59);
|
||||
$ion-bg-neutral-base-default: var(--ion-bg-neutral-base-default, #a2a2a2);
|
||||
$ion-bg-neutral-base-default-rgb: var(--ion-bg-neutral-base-default-rgb, 162, 162, 162);
|
||||
$ion-bg-neutral-base-press: var(--ion-bg-neutral-base-press, #777777);
|
||||
$ion-bg-neutral-base-press-rgb: var(--ion-bg-neutral-base-press-rgb, 119, 119, 119);
|
||||
$ion-bg-neutral-subtlest-default: var(--ion-bg-neutral-subtlest-default, #ffffff);
|
||||
$ion-bg-neutral-subtlest-default-rgb: var(--ion-bg-neutral-subtlest-default-rgb, 255, 255, 255);
|
||||
$ion-bg-neutral-subtlest-press: var(--ion-bg-neutral-subtlest-press, #e7e7e7);
|
||||
$ion-bg-neutral-subtlest-press-rgb: var(--ion-bg-neutral-subtlest-press-rgb, 231, 231, 231);
|
||||
$ion-bg-neutral-bold-default: var(--ion-bg-neutral-bold-default, #626262);
|
||||
$ion-bg-neutral-bold-default-rgb: var(--ion-bg-neutral-bold-default-rgb, 98, 98, 98);
|
||||
$ion-bg-neutral-bold-press: var(--ion-bg-neutral-bold-press, #3b3b3b);
|
||||
$ion-bg-neutral-bold-press-rgb: var(--ion-bg-neutral-bold-press-rgb, 59, 59, 59);
|
||||
$ion-bg-neutral-boldest-default: var(--ion-bg-neutral-boldest-default, #242424);
|
||||
$ion-bg-neutral-boldest-default-rgb: var(--ion-bg-neutral-boldest-default-rgb, 36, 36, 36);
|
||||
$ion-bg-surface-default: var(--ion-bg-surface-default, #ffffff);
|
||||
$ion-bg-surface-default-rgb: var(--ion-bg-surface-default-rgb, 255, 255, 255);
|
||||
$ion-bg-surface-inverse: var(--ion-bg-surface-inverse, #ffffff);
|
||||
$ion-bg-surface-inverse-rgb: var(--ion-bg-surface-inverse-rgb, 255, 255, 255);
|
||||
$ion-bg-input-default: var(--ion-bg-input-default, #ffffff);
|
||||
$ion-bg-input-default-rgb: var(--ion-bg-input-default-rgb, 255, 255, 255);
|
||||
$ion-bg-input-read-only: var(--ion-bg-input-read-only, #f5f5f5);
|
||||
$ion-bg-input-read-only-rgb: var(--ion-bg-input-read-only-rgb, 245, 245, 245);
|
||||
$ion-bg-input-press: var(--ion-bg-input-press, #e7e7e7);
|
||||
$ion-bg-input-press-rgb: var(--ion-bg-input-press-rgb, 231, 231, 231);
|
||||
$ion-bg-input-disabled: var(--ion-bg-input-disabled, #f5f5f5);
|
||||
$ion-bg-input-disabled-rgb: var(--ion-bg-input-disabled-rgb, 245, 245, 245);
|
||||
$ion-bg-select-default: var(--ion-bg-select-default, #f2f4fd);
|
||||
$ion-bg-select-default-rgb: var(--ion-bg-select-default-rgb, 242, 244, 253);
|
||||
$ion-bg-select-press: var(--ion-bg-select-press, #d0d7fa);
|
||||
$ion-bg-select-press-rgb: var(--ion-bg-select-press-rgb, 208, 215, 250);
|
||||
$ion-text-default: var(--ion-text-default, #242424);
|
||||
$ion-text-default-rgb: var(--ion-text-default-rgb, 36, 36, 36);
|
||||
$ion-text-subtle: var(--ion-text-subtle, #3b3b3b);
|
||||
@ -205,8 +221,8 @@ $ion-text-disabled: var(--ion-text-disabled, #a2a2a2);
|
||||
$ion-text-disabled-rgb: var(--ion-text-disabled-rgb, 162, 162, 162);
|
||||
$ion-text-danger: var(--ion-text-danger, #bf2222);
|
||||
$ion-text-danger-rgb: var(--ion-text-danger-rgb, 191, 34, 34);
|
||||
$ion-text-info: var(--ion-text-info, #146d81);
|
||||
$ion-text-info-rgb: var(--ion-text-info-rgb, 20, 109, 129);
|
||||
$ion-text-info: var(--ion-text-info, #0d4bc3);
|
||||
$ion-text-info-rgb: var(--ion-text-info-rgb, 13, 75, 195);
|
||||
$ion-text-warning: var(--ion-text-warning, #a45f00);
|
||||
$ion-text-warning-rgb: var(--ion-text-warning-rgb, 164, 95, 0);
|
||||
$ion-text-success: var(--ion-text-success, #126f23);
|
||||
@ -232,18 +248,22 @@ $ion-border-primary: var(--ion-border-primary, #105cef);
|
||||
$ion-border-primary-rgb: var(--ion-border-primary-rgb, 16, 92, 239);
|
||||
$ion-border-success: var(--ion-border-success, #126f23);
|
||||
$ion-border-success-rgb: var(--ion-border-success-rgb, 18, 111, 35);
|
||||
$ion-border-warning: var(--ion-border-warning, #a45f00);
|
||||
$ion-border-warning-rgb: var(--ion-border-warning-rgb, 164, 95, 0);
|
||||
$ion-border-danger: var(--ion-border-danger, #bf2222);
|
||||
$ion-border-danger-rgb: var(--ion-border-danger-rgb, 191, 34, 34);
|
||||
$ion-border-subtle: var(--ion-border-subtle, #cfcfcf);
|
||||
$ion-border-subtle-rgb: var(--ion-border-subtle-rgb, 207, 207, 207);
|
||||
$ion-border-warning: var(--ion-border-warning, #844d00);
|
||||
$ion-border-warning-rgb: var(--ion-border-warning-rgb, 132, 77, 0);
|
||||
$ion-border-danger-default: var(--ion-border-danger-default, #bf2222);
|
||||
$ion-border-danger-default-rgb: var(--ion-border-danger-default-rgb, 191, 34, 34);
|
||||
$ion-border-danger-press: var(--ion-border-danger-press, #761515);
|
||||
$ion-border-danger-press-rgb: var(--ion-border-danger-press-rgb, 118, 21, 21);
|
||||
$ion-border-subtle: var(--ion-border-subtle, #f5f5f5);
|
||||
$ion-border-subtle-rgb: var(--ion-border-subtle-rgb, 245, 245, 245);
|
||||
$ion-border-input-default: var(--ion-border-input-default, #a2a2a2);
|
||||
$ion-border-input-default-rgb: var(--ion-border-input-default-rgb, 162, 162, 162);
|
||||
$ion-border-input-press: var(--ion-border-input-press, #777777);
|
||||
$ion-border-input-press-rgb: var(--ion-border-input-press-rgb, 119, 119, 119);
|
||||
$ion-border-input-read-only: var(--ion-border-input-read-only, #a2a2a2);
|
||||
$ion-border-input-read-only-rgb: var(--ion-border-input-read-only-rgb, 162, 162, 162);
|
||||
$ion-border-subtlest: var(--ion-border-subtlest, #ffffff);
|
||||
$ion-border-subtlest-rgb: var(--ion-border-subtlest-rgb, 255, 255, 255);
|
||||
$ion-border-style-none: var(--ion-border-style-none, none);
|
||||
$ion-border-style-solid: var(--ion-border-style-solid, solid);
|
||||
$ion-border-style-dashed: var(--ion-border-style-dashed, dashed);
|
||||
@ -262,17 +282,10 @@ $ion-border-radius-800: var(--ion-border-radius-800, 32px);
|
||||
$ion-border-radius-1000: var(--ion-border-radius-1000, 40px);
|
||||
$ion-border-radius-full: var(--ion-border-radius-full, 999px);
|
||||
$ion-border-radius-025: var(--ion-border-radius-025, 2px);
|
||||
$ion-shadow-1: var(--ion-shadow-1, rgba(0, 0, 0, 0.04));
|
||||
$ion-shadow-2: var(--ion-shadow-2, rgba(0, 0, 0, 0.05));
|
||||
$ion-shadow-3: var(--ion-shadow-3, rgba(0, 0, 0, 0.07));
|
||||
$ion-shadow-4: var(--ion-shadow-4, rgba(0, 0, 0, 0.08));
|
||||
$ion-shadow-5: var(--ion-shadow-5, rgba(0, 0, 0, 0.12));
|
||||
$ion-shadow-6: var(--ion-shadow-6, rgba(0, 0, 0, 0.16));
|
||||
$ion-shadow-7: var(--ion-shadow-7, rgba(0, 0, 0, 0.18));
|
||||
$ion-icon-subtlest: var(--ion-icon-subtlest, #626262);
|
||||
$ion-icon-subtlest-rgb: var(--ion-icon-subtlest-rgb, 98, 98, 98);
|
||||
$ion-icon-info: var(--ion-icon-info, #146d81);
|
||||
$ion-icon-info-rgb: var(--ion-icon-info-rgb, 20, 109, 129);
|
||||
$ion-icon-info: var(--ion-icon-info, #0d4bc3);
|
||||
$ion-icon-info-rgb: var(--ion-icon-info-rgb, 13, 75, 195);
|
||||
$ion-icon-success: var(--ion-icon-success, #126f23);
|
||||
$ion-icon-success-rgb: var(--ion-icon-success-rgb, 18, 111, 35);
|
||||
$ion-icon-danger: var(--ion-icon-danger, #bf2222);
|
||||
@ -291,6 +304,143 @@ $ion-icon-subtle: var(--ion-icon-subtle, #3b3b3b);
|
||||
$ion-icon-subtle-rgb: var(--ion-icon-subtle-rgb, 59, 59, 59);
|
||||
$ion-icon-select: var(--ion-icon-select, #105cef);
|
||||
$ion-icon-select-rgb: var(--ion-icon-select-rgb, 16, 92, 239);
|
||||
$ion-icon-link-default: var(--ion-icon-link-default, #105cef);
|
||||
$ion-icon-link-default-rgb: var(--ion-icon-link-default-rgb, 16, 92, 239);
|
||||
$ion-icon-link-press: var(--ion-icon-link-press, #0f54da);
|
||||
$ion-icon-link-press-rgb: var(--ion-icon-link-press-rgb, 15, 84, 218);
|
||||
$ion-icon-link-visited: var(--ion-icon-link-visited, #0d4bc3);
|
||||
$ion-icon-link-visited-rgb: var(--ion-icon-link-visited-rgb, 13, 75, 195);
|
||||
$ion-state-disabled: var(--ion-state-disabled, rgba(255, 255, 255, 0.6));
|
||||
$ion-state-press: var(--ion-state-press, rgba(36, 36, 36, 0.08));
|
||||
$ion-elevation-1: var(--ion-elevation-1, 0px 0px 4px 0px rgba(0, 0, 0, 0.04), 0px 3px 9px 0px rgba(0, 0, 0, 0.07));
|
||||
$ion-elevation-2: var(--ion-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.05), 0px 8px 25px 0px rgba(0, 0, 0, 0.08));
|
||||
$ion-elevation-3: var(--ion-elevation-3, 0px 2px 7px 0px rgba(0, 0, 0, 0.05), 0px 6px 32px 0px rgba(0, 0, 0, 0.16));
|
||||
$ion-elevation-4: var(--ion-elevation-4, 0px 3px 12px 0px rgba(0, 0, 0, 0.12), 0px 15px 48px 0px rgba(0, 0, 0, 0.18));
|
||||
$ion-backdrop: var(--ion-backdrop, [object Object]);
|
||||
$ion-scale-0: var(--ion-scale-0, 0px);
|
||||
$ion-scale-100: var(--ion-scale-100, 4px);
|
||||
$ion-scale-150: var(--ion-scale-150, 6px);
|
||||
$ion-scale-200: var(--ion-scale-200, 8px);
|
||||
$ion-scale-250: var(--ion-scale-250, 10px);
|
||||
$ion-scale-300: var(--ion-scale-300, 12px);
|
||||
$ion-scale-400: var(--ion-scale-400, 16px);
|
||||
$ion-scale-500: var(--ion-scale-500, 20px);
|
||||
$ion-scale-600: var(--ion-scale-600, 24px);
|
||||
$ion-scale-700: var(--ion-scale-700, 28px);
|
||||
$ion-scale-800: var(--ion-scale-800, 32px);
|
||||
$ion-scale-900: var(--ion-scale-900, 36px);
|
||||
$ion-scale-1000: var(--ion-scale-1000, 40px);
|
||||
$ion-scale-1100: var(--ion-scale-1100, 44px);
|
||||
$ion-scale-1200: var(--ion-scale-1200, 48px);
|
||||
$ion-scale-1400: var(--ion-scale-1400, 56px);
|
||||
$ion-scale-1600: var(--ion-scale-1600, 64px);
|
||||
$ion-scale-1800: var(--ion-scale-1800, 72px);
|
||||
$ion-scale-2000: var(--ion-scale-2000, 80px);
|
||||
$ion-scale-2400: var(--ion-scale-2400, 96px);
|
||||
$ion-scale-2800: var(--ion-scale-2800, 112px);
|
||||
$ion-scale-3200: var(--ion-scale-3200, 128px);
|
||||
$ion-scale-3400: var(--ion-scale-3400, 136px);
|
||||
$ion-scale-3600: var(--ion-scale-3600, 144px);
|
||||
$ion-scale-4000: var(--ion-scale-4000, 160px);
|
||||
$ion-scale-5000: var(--ion-scale-5000, 200px);
|
||||
$ion-scale-6200: var(--ion-scale-6200, 248px);
|
||||
$ion-scale-7400: var(--ion-scale-7400, 296px);
|
||||
$ion-scale-9000: var(--ion-scale-9000, 360px);
|
||||
$ion-scale-025: var(--ion-scale-025, 1px);
|
||||
$ion-scale-050: var(--ion-scale-050, 2px);
|
||||
$ion-scale-075: var(--ion-scale-075, 3px);
|
||||
$ion-space-0: var(--ion-space-0, 0px);
|
||||
$ion-space-100: var(--ion-space-100, 4px);
|
||||
$ion-space-150: var(--ion-space-150, 6px);
|
||||
$ion-space-200: var(--ion-space-200, 8px);
|
||||
$ion-space-250: var(--ion-space-250, 10px);
|
||||
$ion-space-300: var(--ion-space-300, 12px);
|
||||
$ion-space-400: var(--ion-space-400, 16px);
|
||||
$ion-space-500: var(--ion-space-500, 20px);
|
||||
$ion-space-600: var(--ion-space-600, 24px);
|
||||
$ion-space-700: var(--ion-space-700, 28px);
|
||||
$ion-space-800: var(--ion-space-800, 32px);
|
||||
$ion-space-900: var(--ion-space-900, 36px);
|
||||
$ion-space-1000: var(--ion-space-1000, 40px);
|
||||
$ion-space-1200: var(--ion-space-1200, 48px);
|
||||
$ion-space-050: var(--ion-space-050, 2px);
|
||||
$ion-z-index-0: var(--ion-z-index-0, 0px);
|
||||
$ion-z-index-100: var(--ion-z-index-100, 100px);
|
||||
$ion-z-index-200: var(--ion-z-index-200, 200px);
|
||||
$ion-z-index-300: var(--ion-z-index-300, 300px);
|
||||
$ion-z-index-400: var(--ion-z-index-400, 400px);
|
||||
$ion-z-index-500: var(--ion-z-index-500, 500px);
|
||||
$ion-z-index-bottom: var(--ion-z-index-bottom, -99999px);
|
||||
$ion-z-index-top: var(--ion-z-index-top, 99999px);
|
||||
$ion-transition-curve-linear: var(--ion-transition-curve-linear, linear);
|
||||
$ion-transition-curve-quick: var(--ion-transition-curve-quick, cubic-bezier(0, 0, 0.2, 1));
|
||||
$ion-transition-curve-base: var(--ion-transition-curve-base, cubic-bezier(0.4, 0, 1, 1));
|
||||
$ion-transition-curve-expressive: var(--ion-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));
|
||||
$ion-transition-curve-bounce: var(--ion-transition-curve-bounce, cubic-bezier(0.47, 0, 0.23, 1.38));
|
||||
$ion-transition-time-0: var(--ion-transition-time-0, 0);
|
||||
$ion-transition-time-100: var(--ion-transition-time-100, 100);
|
||||
$ion-transition-time-150: var(--ion-transition-time-150, 150);
|
||||
$ion-transition-time-200: var(--ion-transition-time-200, 200);
|
||||
$ion-transition-time-300: var(--ion-transition-time-300, 300);
|
||||
$ion-transition-time-500: var(--ion-transition-time-500, 500);
|
||||
$ion-transition-time-1000: var(--ion-transition-time-1000, 1000);
|
||||
$ion-transition-time-1500: var(--ion-transition-time-1500, 1500);
|
||||
$ion-font-family: var(--ion-font-family, "Inter", sans-serif);
|
||||
$ion-font-weight-thin: var(--ion-font-weight-thin, 100);
|
||||
$ion-font-weight-extra-light: var(--ion-font-weight-extra-light, 200);
|
||||
$ion-font-weight-light: var(--ion-font-weight-light, 300);
|
||||
$ion-font-weight-regular: var(--ion-font-weight-regular, 400);
|
||||
$ion-font-weight-medium: var(--ion-font-weight-medium, 500);
|
||||
$ion-font-weight-semi-bold: var(--ion-font-weight-semi-bold, 600);
|
||||
$ion-font-weight-bold: var(--ion-font-weight-bold, 700);
|
||||
$ion-font-weight-extra-bold: var(--ion-font-weight-extra-bold, 800);
|
||||
$ion-font-weight-black: var(--ion-font-weight-black, 900);
|
||||
$ion-font-size-275: var(--ion-font-size-275, font.px-to-rem(11));
|
||||
$ion-font-size-300: var(--ion-font-size-300, font.px-to-rem(12));
|
||||
$ion-font-size-350: var(--ion-font-size-350, font.px-to-rem(14));
|
||||
$ion-font-size-400: var(--ion-font-size-400, font.px-to-rem(16));
|
||||
$ion-font-size-450: var(--ion-font-size-450, font.px-to-rem(18));
|
||||
$ion-font-size-500: var(--ion-font-size-500, font.px-to-rem(20));
|
||||
$ion-font-size-550: var(--ion-font-size-550, font.px-to-rem(22));
|
||||
$ion-font-size-600: var(--ion-font-size-600, font.px-to-rem(24));
|
||||
$ion-font-size-650: var(--ion-font-size-650, font.px-to-rem(26));
|
||||
$ion-font-size-700: var(--ion-font-size-700, font.px-to-rem(28));
|
||||
$ion-font-size-800: var(--ion-font-size-800, font.px-to-rem(32));
|
||||
$ion-font-size-900: var(--ion-font-size-900, font.px-to-rem(36));
|
||||
$ion-font-letter-spacing-0: var(--ion-font-letter-spacing-0, 0%);
|
||||
$ion-font-letter-spacing-1: var(--ion-font-letter-spacing-1, 1%);
|
||||
$ion-font-letter-spacing-2: var(--ion-font-letter-spacing-2, 1.5%);
|
||||
$ion-font-line-height-300: var(--ion-font-line-height-300, 12px);
|
||||
$ion-font-line-height-400: var(--ion-font-line-height-400, 16px);
|
||||
$ion-font-line-height-500: var(--ion-font-line-height-500, 20px);
|
||||
$ion-font-line-height-600: var(--ion-font-line-height-600, 24px);
|
||||
$ion-font-line-height-700: var(--ion-font-line-height-700, 28px);
|
||||
$ion-font-line-height-800: var(--ion-font-line-height-800, 32px);
|
||||
$ion-font-line-height-900: var(--ion-font-line-height-900, 36px);
|
||||
$ion-font-line-height-1100: var(--ion-font-line-height-1100, 44px);
|
||||
$ion-font-line-height-1200: var(--ion-font-line-height-1200, 48px);
|
||||
$ion-font-line-height-full: var(--ion-font-line-height-full, 100%);
|
||||
$ion-rectangular-2xs: var(--ion-rectangular-2xs, 0px);
|
||||
$ion-rectangular-xs: var(--ion-rectangular-xs, 0px);
|
||||
$ion-rectangular-sm: var(--ion-rectangular-sm, 0px);
|
||||
$ion-rectangular-md: var(--ion-rectangular-md, 0px);
|
||||
$ion-rectangular-lg: var(--ion-rectangular-lg, 0px);
|
||||
$ion-rectangular-xl: var(--ion-rectangular-xl, 0px);
|
||||
$ion-rectangular-2xl: var(--ion-rectangular-2xl, 0px);
|
||||
$ion-round-2xs: var(--ion-round-2xs, 999px);
|
||||
$ion-round-xs: var(--ion-round-xs, 999px);
|
||||
$ion-round-sm: var(--ion-round-sm, 999px);
|
||||
$ion-round-md: var(--ion-round-md, 999px);
|
||||
$ion-round-lg: var(--ion-round-lg, 12px);
|
||||
$ion-round-xl: var(--ion-round-xl, 16px);
|
||||
$ion-round-2xl: var(--ion-round-2xl, 40px);
|
||||
$ion-soft-2xs: var(--ion-soft-2xs, 4px);
|
||||
$ion-soft-xs: var(--ion-soft-xs, 8px);
|
||||
$ion-soft-sm: var(--ion-soft-sm, 12px);
|
||||
$ion-soft-md: var(--ion-soft-md, 16px);
|
||||
$ion-soft-lg: var(--ion-soft-lg, 8px);
|
||||
$ion-soft-xl: var(--ion-soft-xl, 8px);
|
||||
$ion-soft-2xl: var(--ion-soft-2xl, 16px);
|
||||
$ion-primitives-neutral-100: var(--ion-primitives-neutral-100, #f5f5f5);
|
||||
$ion-primitives-neutral-100-rgb: var(--ion-primitives-neutral-100-rgb, 245, 245, 245);
|
||||
$ion-primitives-neutral-200: var(--ion-primitives-neutral-200, #e7e7e7);
|
||||
@ -401,20 +551,20 @@ $ion-primitives-yellow-400: var(--ion-primitives-yellow-400, #ffe07b);
|
||||
$ion-primitives-yellow-400-rgb: var(--ion-primitives-yellow-400-rgb, 255, 224, 123);
|
||||
$ion-primitives-yellow-500: var(--ion-primitives-yellow-500, #ffd600);
|
||||
$ion-primitives-yellow-500-rgb: var(--ion-primitives-yellow-500-rgb, 255, 214, 0);
|
||||
$ion-primitives-yellow-600: var(--ion-primitives-yellow-600, #e1bd00);
|
||||
$ion-primitives-yellow-600-rgb: var(--ion-primitives-yellow-600-rgb, 225, 189, 0);
|
||||
$ion-primitives-yellow-700: var(--ion-primitives-yellow-700, #c3a400);
|
||||
$ion-primitives-yellow-700-rgb: var(--ion-primitives-yellow-700-rgb, 195, 164, 0);
|
||||
$ion-primitives-yellow-800: var(--ion-primitives-yellow-800, #a48a00);
|
||||
$ion-primitives-yellow-800-rgb: var(--ion-primitives-yellow-800-rgb, 164, 138, 0);
|
||||
$ion-primitives-yellow-900: var(--ion-primitives-yellow-900, #846f00);
|
||||
$ion-primitives-yellow-900-rgb: var(--ion-primitives-yellow-900-rgb, 132, 111, 0);
|
||||
$ion-primitives-yellow-1000: var(--ion-primitives-yellow-1000, #635300);
|
||||
$ion-primitives-yellow-1000-rgb: var(--ion-primitives-yellow-1000-rgb, 99, 83, 0);
|
||||
$ion-primitives-yellow-1100: var(--ion-primitives-yellow-1100, #423800);
|
||||
$ion-primitives-yellow-1100-rgb: var(--ion-primitives-yellow-1100-rgb, 66, 56, 0);
|
||||
$ion-primitives-yellow-1200: var(--ion-primitives-yellow-1200, #221d00);
|
||||
$ion-primitives-yellow-1200-rgb: var(--ion-primitives-yellow-1200-rgb, 34, 29, 0);
|
||||
$ion-primitives-yellow-600: var(--ion-primitives-yellow-600, #f9bd0a);
|
||||
$ion-primitives-yellow-600-rgb: var(--ion-primitives-yellow-600-rgb, 249, 189, 10);
|
||||
$ion-primitives-yellow-700: var(--ion-primitives-yellow-700, #df9c00);
|
||||
$ion-primitives-yellow-700-rgb: var(--ion-primitives-yellow-700-rgb, 223, 156, 0);
|
||||
$ion-primitives-yellow-800: var(--ion-primitives-yellow-800, #ba8200);
|
||||
$ion-primitives-yellow-800-rgb: var(--ion-primitives-yellow-800-rgb, 186, 130, 0);
|
||||
$ion-primitives-yellow-900: var(--ion-primitives-yellow-900, #966503);
|
||||
$ion-primitives-yellow-900-rgb: var(--ion-primitives-yellow-900-rgb, 150, 101, 3);
|
||||
$ion-primitives-yellow-1000: var(--ion-primitives-yellow-1000, #704b02);
|
||||
$ion-primitives-yellow-1000-rgb: var(--ion-primitives-yellow-1000-rgb, 112, 75, 2);
|
||||
$ion-primitives-yellow-1100: var(--ion-primitives-yellow-1100, #533802);
|
||||
$ion-primitives-yellow-1100-rgb: var(--ion-primitives-yellow-1100-rgb, 83, 56, 2);
|
||||
$ion-primitives-yellow-1200: var(--ion-primitives-yellow-1200, #2c1e02);
|
||||
$ion-primitives-yellow-1200-rgb: var(--ion-primitives-yellow-1200-rgb, 44, 30, 2);
|
||||
$ion-primitives-lime-100: var(--ion-primitives-lime-100, #f3faea);
|
||||
$ion-primitives-lime-100-rgb: var(--ion-primitives-lime-100-rgb, 243, 250, 234);
|
||||
$ion-primitives-lime-200: var(--ion-primitives-lime-200, #eaf7db);
|
||||
@ -655,137 +805,13 @@ $ion-primitives-pink-1100: var(--ion-primitives-pink-1100, #8b2248);
|
||||
$ion-primitives-pink-1100-rgb: var(--ion-primitives-pink-1100-rgb, 139, 34, 72);
|
||||
$ion-primitives-pink-1200: var(--ion-primitives-pink-1200, #621833);
|
||||
$ion-primitives-pink-1200-rgb: var(--ion-primitives-pink-1200-rgb, 98, 24, 51);
|
||||
$ion-state-disabled: var(--ion-state-disabled, rgba(255, 255, 255, 0.6));
|
||||
$ion-state-press: var(--ion-state-press, rgba(36, 36, 36, 0.08));
|
||||
$ion-elevation-1: var(--ion-elevation-1, 0px 0px 4px 0px rgba(0, 0, 0, 0.04), 0px 3px 9px 0px rgba(0, 0, 0, 0.07));
|
||||
$ion-elevation-2: var(--ion-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.05), 0px 8px 25px 0px rgba(0, 0, 0, 0.08));
|
||||
$ion-elevation-3: var(--ion-elevation-3, 0px 2px 7px 0px rgba(0, 0, 0, 0.05), 0px 6px 32px 0px rgba(0, 0, 0, 0.16));
|
||||
$ion-elevation-4: var(--ion-elevation-4, 0px 3px 12px 0px rgba(0, 0, 0, 0.12), 0px 15px 48px 0px rgba(0, 0, 0, 0.18));
|
||||
$ion-backdrop: var(--ion-backdrop, [object Object]);
|
||||
$ion-scale-0: var(--ion-scale-0, 0px);
|
||||
$ion-scale-100: var(--ion-scale-100, 4px);
|
||||
$ion-scale-150: var(--ion-scale-150, 6px);
|
||||
$ion-scale-200: var(--ion-scale-200, 8px);
|
||||
$ion-scale-250: var(--ion-scale-250, 10px);
|
||||
$ion-scale-300: var(--ion-scale-300, 12px);
|
||||
$ion-scale-400: var(--ion-scale-400, 16px);
|
||||
$ion-scale-500: var(--ion-scale-500, 20px);
|
||||
$ion-scale-600: var(--ion-scale-600, 24px);
|
||||
$ion-scale-700: var(--ion-scale-700, 28px);
|
||||
$ion-scale-800: var(--ion-scale-800, 32px);
|
||||
$ion-scale-900: var(--ion-scale-900, 36px);
|
||||
$ion-scale-1000: var(--ion-scale-1000, 40px);
|
||||
$ion-scale-1100: var(--ion-scale-1100, 44px);
|
||||
$ion-scale-1200: var(--ion-scale-1200, 48px);
|
||||
$ion-scale-1400: var(--ion-scale-1400, 56px);
|
||||
$ion-scale-1600: var(--ion-scale-1600, 64px);
|
||||
$ion-scale-1800: var(--ion-scale-1800, 72px);
|
||||
$ion-scale-2000: var(--ion-scale-2000, 80px);
|
||||
$ion-scale-2400: var(--ion-scale-2400, 96px);
|
||||
$ion-scale-2800: var(--ion-scale-2800, 112px);
|
||||
$ion-scale-3200: var(--ion-scale-3200, 128px);
|
||||
$ion-scale-3400: var(--ion-scale-3400, 136px);
|
||||
$ion-scale-3600: var(--ion-scale-3600, 144px);
|
||||
$ion-scale-4000: var(--ion-scale-4000, 160px);
|
||||
$ion-scale-5000: var(--ion-scale-5000, 200px);
|
||||
$ion-scale-6200: var(--ion-scale-6200, 248px);
|
||||
$ion-scale-7400: var(--ion-scale-7400, 296px);
|
||||
$ion-scale-9000: var(--ion-scale-9000, 360px);
|
||||
$ion-scale-025: var(--ion-scale-025, 1px);
|
||||
$ion-scale-050: var(--ion-scale-050, 2px);
|
||||
$ion-scale-075: var(--ion-scale-075, 3px);
|
||||
$ion-space-0: var(--ion-space-0, 0px);
|
||||
$ion-space-100: var(--ion-space-100, 4px);
|
||||
$ion-space-150: var(--ion-space-150, 6px);
|
||||
$ion-space-200: var(--ion-space-200, 8px);
|
||||
$ion-space-250: var(--ion-space-250, 10px);
|
||||
$ion-space-300: var(--ion-space-300, 12px);
|
||||
$ion-space-400: var(--ion-space-400, 16px);
|
||||
$ion-space-500: var(--ion-space-500, 20px);
|
||||
$ion-space-600: var(--ion-space-600, 24px);
|
||||
$ion-space-700: var(--ion-space-700, 28px);
|
||||
$ion-space-800: var(--ion-space-800, 32px);
|
||||
$ion-space-900: var(--ion-space-900, 36px);
|
||||
$ion-space-1000: var(--ion-space-1000, 40px);
|
||||
$ion-space-1200: var(--ion-space-1200, 48px);
|
||||
$ion-space-050: var(--ion-space-050, 2px);
|
||||
$ion-z-index-0: var(--ion-z-index-0, 0px);
|
||||
$ion-z-index-100: var(--ion-z-index-100, 100px);
|
||||
$ion-z-index-200: var(--ion-z-index-200, 200px);
|
||||
$ion-z-index-300: var(--ion-z-index-300, 300px);
|
||||
$ion-z-index-400: var(--ion-z-index-400, 400px);
|
||||
$ion-z-index-500: var(--ion-z-index-500, 500px);
|
||||
$ion-z-index-bottom: var(--ion-z-index-bottom, -99999px);
|
||||
$ion-z-index-top: var(--ion-z-index-top, 99999px);
|
||||
$ion-transition-curve-linear: var(--ion-transition-curve-linear, linear);
|
||||
$ion-transition-curve-quick: var(--ion-transition-curve-quick, cubic-bezier(0, 0, 0.2, 1));
|
||||
$ion-transition-curve-base: var(--ion-transition-curve-base, cubic-bezier(0.4, 0, 1, 1));
|
||||
$ion-transition-curve-expressive: var(--ion-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));
|
||||
$ion-transition-curve-bounce: var(--ion-transition-curve-bounce, cubic-bezier(0.47, 0, 0.23, 1.38));
|
||||
$ion-transition-time-0: var(--ion-transition-time-0, 0);
|
||||
$ion-transition-time-100: var(--ion-transition-time-100, 100);
|
||||
$ion-transition-time-150: var(--ion-transition-time-150, 150);
|
||||
$ion-transition-time-200: var(--ion-transition-time-200, 200);
|
||||
$ion-transition-time-300: var(--ion-transition-time-300, 300);
|
||||
$ion-transition-time-500: var(--ion-transition-time-500, 500);
|
||||
$ion-transition-time-1000: var(--ion-transition-time-1000, 1000);
|
||||
$ion-transition-time-1500: var(--ion-transition-time-1500, 1500);
|
||||
$ion-font-family: var(--ion-font-family, "Inter", sans-serif);
|
||||
$ion-font-weight-thin: var(--ion-font-weight-thin, 100);
|
||||
$ion-font-weight-extra-light: var(--ion-font-weight-extra-light, 200);
|
||||
$ion-font-weight-light: var(--ion-font-weight-light, 300);
|
||||
$ion-font-weight-regular: var(--ion-font-weight-regular, 400);
|
||||
$ion-font-weight-medium: var(--ion-font-weight-medium, 500);
|
||||
$ion-font-weight-semi-bold: var(--ion-font-weight-semi-bold, 600);
|
||||
$ion-font-weight-bold: var(--ion-font-weight-bold, 700);
|
||||
$ion-font-weight-extra-bold: var(--ion-font-weight-extra-bold, 800);
|
||||
$ion-font-weight-black: var(--ion-font-weight-black, 900);
|
||||
$ion-font-size-275: var(--ion-font-size-275, font.px-to-rem(11));
|
||||
$ion-font-size-300: var(--ion-font-size-300, font.px-to-rem(12));
|
||||
$ion-font-size-350: var(--ion-font-size-350, font.px-to-rem(14));
|
||||
$ion-font-size-400: var(--ion-font-size-400, font.px-to-rem(16));
|
||||
$ion-font-size-450: var(--ion-font-size-450, font.px-to-rem(18));
|
||||
$ion-font-size-500: var(--ion-font-size-500, font.px-to-rem(20));
|
||||
$ion-font-size-550: var(--ion-font-size-550, font.px-to-rem(22));
|
||||
$ion-font-size-600: var(--ion-font-size-600, font.px-to-rem(24));
|
||||
$ion-font-size-650: var(--ion-font-size-650, font.px-to-rem(26));
|
||||
$ion-font-size-700: var(--ion-font-size-700, font.px-to-rem(28));
|
||||
$ion-font-size-800: var(--ion-font-size-800, font.px-to-rem(32));
|
||||
$ion-font-size-900: var(--ion-font-size-900, font.px-to-rem(36));
|
||||
$ion-font-letter-spacing-0: var(--ion-font-letter-spacing-0, 0%);
|
||||
$ion-font-letter-spacing-1: var(--ion-font-letter-spacing-1, 1%);
|
||||
$ion-font-letter-spacing-2: var(--ion-font-letter-spacing-2, 1.5%);
|
||||
$ion-font-line-height-300: var(--ion-font-line-height-300, 12px);
|
||||
$ion-font-line-height-400: var(--ion-font-line-height-400, 16px);
|
||||
$ion-font-line-height-500: var(--ion-font-line-height-500, 20px);
|
||||
$ion-font-line-height-600: var(--ion-font-line-height-600, 24px);
|
||||
$ion-font-line-height-700: var(--ion-font-line-height-700, 28px);
|
||||
$ion-font-line-height-800: var(--ion-font-line-height-800, 32px);
|
||||
$ion-font-line-height-900: var(--ion-font-line-height-900, 36px);
|
||||
$ion-font-line-height-1100: var(--ion-font-line-height-1100, 44px);
|
||||
$ion-font-line-height-1200: var(--ion-font-line-height-1200, 48px);
|
||||
$ion-font-line-height-full: var(--ion-font-line-height-full, 100%);
|
||||
$ion-rectangular-2xs: var(--ion-rectangular-2xs, 0px);
|
||||
$ion-rectangular-xs: var(--ion-rectangular-xs, 0px);
|
||||
$ion-rectangular-sm: var(--ion-rectangular-sm, 0px);
|
||||
$ion-rectangular-md: var(--ion-rectangular-md, 0px);
|
||||
$ion-rectangular-lg: var(--ion-rectangular-lg, 0px);
|
||||
$ion-rectangular-xl: var(--ion-rectangular-xl, 0px);
|
||||
$ion-rectangular-2xl: var(--ion-rectangular-2xl, 0px);
|
||||
$ion-round-2xs: var(--ion-round-2xs, 999px);
|
||||
$ion-round-xs: var(--ion-round-xs, 999px);
|
||||
$ion-round-sm: var(--ion-round-sm, 999px);
|
||||
$ion-round-md: var(--ion-round-md, 999px);
|
||||
$ion-round-lg: var(--ion-round-lg, 12px);
|
||||
$ion-round-xl: var(--ion-round-xl, 16px);
|
||||
$ion-round-2xl: var(--ion-round-2xl, 40px);
|
||||
$ion-soft-2xs: var(--ion-soft-2xs, 4px);
|
||||
$ion-soft-xs: var(--ion-soft-xs, 8px);
|
||||
$ion-soft-sm: var(--ion-soft-sm, 12px);
|
||||
$ion-soft-md: var(--ion-soft-md, 16px);
|
||||
$ion-soft-lg: var(--ion-soft-lg, 8px);
|
||||
$ion-soft-xl: var(--ion-soft-xl, 8px);
|
||||
$ion-soft-2xl: var(--ion-soft-2xl, 16px);
|
||||
$ion-shadow-1: var(--ion-shadow-1, rgba(0, 0, 0, 0.04));
|
||||
$ion-shadow-2: var(--ion-shadow-2, rgba(0, 0, 0, 0.05));
|
||||
$ion-shadow-3: var(--ion-shadow-3, rgba(0, 0, 0, 0.07));
|
||||
$ion-shadow-4: var(--ion-shadow-4, rgba(0, 0, 0, 0.08));
|
||||
$ion-shadow-5: var(--ion-shadow-5, rgba(0, 0, 0, 0.12));
|
||||
$ion-shadow-6: var(--ion-shadow-6, rgba(0, 0, 0, 0.16));
|
||||
$ion-shadow-7: var(--ion-shadow-7, rgba(0, 0, 0, 0.18));
|
||||
|
||||
$ion-display-sm-regular: (
|
||||
font-size: $ion-font-size-800,
|
||||
@ -1067,7 +1093,7 @@ $ion-heading-h6-bold: (
|
||||
text-decoration: none,
|
||||
);
|
||||
|
||||
$ion-body-action-xl: (
|
||||
$ion-body-action-lg: (
|
||||
font-size: $ion-font-size-500,
|
||||
font-style: normal,
|
||||
font-weight: $ion-font-weight-medium,
|
||||
@ -1077,7 +1103,7 @@ $ion-body-action-xl: (
|
||||
text-decoration: none,
|
||||
);
|
||||
|
||||
$ion-body-action-lg: (
|
||||
$ion-body-action-md: (
|
||||
font-size: $ion-font-size-400,
|
||||
font-style: normal,
|
||||
font-weight: $ion-font-weight-medium,
|
||||
@ -1087,7 +1113,7 @@ $ion-body-action-lg: (
|
||||
text-decoration: none,
|
||||
);
|
||||
|
||||
$ion-body-action-md: (
|
||||
$ion-body-action-sm: (
|
||||
font-size: $ion-font-size-350,
|
||||
font-style: normal,
|
||||
font-weight: $ion-font-weight-medium,
|
||||
@ -1097,7 +1123,7 @@ $ion-body-action-md: (
|
||||
text-decoration: none,
|
||||
);
|
||||
|
||||
$ion-body-action-sm: (
|
||||
$ion-body-action-xs: (
|
||||
font-size: $ion-font-size-300,
|
||||
font-style: normal,
|
||||
font-weight: $ion-font-weight-medium,
|
||||
|
||||
Reference in New Issue
Block a user