UNPKG

1.7 kBSCSSView Raw
1// Media queries
2// TODO(josephperrott): Change $mat-xsmall and $mat-small usages to rely on BreakpointObserver,
3$xsmall: 'max-width: 599px';
4$small: 'max-width: 959px';
5
6// TODO: Revisit all z-indices before beta
7// z-index main list
8
9$z-index-fab: 20 !default;
10$z-index-drawer: 100 !default;
11
12// Global constants
13$pi: 3.14159265;
14
15// Padding between input toggles and their labels
16$toggle-padding: 8px !default;
17// Width and height of input toggles
18$toggle-size: 20px !default;
19
20// Easing Curves
21// TODO(jelbourn): all of these need to be revisited
22
23// The default animation curves used by material design.
24$linear-out-slow-in-timing-function: cubic-bezier(0, 0, 0.2, 0.1) !default;
25$fast-out-slow-in-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !default;
26$fast-out-linear-in-timing-function: cubic-bezier(0.4, 0, 1, 1) !default;
27
28$ease-in-out-curve-function: cubic-bezier(0.35, 0, 0.25, 1) !default;
29
30$swift-ease-out-duration: 400ms !default;
31$swift-ease-out-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default;
32$swift-ease-out: all $swift-ease-out-duration $swift-ease-out-timing-function !default;
33
34$swift-ease-in-duration: 300ms !default;
35$swift-ease-in-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2) !default;
36$swift-ease-in: all $swift-ease-in-duration $swift-ease-in-timing-function !default;
37
38$swift-ease-in-out-duration: 500ms !default;
39$swift-ease-in-out-timing-function: $ease-in-out-curve-function !default;
40$swift-ease-in-out: all $swift-ease-in-out-duration $swift-ease-in-out-timing-function !default;
41
42$swift-linear-duration: 80ms !default;
43$swift-linear-timing-function: linear !default;
44$swift-linear: all $swift-linear-duration $swift-linear-timing-function !default;