We have 91 scss files, some of them contain potentially dangerous EUI overwrites. As EUI delivers the css-in-js support with emotion, we should migrate these custom styles for both EUI components and regular HTML elements (using css helper from @emotion/react), utilizing appropriate theme variables from useEuiTheme hook.
Besides that, alongside the updated classes, all inline styles should be replaced with css.
Would be better to split this task by page, potentially we can break it down even further, especially the components folder.
We have 91
scss
files, some of them contain potentially dangerous EUI overwrites. As EUI delivers the css-in-js support with emotion, we should migrate these custom styles for both EUI components and regular HTML elements (usingcss
helper from@emotion/react
), utilizing appropriate theme variables fromuseEuiTheme
hook.Besides that, alongside the updated classes, all inline styles should be replaced with
css
.Would be better to split this task by page, potentially we can break it down even further, especially the components folder.