material-sass 4.0.0.beta → 4.0.0.beta2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (162) hide show
  1. checksums.yaml +5 -5
  2. data/README.md +2 -2
  3. data/Rakefile +12 -12
  4. data/{app/assets → assets}/javascripts/material-sprockets.js +0 -0
  5. data/{app/assets → assets}/javascripts/material.js +54 -4
  6. data/{app/assets → assets}/javascripts/material.min.js +1 -1
  7. data/{app/assets → assets}/javascripts/material/addons/picker.date.js +0 -0
  8. data/{app/assets → assets}/javascripts/material/addons/picker.js +0 -0
  9. data/{app/assets → assets}/javascripts/material/addons/textarea-autosize.js +0 -0
  10. data/{app/assets → assets}/javascripts/material/addons/waves.js +0 -0
  11. data/assets/javascripts/material/components/expansion-panel.js +50 -0
  12. data/{app/assets → assets}/javascripts/material/components/floating-label.js +1 -1
  13. data/{app/assets → assets}/javascripts/material/components/navdrawer.js +0 -0
  14. data/{app/assets → assets}/javascripts/material/components/selection-control-focus.js +2 -3
  15. data/{app/assets → assets}/javascripts/material/components/tab-switch.js +0 -0
  16. data/{app/assets → assets}/javascripts/material/components/util.js +0 -0
  17. data/{app/assets → assets}/javascripts/material/initializers/picker.js +0 -0
  18. data/{app/assets → assets}/javascripts/material/initializers/textarea-autosize.js +0 -0
  19. data/{app/assets → assets}/javascripts/material/initializers/waves.js +0 -0
  20. data/{app/assets → assets}/stylesheets/material.min.css +0 -0
  21. data/{app/assets → assets}/stylesheets/material.scss +0 -0
  22. data/{app/assets → assets}/stylesheets/material/_colours.scss +7 -11
  23. data/{app/assets → assets}/stylesheets/material/_functions.scss +8 -14
  24. data/{app/assets → assets}/stylesheets/material/_mixins.scss +1 -1
  25. data/{app/assets → assets}/stylesheets/material/_print.scss +4 -4
  26. data/{app/assets → assets}/stylesheets/material/_utilities.scss +0 -2
  27. data/{app/assets → assets}/stylesheets/material/_variables.scss +0 -2
  28. data/{app/assets → assets}/stylesheets/material/base/_base.scss +24 -49
  29. data/{app/assets → assets}/stylesheets/material/base/_grid.scss +1 -5
  30. data/{app/assets → assets}/stylesheets/material/base/_typography.scss +1 -11
  31. data/{app/assets → assets}/stylesheets/material/bootstrap/_alert.scss +14 -16
  32. data/{app/assets → assets}/stylesheets/material/bootstrap/_badge.scss +19 -7
  33. data/{app/assets → assets}/stylesheets/material/bootstrap/_breadcrumb.scss +0 -0
  34. data/{app/assets → assets}/stylesheets/material/bootstrap/_carousel.scss +0 -6
  35. data/{app/assets → assets}/stylesheets/material/bootstrap/_close.scss +0 -4
  36. data/{app/assets → assets}/stylesheets/material/bootstrap/_code.scss +0 -9
  37. data/{app/assets → assets}/stylesheets/material/bootstrap/_custom-form.scss +0 -0
  38. data/{app/assets → assets}/stylesheets/material/bootstrap/_form.scss +4 -16
  39. data/{app/assets → assets}/stylesheets/material/bootstrap/_image.scss +10 -14
  40. data/{app/assets → assets}/stylesheets/material/bootstrap/_jumbotron.scss +0 -0
  41. data/{app/assets → assets}/stylesheets/material/bootstrap/_media.scss +0 -0
  42. data/{app/assets → assets}/stylesheets/material/bootstrap/_nav.scss +4 -10
  43. data/{app/assets → assets}/stylesheets/material/bootstrap/_pagination.scss +0 -1
  44. data/{app/assets → assets}/stylesheets/material/bootstrap/_popover.scss +4 -10
  45. data/{app/assets → assets}/stylesheets/material/bootstrap/_responsive-embed.scss +0 -0
  46. data/{app/assets → assets}/stylesheets/material/bootstrap/_transition.scss +2 -0
  47. data/{app/assets → assets}/stylesheets/material/material.scss +1 -10
  48. data/{app/assets → assets}/stylesheets/material/material/_button-flat.scss +3 -2
  49. data/{app/assets → assets}/stylesheets/material/material/_button-float.scss +4 -4
  50. data/{app/assets → assets}/stylesheets/material/material/_button-group.scss +40 -95
  51. data/{app/assets → assets}/stylesheets/material/material/_button.scss +8 -24
  52. data/{app/assets → assets}/stylesheets/material/material/_card.scss +28 -48
  53. data/{app/assets → assets}/stylesheets/material/material/_chip.scss +3 -7
  54. data/{app/assets → assets}/stylesheets/material/material/_data-table.scss +40 -37
  55. data/{app/assets → assets}/stylesheets/material/material/_dialog.scss +79 -53
  56. data/assets/stylesheets/material/material/_expansion-panel.scss +247 -0
  57. data/{app/assets → assets}/stylesheets/material/material/_menu.scss +99 -96
  58. data/{app/assets → assets}/stylesheets/material/material/_navdrawer.scss +26 -54
  59. data/{app/assets → assets}/stylesheets/material/material/_picker.scss +8 -13
  60. data/{app/assets → assets}/stylesheets/material/material/_progress-circular.scss +0 -1
  61. data/{app/assets → assets}/stylesheets/material/material/_progress.scss +41 -53
  62. data/{app/assets → assets}/stylesheets/material/material/_selection-control.scss +4 -25
  63. data/{app/assets → assets}/stylesheets/material/material/_stepper.scss +1 -9
  64. data/{app/assets → assets}/stylesheets/material/material/_tab.scss +16 -16
  65. data/assets/stylesheets/material/material/_text-field-box.scss +59 -0
  66. data/{app/assets → assets}/stylesheets/material/material/_text-field-floating-label.scss +28 -13
  67. data/{app/assets → assets}/stylesheets/material/material/_text-field-input-group.scss +40 -49
  68. data/assets/stylesheets/material/material/_text-field-textarea.scss +15 -0
  69. data/{app/assets → assets}/stylesheets/material/material/_text-field.scss +23 -42
  70. data/{app/assets → assets}/stylesheets/material/material/_toolbar.scss +50 -37
  71. data/{app/assets → assets}/stylesheets/material/material/_tooltip.scss +6 -12
  72. data/{app/assets → assets}/stylesheets/material/mixins/_background-variant.scss +6 -5
  73. data/{app/assets → assets}/stylesheets/material/mixins/_border-radius.scss +2 -1
  74. data/{app/assets → assets}/stylesheets/material/mixins/_breakpoint.scss +7 -6
  75. data/{app/assets → assets}/stylesheets/material/mixins/_clearfix.scss +0 -0
  76. data/assets/stylesheets/material/mixins/_float.scss +13 -0
  77. data/{app/assets → assets}/stylesheets/material/mixins/_form.scss +37 -5
  78. data/{app/assets → assets}/stylesheets/material/mixins/_grid-framework.scss +30 -24
  79. data/{app/assets → assets}/stylesheets/material/mixins/_grid.scss +8 -8
  80. data/{app/assets → assets}/stylesheets/material/mixins/_hex-to-rgba.scss +0 -0
  81. data/{app/assets → assets}/stylesheets/material/mixins/_hover.scss +19 -19
  82. data/{app/assets → assets}/stylesheets/material/mixins/_image.scss +0 -0
  83. data/{app/assets → assets}/stylesheets/material/mixins/_list.scss +0 -0
  84. data/{app/assets → assets}/stylesheets/material/mixins/_material-icons.scss +4 -2
  85. data/{app/assets → assets}/stylesheets/material/mixins/_nav-divider.scss +0 -0
  86. data/{app/assets → assets}/stylesheets/material/mixins/_reset-text.scss +1 -1
  87. data/{app/assets → assets}/stylesheets/material/mixins/_screenreader.scss +1 -2
  88. data/{app/assets → assets}/stylesheets/material/mixins/_strip-unit.scss +0 -0
  89. data/{app/assets → assets}/stylesheets/material/mixins/_text-alignment.scss +0 -0
  90. data/{app/assets → assets}/stylesheets/material/mixins/_text-emphasis.scss +6 -5
  91. data/{app/assets → assets}/stylesheets/material/mixins/_text-hide.scss +0 -0
  92. data/{app/assets → assets}/stylesheets/material/mixins/_text-truncate.scss +0 -0
  93. data/{app/assets → assets}/stylesheets/material/mixins/_transition.scss +0 -8
  94. data/{app/assets → assets}/stylesheets/material/mixins/_typography.scss +0 -0
  95. data/{app/assets → assets}/stylesheets/material/utilities/_align.scss +2 -0
  96. data/{app/assets → assets}/stylesheets/material/utilities/_background.scss +0 -4
  97. data/{app/assets → assets}/stylesheets/material/utilities/_border.scss +2 -2
  98. data/{app/assets → assets}/stylesheets/material/utilities/_clearfix.scss +0 -0
  99. data/{app/assets → assets}/stylesheets/material/utilities/_display.scss +6 -2
  100. data/{app/assets → assets}/stylesheets/material/utilities/_flex.scss +10 -6
  101. data/{app/assets → assets}/stylesheets/material/utilities/_float.scss +3 -3
  102. data/{app/assets → assets}/stylesheets/material/utilities/_material-icons.scss +0 -0
  103. data/{app/assets → assets}/stylesheets/material/utilities/_position.scss +14 -0
  104. data/{app/assets → assets}/stylesheets/material/utilities/_screenreader.scss +0 -0
  105. data/{app/assets → assets}/stylesheets/material/utilities/_sizing.scss +2 -0
  106. data/{app/assets → assets}/stylesheets/material/utilities/_spacing.scss +32 -31
  107. data/{app/assets → assets}/stylesheets/material/utilities/_text.scss +2 -13
  108. data/{app/assets → assets}/stylesheets/material/utilities/_visibility.scss +2 -0
  109. data/{app/assets → assets}/stylesheets/material/utilities/_waves.scss +3 -3
  110. data/assets/stylesheets/material/variables/_elevation-shadow.scss +69 -0
  111. data/{app/assets → assets}/stylesheets/material/variables/_grid.scss +0 -4
  112. data/assets/stylesheets/material/variables/_palette.scss +66 -0
  113. data/{app/assets → assets}/stylesheets/material/variables/_spacer.scss +6 -11
  114. data/assets/stylesheets/material/variables/_transition.scss +27 -0
  115. data/{app/assets → assets}/stylesheets/material/variables/_typography.scss +21 -27
  116. data/{app/assets → assets}/stylesheets/material/variables/_variable-bootstrap.scss +22 -50
  117. data/{app/assets → assets}/stylesheets/material/variables/_variable-material.scss +108 -141
  118. data/lib/material-sass.rb +52 -4
  119. data/lib/material-sass/engine.rb +8 -8
  120. data/lib/material-sass/version.rb +1 -1
  121. data/material-sass.gemspec +3 -0
  122. metadata +145 -149
  123. data/app/assets/fonts/material-icons/MaterialIcons-Regular.eot +0 -0
  124. data/app/assets/fonts/material-icons/MaterialIcons-Regular.ijmap +0 -1
  125. data/app/assets/fonts/material-icons/MaterialIcons-Regular.svg +0 -2373
  126. data/app/assets/fonts/material-icons/MaterialIcons-Regular.ttf +0 -0
  127. data/app/assets/fonts/material-icons/MaterialIcons-Regular.woff +0 -0
  128. data/app/assets/fonts/material-icons/MaterialIcons-Regular.woff2 +0 -0
  129. data/app/assets/fonts/material-icons/README.md +0 -9
  130. data/app/assets/fonts/material-icons/codepoints +0 -932
  131. data/app/assets/fonts/roboto/Roboto-Bold.eot +0 -0
  132. data/app/assets/fonts/roboto/Roboto-Bold.ttf +0 -0
  133. data/app/assets/fonts/roboto/Roboto-Bold.woff +0 -0
  134. data/app/assets/fonts/roboto/Roboto-Bold.woff2 +0 -0
  135. data/app/assets/fonts/roboto/Roboto-Light.eot +0 -0
  136. data/app/assets/fonts/roboto/Roboto-Light.ttf +0 -0
  137. data/app/assets/fonts/roboto/Roboto-Light.woff +0 -0
  138. data/app/assets/fonts/roboto/Roboto-Light.woff2 +0 -0
  139. data/app/assets/fonts/roboto/Roboto-Medium.eot +0 -0
  140. data/app/assets/fonts/roboto/Roboto-Medium.ttf +0 -0
  141. data/app/assets/fonts/roboto/Roboto-Medium.woff +0 -0
  142. data/app/assets/fonts/roboto/Roboto-Medium.woff2 +0 -0
  143. data/app/assets/fonts/roboto/Roboto-Regular.eot +0 -0
  144. data/app/assets/fonts/roboto/Roboto-Regular.ttf +0 -0
  145. data/app/assets/fonts/roboto/Roboto-Regular.woff +0 -0
  146. data/app/assets/fonts/roboto/Roboto-Regular.woff2 +0 -0
  147. data/app/assets/fonts/roboto/Roboto-Thin.eot +0 -0
  148. data/app/assets/fonts/roboto/Roboto-Thin.ttf +0 -0
  149. data/app/assets/fonts/roboto/Roboto-Thin.woff +0 -0
  150. data/app/assets/fonts/roboto/Roboto-Thin.woff2 +0 -0
  151. data/app/assets/images/bg/amber.jpg +0 -0
  152. data/app/assets/images/bg/brand.jpg +0 -0
  153. data/app/assets/images/bg/green.jpg +0 -0
  154. data/app/assets/images/bg/purple.jpg +0 -0
  155. data/app/assets/images/bg/red.jpg +0 -0
  156. data/app/assets/images/bg/teal.jpg +0 -0
  157. data/app/assets/stylesheets/material/material/_expansion-panel.scss +0 -118
  158. data/app/assets/stylesheets/material/material/_text-field-textarea.scss +0 -18
  159. data/app/assets/stylesheets/material/mixins/_pull.scss +0 -7
  160. data/app/assets/stylesheets/material/variables/_elevation-shadow.scss +0 -91
  161. data/app/assets/stylesheets/material/variables/_palette.scss +0 -45
  162. data/app/assets/stylesheets/material/variables/_transition.scss +0 -29
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
@@ -1,118 +0,0 @@
1
- .list-group {
2
- display: flex;
3
- flex-direction: column;
4
- margin-bottom: 0;
5
- padding-left: 0;
6
- }
7
-
8
- .list-group-item {
9
- @include transition-standard(background-color, color);
10
-
11
- background-color: $expansion-panel-bg;
12
- border: 0;
13
- box-shadow: map-get($expansion-panel-elevation-shadow, shadow);
14
- color: $expansion-panel-color;
15
- display: block;
16
- font-size: $expansion-panel-font-size;
17
- line-height: $expansion-panel-line-height;
18
- min-height: $expansion-panel-height;
19
- padding: $expansion-panel-padding-y $expansion-panel-padding-x;
20
- position: relative;
21
-
22
- @include active-focus-hover {
23
- color: $expansion-panel-color;
24
- text-decoration: none;
25
- }
26
-
27
- &:disabled,
28
- &.disabled {
29
- background-color: $expansion-panel-bg;
30
- color: $expansion-panel-color-disabled;
31
- }
32
-
33
- &:first-child {
34
- @include border-top-radius($expansion-panel-border-radius);
35
- }
36
-
37
- &:last-child {
38
- @include border-bottom-radius($expansion-panel-border-radius);
39
- }
40
-
41
- &.active {
42
- background-color: $expansion-panel-bg-active;
43
- color: $expansion-panel-color;
44
- }
45
-
46
- .card & {
47
- padding-right: $card-padding-x;
48
- padding-left: $card-padding-x;
49
- }
50
- }
51
-
52
- .list-group-item-action {
53
- color: $expansion-panel-color;
54
- text-align: inherit;
55
- width: 100%;
56
-
57
- @include active-focus-hover {
58
- background-color: $expansion-panel-bg-active;
59
- color: $expansion-panel-color;
60
- }
61
-
62
- &:disabled,
63
- &.disabled {
64
- background-color: $expansion-panel-bg;
65
- color: $expansion-panel-color-disabled;
66
- }
67
-
68
- &:focus {
69
- outline: 0;
70
- }
71
- }
72
-
73
- // Colour
74
- @each $color, $values in $theme-colors {
75
- .list-group-item-#{$color} {
76
- @include color-yiq(map-get(theme-color($color), lighter));
77
-
78
- background-color: map-get(theme-color($color), lighter);
79
-
80
- &.active {
81
- @include color-yiq(map-get(theme-color($color), color));
82
-
83
- background-color: map-get(theme-color($color), color);
84
- }
85
-
86
- &.list-group-item-action {
87
- @include active-focus-hover {
88
- @include color-yiq(map-get(theme-color($color), color));
89
-
90
- background-color: map-get(theme-color($color), color);
91
- }
92
- }
93
- }
94
- }
95
-
96
-
97
-
98
- // Flush
99
-
100
- .list-group-flush {
101
- .list-group-item {
102
- border-top: $expansion-panel-border-width solid $expansion-panel-border-color;
103
- border-radius: 0;
104
- box-shadow: none;
105
-
106
- &:last-child {
107
- border-bottom: $expansion-panel-border-width solid $expansion-panel-border-color;
108
- }
109
- }
110
-
111
- &:first-child .list-group-item:first-child {
112
- border-top: 0;
113
- }
114
-
115
- &:last-child .list-group-item:last-child {
116
- border-bottom: 0;
117
- }
118
- }
@@ -1,18 +0,0 @@
1
- textarea {
2
- &.textarea-autosize {
3
- height: $textfield-height;
4
- min-height: $textfield-height;
5
- resize: none;
6
-
7
- // Size
8
- &.form-control-lg {
9
- height: $textfield-height-lg;
10
- min-height: $textfield-height-lg;
11
- }
12
-
13
- &.form-control-sm {
14
- height: $textfield-height-sm;
15
- min-height: $textfield-height-sm;
16
- }
17
- }
18
- }
@@ -1,7 +0,0 @@
1
- @mixin pull-left {
2
- float: left !important;
3
- }
4
-
5
- @mixin pull-right {
6
- float: right !important;
7
- }
@@ -1,91 +0,0 @@
1
- // Elevation
2
- // Based on https://material.google.com/what-is-material/elevation-shadows.html#elevation-shadows-elevation-android-
3
-
4
- $elevation-24dp: 24 * 10 !default;
5
- $elevation-16dp: 16 * 10 !default;
6
- $elevation-12dp: 12 * 10 !default;
7
- $elevation-8dp: 8 * 10 !default;
8
- $elevation-6dp: 6 * 10 !default;
9
- $elevation-4dp: 4 * 10 !default;
10
- $elevation-3dp: 3 * 10 !default;
11
- $elevation-2dp: 2 * 10 !default;
12
- $elevation-1dp: 1 * 10 !default;
13
-
14
-
15
-
16
- // Shadow
17
- // Based on https://material.google.com/what-is-material/elevation-shadows.html#elevation-shadows-shadows
18
-
19
- $shadow-color-1: rgba(0, 0, 0, .14) !default;
20
- $shadow-color-2: rgba(0, 0, 0, .12) !default;
21
- $shadow-color-3: rgba(0, 0, 0, .2) !default;
22
-
23
- $shadow-24dp: 0 24px 38px 3px $shadow-color-1,
24
- 0 9px 46px 8px $shadow-color-2,
25
- 0 11px 15px 0 $shadow-color-3 !default;
26
- $shadow-16dp: 0 16px 24px 2px $shadow-color-1,
27
- 0 6px 30px 5px $shadow-color-2,
28
- 0 8px 10px 0 $shadow-color-3 !default;
29
- $shadow-12dp: 0 12px 17px 2px $shadow-color-1,
30
- 0 5px 22px 4px $shadow-color-2,
31
- 0 7px 8px 0 $shadow-color-3 !default;
32
- $shadow-8dp: 0 8px 10px 1px $shadow-color-1,
33
- 0 3px 14px 3px $shadow-color-2,
34
- 0 4px 15px 0 $shadow-color-3 !default;
35
- $shadow-6dp: 0 6px 10px 0 $shadow-color-1,
36
- 0 1px 18px 0 $shadow-color-2,
37
- 0 3px 5px 0 $shadow-color-3 !default;
38
- $shadow-4dp: 0 2px 4px 0 $shadow-color-1,
39
- 0 4px 5px 0 $shadow-color-2,
40
- 0 1px 10px 0 $shadow-color-3 !default;
41
- $shadow-3dp: 0 3px 3px 0 $shadow-color-1,
42
- 0 3px 4px 0 $shadow-color-2,
43
- 0 1px 8px 0 $shadow-color-3 !default;
44
- $shadow-2dp: 0 0 4px 0 $shadow-color-1,
45
- 0 3px 4px 0 $shadow-color-2,
46
- 0 1px 5px 0 $shadow-color-3 !default;
47
- $shadow-1dp: 0 0 2px 0 $shadow-color-1,
48
- 0 2px 2px 0 $shadow-color-2,
49
- 0 1px 3px 0 $shadow-color-3 !default;
50
-
51
-
52
-
53
- // Value pair
54
- // Combination of elevation and shadow
55
-
56
- $elevation-shadow-24dp: (
57
- elevation: $elevation-24dp,
58
- shadow: $shadow-24dp
59
- ) !default;
60
- $elevation-shadow-16dp: (
61
- elevation: $elevation-16dp,
62
- shadow: $shadow-16dp
63
- ) !default;
64
- $elevation-shadow-12dp: (
65
- elevation: $elevation-12dp,
66
- shadow: $shadow-12dp
67
- ) !default;
68
- $elevation-shadow-8dp: (
69
- elevation: $elevation-8dp,
70
- shadow: $shadow-8dp
71
- ) !default;
72
- $elevation-shadow-6dp: (
73
- elevation: $elevation-6dp,
74
- shadow: $shadow-6dp
75
- ) !default;
76
- $elevation-shadow-4dp: (
77
- elevation: $elevation-4dp,
78
- shadow: $shadow-4dp
79
- ) !default;
80
- $elevation-shadow-3dp: (
81
- elevation: $elevation-3dp,
82
- shadow: $shadow-3dp
83
- ) !default;
84
- $elevation-shadow-2dp: (
85
- elevation: $elevation-2dp,
86
- shadow: $shadow-2dp
87
- ) !default;
88
- $elevation-shadow-1dp: (
89
- elevation: $elevation-1dp,
90
- shadow: $shadow-1dp
91
- ) !default;
@@ -1,45 +0,0 @@
1
- // Theme palette
2
- // Change these values to customise colour palettes
3
-
4
- $theme-colors: (
5
- primary: (
6
- color: $material-color-purple-500,
7
- darker: $material-color-purple-700,
8
- lighter: $material-color-purple-100
9
- ),
10
- secondary: (
11
- color: $material-color-pink-a200,
12
- darker: $material-color-pink-a400,
13
- lighter: $material-color-pink-a100
14
- ),
15
- danger: (
16
- color: $material-color-red-500,
17
- darker: $material-color-red-700,
18
- lighter: $material-color-red-100
19
- ),
20
- info: (
21
- color: $material-color-blue-500,
22
- darker: $material-color-blue-700,
23
- lighter: $material-color-blue-100
24
- ),
25
- success: (
26
- color: $material-color-green-500,
27
- darker: $material-color-green-700,
28
- lighter: $material-color-green-100
29
- ),
30
- warning: (
31
- color: $material-color-orange-500,
32
- darker: $material-color-orange-700,
33
- lighter: $material-color-orange-100
34
- ),
35
- dark: (
36
- color: $material-color-grey-800,
37
- darker: $material-color-grey-900,
38
- lighter: $material-color-grey-600
39
- ),
40
- light: (
41
- color: $material-color-grey-100,
42
- darker: $material-color-grey-300,
43
- lighter: $material-color-grey-050
44
- )
45
- ) !default;
@@ -1,29 +0,0 @@
1
- // The movement of an element is based on https://material.google.com/motion/movement.html
2
-
3
- // Transition duration
4
- // Based on https://material.google.com/motion/duration-easing.html#duration-easing-common-durations
5
-
6
- $transition-duration-desktop: .2s !default;
7
- $transition-duration-desktop-complex: .25s !default;
8
- $transition-duration-desktop-entering: .15s !default;
9
- $transition-duration-desktop-leaving: .13s !default;
10
-
11
- $transition-duration-mobile: .3s !default;
12
- $transition-duration-mobile-complex: .375s !default;
13
- $transition-duration-mobile-entering: .225s !default;
14
- $transition-duration-mobile-leaving: .195s !default;
15
-
16
- $transition-duration-tablet: .39s !default;
17
- $transition-duration-tablet-complex: .4875s !default;
18
- $transition-duration-tablet-entering: .2925s !default;
19
- $transition-duration-tablet-leaving: .2535s !default;
20
-
21
-
22
-
23
- // Transition timing function
24
- // Based on https://material.google.com/motion/duration-easing.html#duration-easing-natural-easing-curves
25
-
26
- $transition-timing-function-acceleration: cubic-bezier(.4, 0, 1, 1) !default;
27
- $transition-timing-function-deceleration: cubic-bezier(0, 0, .2, 1) !default;
28
- $transition-timing-function-sharp: cubic-bezier(.4, 0, .6, 1) !default;
29
- $transition-timing-function-standard: cubic-bezier(.4, 0, .2, 1) !default;