Open andresin87 opened 2 months ago
🤩
STATEMENTS | BRANCHES | FUNCTIONS | LINES | |
---|---|---|---|---|
≍ | ≍ 0= | ≍ 0= | ≍ 0= | ≍ 0= |
% | 75.9 | 64.19 | 65.99 | 77.7 |
ABS | 3343 / 4404 | 2051 / 3195 | 654 / 991 | 3164 / 4072 |
STATEMENTS | BRANCHES | FUNCTIONS | LINES | |
---|---|---|---|---|
≍ | ≍ 0= | ≍ 0= | ≍ 0= | ≍ 0= |
% | 75.9 | 64.19 | 65.99 | 77.7 |
ABS | 3343 / 4404 | 2051 / 3195 | 654 / 991 | 3164 / 4072 |
Css native custom properties
🔍 Show
TASK:
Description, Motivation and Context
This PR is using @s-ui/theme@9.0.0-beta-2 which is a proposal to get ready to use css native custom tokens in brand web-apps and brand themes.
Those theme changes can be inspected in https://github.com/SUI-Components/sui/pull/1804
The main handicap is the usage of SASS color functions and css
rgba
color standard.Replacing errors
When experiencing any problem related to this, the solution is color-mix CSS native color manipulation syntax. EX:
can be replaced to
also, for scss native color manipulation functions
can be replaced to
Other utils
color-mix allows to nest its inner values
Types of changes
Screenshots - Animations