[K7]: KUI variable naming, sizing and responsive breakpoints #12846
Conversation
| $kuiAnimSlightBounce: cubic-bezier(0.34,1.61,0.7,1); | ||
| $kuiAnimSlightResistance: cubic-bezier(0.694, 0.0482, 0.335, 1); | ||
|
|
||
| $kuiAnimSpeedVeryFast: 90ms; |
There was a problem hiding this comment.
Maybe we should use "extra" instead of "very", since we're already using that in our t-shirt sizing?
| $kuiAnimSpeedFast: 150ms; | ||
| $kuiAnimSpeedNormal: 250ms; | ||
| $kuiAnimSpeedSlow: 350ms; | ||
| $kuiAnimSpeedVerySlow: 500ms; |
| $kuiZContentMenu: 100; | ||
| $kuiZNavigation: 200; | ||
| $kuiZMask: 300; | ||
| $kuiZModal: 400; |
There was a problem hiding this comment.
How about increments of 1000? It doesn't hurt and gives us more room to expand in the future.
There was a problem hiding this comment.
If i remember correctly, some old browsers cap at 999. If we can't work within a range of 1000 we're in trouble? haha.
There was a problem hiding this comment.
I did some research and I think we're OK to use much much larger numbers. Looks like the max is 2147483647 in most browsers, and 16777271 in Safari 3:
| @@ -0,0 +1,5 @@ | |||
| $kuiZContent: 1; | |||
There was a problem hiding this comment.
Technically I think this should be 0, to create even increments between levels.
|
Updated per suggestions @cjcenizal |
snide
added
the
Team:Platform-Design
…#12846) variable naming, sizing and responsive breakpoints
…#12846) variable naming, sizing and responsive breakpoints
…#12846) variable naming, sizing and responsive breakpoints
variable naming, sizing and responsive breakpoints
kuivariable prefix.