@sandlada/material-design-css
Version:
A ready-made npm package for a collection of css styles in the material design style.
52 lines (50 loc) • 3.71 kB
CSS
@layer material-design-system {
:root {
--md-sys-motion-easing-emphasized : cubic-bezier(0.2, 0.0, 0, 1.0);
--md-sys-motion-easing-emphasized-decelerate : cubic-bezier(0.05, 0.7, 0.1, 1.0);
--md-sys-motion-easing-emphasized-accelerate : cubic-bezier(0.3, 0.0, 0.8, 0.15);
--md-sys-motion-easing-standard : cubic-bezier(0.2, 0.0, 0, 1.0);
--md-sys-motion-easing-standard-decelerate : cubic-bezier(0, 0, 0, 1);
--md-sys-motion-easing-standard-accelerate : cubic-bezier(0.3, 0, 1, 1);
--md-sys-motion-easing-expressive-fast-spatial : cubic-bezier(0.42, 1.67, 0.21, 0.90);
--md-sys-motion-easing-expressive-default-spatial: cubic-bezier(0.38, 1.21, 0.22, 1.00);
--md-sys-motion-easing-expressive-slow-spatial : cubic-bezier(0.39, 1.29, 0.35, 0.98);
--md-sys-motion-easing-expressive-fast-effects : cubic-bezier(0.31, 0.94, 0.34, 1.00);
--md-sys-motion-easing-expressive-default-effects: cubic-bezier(0.34, 0.80, 0.34, 1.00);
--md-sys-motion-easing-expressive-slow-effects : cubic-bezier(0.34, 0.88, 0.34, 1.00);
--md-sys-motion-easing-standard-fast-spatial : cubic-bezier(0.27, 1.06, 0.18, 1.00);
--md-sys-motion-easing-standard-default-spatial : cubic-bezier(0.27, 1.06, 0.18, 1.00);
--md-sys-motion-easing-standard-slow-spatial : cubic-bezier(0.27, 1.06, 0.18, 1.00);
--md-sys-motion-easing-standard-fast-effects : cubic-bezier(0.31, 0.94, 0.34, 1.00);
--md-sys-motion-easing-standard-default-effects : cubic-bezier(0.34, 0.80, 0.34, 1.00);
--md-sys-motion-easing-standard-slow-effects : cubic-bezier(0.34, 0.88, 0.34, 1.00);
--md-sys-motion-duration-short1 : 50ms;
--md-sys-motion-duration-short2 : 100ms;
--md-sys-motion-duration-short3 : 150ms;
--md-sys-motion-duration-short4 : 200ms;
--md-sys-motion-duration-medium1 : 250ms;
--md-sys-motion-duration-medium2 : 300ms;
--md-sys-motion-duration-medium3 : 350ms;
--md-sys-motion-duration-medium4 : 400ms;
--md-sys-motion-duration-long1 : 450ms;
--md-sys-motion-duration-long2 : 500ms;
--md-sys-motion-duration-long3 : 550ms;
--md-sys-motion-duration-long4 : 600ms;
--md-sys-motion-duration-extra-long1 : 700ms;
--md-sys-motion-duration-extra-long2 : 800ms;
--md-sys-motion-duration-extra-long3 : 900ms;
--md-sys-motion-duration-extra-long4 : 1000ms;
--md-sys-motion-duration-expressive-fast-spatial : 350ms;
--md-sys-motion-duration-expressive-default-spatial: 500ms;
--md-sys-motion-duration-expressive-slow-spatial : 650ms;
--md-sys-motion-duration-expressive-fast-effects : 150ms;
--md-sys-motion-duration-expressive-default-effects: 200ms;
--md-sys-motion-duration-expressive-slow-effects : 300ms;
--md-sys-motion-duration-standard-fast-spatial : 350ms;
--md-sys-motion-duration-standard-default-spatial : 500ms;
--md-sys-motion-duration-standard-slow-spatial : 750ms;
--md-sys-motion-duration-standard-fast-effects : 150ms;
--md-sys-motion-duration-standard-default-effects : 200ms;
--md-sys-motion-duration-standard-slow-effects : 300ms;
}
}