You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/migration/alpha-beta.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -9,7 +9,7 @@
9
9
| 🔄 renamed `Tonality` to `Density`| class names and data-attributes changed from <br/>`.db-ux-#{$tonality},[data-tonality="#{$tonality}"] {` to <br/>`.db-#{density},[data-density="#{density}"] {`| search `tonality` & replace with `density`|
10
10
| ❌ removed `opacity` tokens | we use only 1 opacity (0.4) for all components | If you use some of the tokens like `--db-opacity-sm` you might run into issues with your layout |
11
11
| 🔄 updated `border` tokens | we add all shirt-sizes `3xs`-`3xl` as tokens | If you use some of the tokens like `db-border-height-sm` you might run into issues with your layout, because the values behind it changed |
12
-
| 🔄 moved `_font-sizes.scss`| We moved the file to another folder to align the same structure as icons or colors. We add `css` classes, you can use them by importing `@db-ux/core-foundations/scss/fonts/classes/all.css`| If you use some placeholder like `%db-overwrite-font-size-sm` you might need to import the `_font-sizes.scss` like this: `@use "@db-ux/core-foundations/build/scss/fonts";`|
12
+
| 🔄 moved `_font-sizes.scss`| We moved the file to another folder to align the same structure as icons or colors. We add `css` classes, you can use them by importing `@db-ux/core-foundations/scss/fonts/classes/all.css`| If you use some placeholder like `%db-overwrite-font-size-sm` you might need to import the `_font-sizes.scss` like this: `@use "@db-ux/core-foundations/build/styles/fonts";`|
13
13
| 🔄 ❗ refactored `colors`| All colors changed. We use color-palettes to generate speaking-names (check `@db-ux/core-foundations/scss/colors/_variables.scss` to see a list of available tokens). We removed `base` color, it was the same like `neutral`. Add different background level. | 1. Replace all `base` colors with `neutral`<br/>2. If you use the color class replace `db-bg-x` with `db-x-bg-lvl-1`<br/>3. Replace `border-strong`/ `border-weak` tokens with `contrast-high`/`contrast-low`|
14
14
| 🔄 renamed timing variables | renamed `$db-transition-emotional-timing` to `$db-transition-timing-emotional` / `--db-transition-emotional-timing` to `--db-transition-timing-emotional`| Replace `transition-emotional-timing` by `transition-timing-emotional`|
0 commit comments