Add motion guidelines
- Update transition global variables in bootstrap to use Carbon
motion easing and duration tokens to maintain consistency throughout
the application
- Remove import of colors helper file into variables and set import
order based on dependency
Signed-off-by: Derick Montague <derick.montague@ibm.com>
Change-Id: Ibd3fb9438ff236670e5523250d284b59411a7e53
diff --git a/src/assets/styles/bmc/helpers/_variables.scss b/src/assets/styles/bmc/helpers/_variables.scss
index f59cfc1..cbee2df 100644
--- a/src/assets/styles/bmc/helpers/_variables.scss
+++ b/src/assets/styles/bmc/helpers/_variables.scss
@@ -1,8 +1,9 @@
-@import "./colors";
-
// Override Bootstrap Variables - node_modules/Bootstrap/scss/_variables.scss
$enable-rounded: false;
$enable-validation-icons: false;
+$transition-base: all $duration--moderate-02 $standard-easing--productive;
+$transition-fade: opacity $duration--moderate-01 $standard-easing--productive;
+$transition-collapse: height $duration--slow-01 $standard-easing--expressive;
// OpenBMC Custom Variables
$responsive-layout-bp: lg;