UNPKG

1.78 kBSCSSView Raw
1@import 'theme-functions';
2
3
4// Typography
5$md-body-font-size-base: rem(1.4) !default;
6$md-font-family: Roboto, 'Helvetica Neue', sans-serif !default;
7
8// Media queries
9$md-xsmall: 'max-width: 600px';
10
11// TODO: Revisit all z-indices before beta
12// z-index master list
13$z-index-fab: 20 !default;
14$z-index-drawer: 100 !default;
15$z-index-overlay: 1000 !default;
16
17// Global constants
18$pi: 3.14159265;
19
20// Padding between input toggles and their labels
21$md-toggle-padding: 8px !default;
22// Width and height of input toggles
23$md-toggle-size: 20px !default;
24
25// Easing Curves
26// TODO(jelbourn): all of these need to be revisited
27
28// The default animation curves used by material design.
29$md-linear-out-slow-in-timing-function: cubic-bezier(0, 0, 0.2, 0.1) !default;
30$md-fast-out-slow-in-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !default;
31$md-fast-out-linear-in-timing-function: cubic-bezier(0.4, 0, 1, 1) !default;
32
33$ease-in-out-curve-function: cubic-bezier(0.35, 0, 0.25, 1) !default;
34
35$swift-ease-out-duration: 400ms !default;
36$swift-ease-out-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default;
37$swift-ease-out: all $swift-ease-out-duration $swift-ease-out-timing-function !default;
38
39$swift-ease-in-duration: 300ms !default;
40$swift-ease-in-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2) !default;
41$swift-ease-in: all $swift-ease-in-duration $swift-ease-in-timing-function !default;
42
43$swift-ease-in-out-duration: 500ms !default;
44$swift-ease-in-out-timing-function: $ease-in-out-curve-function !default;
45$swift-ease-in-out: all $swift-ease-in-out-duration $swift-ease-in-out-timing-function !default;
46
47$swift-linear-duration: 80ms !default;
48$swift-linear-timing-function: linear !default;
49$swift-linear: all $swift-linear-duration $swift-linear-timing-function !default;