mtl 1.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (158) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +12 -0
  3. data/Gemfile +9 -0
  4. data/LICENSE.txt +22 -0
  5. data/README.md +104 -0
  6. data/Rakefile +6 -0
  7. data/app/assets/javascripts/mtl/clickables.coffee +25 -0
  8. data/app/assets/javascripts/mtl/collapsible.coffee +43 -0
  9. data/app/assets/javascripts/mtl/configuration.coffee.erb +1 -0
  10. data/app/assets/javascripts/mtl/document_modal.coffee +130 -0
  11. data/app/assets/javascripts/mtl/dropdown.coffee +24 -0
  12. data/app/assets/javascripts/mtl/hooks.coffee +14 -0
  13. data/app/assets/javascripts/mtl/icon.coffee.erb +17 -0
  14. data/app/assets/javascripts/mtl/modal.coffee +32 -0
  15. data/app/assets/javascripts/mtl/select.coffee +44 -0
  16. data/app/assets/javascripts/mtl/templates.coffee +4 -0
  17. data/app/assets/javascripts/mtl/toc.coffee +31 -0
  18. data/app/assets/javascripts/mtl.js +42 -0
  19. data/app/assets/stylesheets/mtl/all.scss +69 -0
  20. data/app/assets/stylesheets/mtl/extend/_avatars.scss +37 -0
  21. data/app/assets/stylesheets/mtl/extend/_buttons.scss +31 -0
  22. data/app/assets/stylesheets/mtl/extend/_cards.scss +21 -0
  23. data/app/assets/stylesheets/mtl/extend/_chips.scss +3 -0
  24. data/app/assets/stylesheets/mtl/extend/_collection-files.scss +108 -0
  25. data/app/assets/stylesheets/mtl/extend/_document-modals.scss +95 -0
  26. data/app/assets/stylesheets/mtl/extend/_dropdown.scss +12 -0
  27. data/app/assets/stylesheets/mtl/extend/_forms.scss +66 -0
  28. data/app/assets/stylesheets/mtl/extend/_global.scss +77 -0
  29. data/app/assets/stylesheets/mtl/extend/_grid.scss +25 -0
  30. data/app/assets/stylesheets/mtl/extend/_material-icons.scss +37 -0
  31. data/app/assets/stylesheets/mtl/extend/_mixins.scss +10 -0
  32. data/app/assets/stylesheets/mtl/extend/_roboto-rails.scss +49 -0
  33. data/app/assets/stylesheets/mtl/extend/_side-nav.scss +22 -0
  34. data/app/assets/stylesheets/mtl/extend/_toc.scss +12 -0
  35. data/app/assets/stylesheets/mtl/extend/_typography.scss +32 -0
  36. data/app/assets/stylesheets/mtl/extend/forms/_input-fields.scss +50 -0
  37. data/app/assets/stylesheets/mtl/layouts/_default.scss +220 -0
  38. data/app/assets/stylesheets/mtl/layouts/_single.scss +25 -0
  39. data/app/views/mtl/header.html.erb +25 -0
  40. data/bin/coffeelint.rb +16 -0
  41. data/lib/generators/mtl/install_generator.rb +20 -0
  42. data/lib/generators/mtl/templates/_color.scss +410 -0
  43. data/lib/generators/mtl/templates/_variables.scss +330 -0
  44. data/lib/generators/mtl/templates/mtl.scss +8 -0
  45. data/lib/generators/mtl/templates/simple_form.rb +211 -0
  46. data/lib/mtl/rails/card_file_presenter.rb +70 -0
  47. data/lib/mtl/rails/view_helpers.rb +412 -0
  48. data/lib/mtl/simple_form/suffix.rb +52 -0
  49. data/lib/mtl/version.rb +6 -0
  50. data/lib/mtl.rb +38 -0
  51. data/mtl.gemspec +35 -0
  52. data/package.json +11 -0
  53. data/spec/mtl/rails/card_file_presenter_spec.rb +126 -0
  54. data/spec/mtl/rails/view_helpers_spec.rb +193 -0
  55. data/spec/mtl/simple_form/suffix_spec.rb +39 -0
  56. data/spec/mtl_spec.rb +34 -0
  57. data/spec/spec_helper.rb +18 -0
  58. data/spec/support/dom.rb +15 -0
  59. data/vendor/assets/fonts/material-icons/MaterialIcons-Regular.eot +0 -0
  60. data/vendor/assets/fonts/material-icons/MaterialIcons-Regular.ijmap +1 -0
  61. data/vendor/assets/fonts/material-icons/MaterialIcons-Regular.svg +2373 -0
  62. data/vendor/assets/fonts/material-icons/MaterialIcons-Regular.ttf +0 -0
  63. data/vendor/assets/fonts/material-icons/MaterialIcons-Regular.woff +0 -0
  64. data/vendor/assets/fonts/material-icons/MaterialIcons-Regular.woff2 +0 -0
  65. data/vendor/assets/fonts/roboto/Roboto-Bold.eot +0 -0
  66. data/vendor/assets/fonts/roboto/Roboto-Bold.ttf +0 -0
  67. data/vendor/assets/fonts/roboto/Roboto-Bold.woff +0 -0
  68. data/vendor/assets/fonts/roboto/Roboto-Bold.woff2 +0 -0
  69. data/vendor/assets/fonts/roboto/Roboto-Light.eot +0 -0
  70. data/vendor/assets/fonts/roboto/Roboto-Light.ttf +0 -0
  71. data/vendor/assets/fonts/roboto/Roboto-Light.woff +0 -0
  72. data/vendor/assets/fonts/roboto/Roboto-Light.woff2 +0 -0
  73. data/vendor/assets/fonts/roboto/Roboto-Medium.eot +0 -0
  74. data/vendor/assets/fonts/roboto/Roboto-Medium.ttf +0 -0
  75. data/vendor/assets/fonts/roboto/Roboto-Medium.woff +0 -0
  76. data/vendor/assets/fonts/roboto/Roboto-Medium.woff2 +0 -0
  77. data/vendor/assets/fonts/roboto/Roboto-Regular.eot +0 -0
  78. data/vendor/assets/fonts/roboto/Roboto-Regular.ttf +0 -0
  79. data/vendor/assets/fonts/roboto/Roboto-Regular.woff +0 -0
  80. data/vendor/assets/fonts/roboto/Roboto-Regular.woff2 +0 -0
  81. data/vendor/assets/fonts/roboto/Roboto-Thin.eot +0 -0
  82. data/vendor/assets/fonts/roboto/Roboto-Thin.ttf +0 -0
  83. data/vendor/assets/fonts/roboto/Roboto-Thin.woff +0 -0
  84. data/vendor/assets/fonts/roboto/Roboto-Thin.woff2 +0 -0
  85. data/vendor/assets/javascripts/lodash.js +16607 -0
  86. data/vendor/assets/javascripts/materialize/animation.js +9 -0
  87. data/vendor/assets/javascripts/materialize/buttons.js +91 -0
  88. data/vendor/assets/javascripts/materialize/cards.js +26 -0
  89. data/vendor/assets/javascripts/materialize/carousel.js +454 -0
  90. data/vendor/assets/javascripts/materialize/character_counter.js +72 -0
  91. data/vendor/assets/javascripts/materialize/chips.js +267 -0
  92. data/vendor/assets/javascripts/materialize/collapsible.js +160 -0
  93. data/vendor/assets/javascripts/materialize/date_picker/picker.date.js +1430 -0
  94. data/vendor/assets/javascripts/materialize/date_picker/picker.js +1123 -0
  95. data/vendor/assets/javascripts/materialize/dropdown.js +265 -0
  96. data/vendor/assets/javascripts/materialize/forms.js +681 -0
  97. data/vendor/assets/javascripts/materialize/global.js +45 -0
  98. data/vendor/assets/javascripts/materialize/hammer.min.js +1 -0
  99. data/vendor/assets/javascripts/materialize/init.js +173 -0
  100. data/vendor/assets/javascripts/materialize/initial.js +11 -0
  101. data/vendor/assets/javascripts/materialize/jquery.easing.1.3.js +205 -0
  102. data/vendor/assets/javascripts/materialize/jquery.hammer.js +33 -0
  103. data/vendor/assets/javascripts/materialize/jquery.timeago.min.js +1 -0
  104. data/vendor/assets/javascripts/materialize/leanModal.js +192 -0
  105. data/vendor/assets/javascripts/materialize/materialbox.js +269 -0
  106. data/vendor/assets/javascripts/materialize/parallax.js +58 -0
  107. data/vendor/assets/javascripts/materialize/prism.js +8 -0
  108. data/vendor/assets/javascripts/materialize/pushpin.js +71 -0
  109. data/vendor/assets/javascripts/materialize/scrollFire.js +48 -0
  110. data/vendor/assets/javascripts/materialize/scrollspy.js +283 -0
  111. data/vendor/assets/javascripts/materialize/sideNav.js +352 -0
  112. data/vendor/assets/javascripts/materialize/slider.js +321 -0
  113. data/vendor/assets/javascripts/materialize/tabs.js +148 -0
  114. data/vendor/assets/javascripts/materialize/toasts.js +136 -0
  115. data/vendor/assets/javascripts/materialize/tooltip.js +230 -0
  116. data/vendor/assets/javascripts/materialize/transitions.js +169 -0
  117. data/vendor/assets/javascripts/materialize/velocity.min.js +5 -0
  118. data/vendor/assets/javascripts/materialize/waves.js +338 -0
  119. data/vendor/assets/javascripts/pdfobject.js +254 -0
  120. data/vendor/assets/stylesheets/materialize/_buttons.scss +211 -0
  121. data/vendor/assets/stylesheets/materialize/_cards.scss +185 -0
  122. data/vendor/assets/stylesheets/materialize/_carousel.scss +85 -0
  123. data/vendor/assets/stylesheets/materialize/_chips.scss +74 -0
  124. data/vendor/assets/stylesheets/materialize/_collapsible.scss +90 -0
  125. data/vendor/assets/stylesheets/materialize/_color.scss +412 -0
  126. data/vendor/assets/stylesheets/materialize/_dropdown.scss +57 -0
  127. data/vendor/assets/stylesheets/materialize/_global.scss +781 -0
  128. data/vendor/assets/stylesheets/materialize/_grid.scss +147 -0
  129. data/vendor/assets/stylesheets/materialize/_icons-material-design.scss +5 -0
  130. data/vendor/assets/stylesheets/materialize/_materialbox.scss +42 -0
  131. data/vendor/assets/stylesheets/materialize/_mixins.scss +5 -0
  132. data/vendor/assets/stylesheets/materialize/_modal.scss +90 -0
  133. data/vendor/assets/stylesheets/materialize/_navbar.scss +182 -0
  134. data/vendor/assets/stylesheets/materialize/_normalize.scss +424 -0
  135. data/vendor/assets/stylesheets/materialize/_prefixer.scss +384 -0
  136. data/vendor/assets/stylesheets/materialize/_preloader.scss +334 -0
  137. data/vendor/assets/stylesheets/materialize/_roboto.scss +49 -0
  138. data/vendor/assets/stylesheets/materialize/_sideNav.scss +219 -0
  139. data/vendor/assets/stylesheets/materialize/_slider.scss +92 -0
  140. data/vendor/assets/stylesheets/materialize/_table_of_contents.scss +33 -0
  141. data/vendor/assets/stylesheets/materialize/_tabs.scss +56 -0
  142. data/vendor/assets/stylesheets/materialize/_toast.scss +65 -0
  143. data/vendor/assets/stylesheets/materialize/_tooltip.scss +32 -0
  144. data/vendor/assets/stylesheets/materialize/_typography.scss +61 -0
  145. data/vendor/assets/stylesheets/materialize/_variables.scss +313 -0
  146. data/vendor/assets/stylesheets/materialize/_waves.scss +177 -0
  147. data/vendor/assets/stylesheets/materialize/date_picker/_default.date.scss +435 -0
  148. data/vendor/assets/stylesheets/materialize/date_picker/_default.scss +201 -0
  149. data/vendor/assets/stylesheets/materialize/date_picker/_default.time.scss +125 -0
  150. data/vendor/assets/stylesheets/materialize/forms/_checkboxes.scss +220 -0
  151. data/vendor/assets/stylesheets/materialize/forms/_file-input.scss +38 -0
  152. data/vendor/assets/stylesheets/materialize/forms/_forms.scss +22 -0
  153. data/vendor/assets/stylesheets/materialize/forms/_input-fields.scss +273 -0
  154. data/vendor/assets/stylesheets/materialize/forms/_radio-buttons.scss +119 -0
  155. data/vendor/assets/stylesheets/materialize/forms/_range.scss +159 -0
  156. data/vendor/assets/stylesheets/materialize/forms/_select.scss +116 -0
  157. data/vendor/assets/stylesheets/materialize/forms/_switches.scss +78 -0
  158. metadata +309 -0
@@ -0,0 +1,384 @@
1
+ //---------------------------------------------------
2
+ // Sass Prefixer
3
+ // -------------------------------------------------
4
+ // TABLE OF CONTENTS
5
+ // (*) denotes a syntax-sugar helper
6
+ // -------------------------------------------------
7
+ //
8
+ // animation($args)
9
+ // animation-delay($delay)
10
+ // animation-direction($direction)
11
+ // animation-duration($duration)
12
+ // animation-fill-mode($mode)
13
+ // animation-iteration-count($count)
14
+ // animation-name($name)
15
+ // animation-play-state($state)
16
+ // animation-timing-function($function)
17
+ // background-size($args)
18
+ // inner-shadow($args) *
19
+ // box-sizing($args)
20
+ // border-box() *
21
+ // content-box() *
22
+ // columns($args)
23
+ // column-count($count)
24
+ // column-gap($gap)
25
+ // column-rule($args)
26
+ // column-width($width)
27
+ // flexbox()
28
+ // flex($args)
29
+ // order($args)
30
+ // align($args)
31
+ // justify-content($args)
32
+ // gradient($default,$start,$stop) *
33
+ // linear-gradient-top($default,$color1,$stop1,$color2,$stop2,[$color3,$stop3,$color4,$stop4])*
34
+ // linear-gradient-left($default,$color1,$stop1,$color2,$stop2,[$color3,$stop3,$color4,$stop4])*
35
+ // perspective($pixels)
36
+ // transform($args)
37
+ // transform-origin($args)
38
+ // transform-style($style)
39
+ // rotate($deg)
40
+ // scale($factor)
41
+ // translate($x,$y)
42
+ // translate3d($x,$y,$z)
43
+ // translateHardware($x,$y) *
44
+ // text-shadow($args)
45
+ // transition($args)
46
+ // transition-delay($delay)
47
+ // transition-duration($duration)
48
+ // transition-property($property)
49
+ // transition-timing-function($function)
50
+
51
+
52
+ // Animation
53
+
54
+ // @mixin animation($args) {
55
+ // -webkit-animation: $args;
56
+ // -moz-animation: $args;
57
+ // -ms-animation: $args;
58
+ // -o-animation: $args;
59
+ // animation: $args;
60
+ // }
61
+ // @mixin animation-delay($delay) {
62
+ // -webkit-animation-delay: $delay;
63
+ // -moz-animation-delay: $delay;
64
+ // -ms-animation-delay: $delay;
65
+ // -o-animation-delay: $delay;
66
+ // animation-delay: $delay;
67
+ // }
68
+ // @mixin animation-direction($direction) {
69
+ // -webkit-animation-direction: $direction;
70
+ // -moz-animation-direction: $direction;
71
+ // -ms-animation-direction: $direction;
72
+ // -o-animation-direction: $direction;
73
+ // }
74
+ // @mixin animation-duration($duration) {
75
+ // -webkit-animation-duration: $duration;
76
+ // -moz-animation-duration: $duration;
77
+ // -ms-animation-duration: $duration;
78
+ // -o-animation-duration: $duration;
79
+ // }
80
+ // @mixin animation-fill-mode($mode) {
81
+ // -webkit-animation-fill-mode: $mode;
82
+ // -moz-animation-fill-mode: $mode;
83
+ // -ms-animation-fill-mode: $mode;
84
+ // -o-animation-fill-mode: $mode;
85
+ // animation-fill-mode: $mode;
86
+ // }
87
+ // @mixin animation-iteration-count($count) {
88
+ // -webkit-animation-iteration-count: $count;
89
+ // -moz-animation-iteration-count: $count;
90
+ // -ms-animation-iteration-count: $count;
91
+ // -o-animation-iteration-count: $count;
92
+ // animation-iteration-count: $count;
93
+ // }
94
+ // @mixin animation-name($name) {
95
+ // -webkit-animation-name: $name;
96
+ // -moz-animation-name: $name;
97
+ // -ms-animation-name: $name;
98
+ // -o-animation-name: $name;
99
+ // animation-name: $name;
100
+ // }
101
+ // @mixin animation-play-state($state) {
102
+ // -webkit-animation-play-state: $state;
103
+ // -moz-animation-play-state: $state;
104
+ // -ms-animation-play-state: $state;
105
+ // -o-animation-play-state: $state;
106
+ // animation-play-state: $state;
107
+ // }
108
+ // @mixin animation-timing-function($function) {
109
+ // -webkit-animation-timing-function: $function;
110
+ // -moz-animation-timing-function: $function;
111
+ // -ms-animation-timing-function: $function;
112
+ // -o-animation-timing-function: $function;
113
+ // animation-timing-function: $function;
114
+ // }
115
+
116
+ // Keyframes
117
+ // @mixin keyframes($animation-name) {
118
+ // @-webkit-keyframes #{$animation-name} {
119
+ // @content;
120
+ // }
121
+ // @-moz-keyframes #{$animation-name} {
122
+ // @content;
123
+ // }
124
+ // @keyframes #{$animation-name} {
125
+ // @content;
126
+ // }
127
+ // }
128
+
129
+ // Backface-visibility
130
+
131
+ // @mixin backface-visibility($args) {
132
+ // -webkit-backface-visibility: $args;
133
+ // -moz-backface-visibility: $args;
134
+ // -ms-backface-visibility: $args;
135
+ // backface-visibility: $args;
136
+ // }
137
+
138
+
139
+ // Background Size
140
+
141
+ // @mixin background-size($args) {
142
+ // -webkit-background-size: $args;
143
+ // background-size: $args;
144
+ // }
145
+
146
+ // Box Sizing
147
+
148
+ // @mixin box-sizing($args) {
149
+ // -webkit-box-sizing: $args;
150
+ // -moz-box-sizing: $args;
151
+ // box-sizing: $args;
152
+ // }
153
+ // @mixin border-box(){
154
+ // @include box-sizing(border-box);
155
+ // }
156
+ // @mixin content-box(){
157
+ // @include box-sizing(content-box);
158
+ // }
159
+
160
+
161
+ // Columns
162
+
163
+ // @mixin columns($args) {
164
+ // -webkit-columns: $args;
165
+ // -moz-columns: $args;
166
+ // columns: $args;
167
+ // }
168
+ // @mixin column-count($count) {
169
+ // -webkit-column-count: $count;
170
+ // -moz-column-count: $count;
171
+ // column-count: $count;
172
+ // }
173
+ // @mixin column-gap($gap) {
174
+ // -webkit-column-gap: $gap;
175
+ // -moz-column-gap: $gap;
176
+ // column-gap: $gap;
177
+ // }
178
+ // @mixin column-width($width) {
179
+ // -webkit-column-width: $width;
180
+ // -moz-column-width: $width;
181
+ // column-width: $width;
182
+ // }
183
+ // @mixin column-rule($args) {
184
+ // -webkit-column-rule: $args;
185
+ // -moz-column-rule: $args;
186
+ // column-rule: $args;
187
+ // }
188
+
189
+ // Filter
190
+ // @mixin filter($args) {
191
+ // -webkit-filter: $args;
192
+ // -moz-filter: $args;
193
+ // -o-filter: $args;
194
+ // -ms-filter: $args;
195
+ // }
196
+
197
+ // Flexbox
198
+ // @mixin flexbox() {
199
+ // display: -webkit-box;
200
+ // display: -moz-box;
201
+ // display: -ms-flexbox;
202
+ // display: -webkit-flex;
203
+ // display: flex;
204
+ // }
205
+ // @mixin flex($values) {
206
+ // -webkit-box-flex: $values;
207
+ // -moz-box-flex: $values;
208
+ // -webkit-flex: $values;
209
+ // -ms-flex: $values;
210
+ // flex: $values;
211
+ // }
212
+ // @mixin order($val) {
213
+ // -webkit-box-ordinal-group: $val;
214
+ // -moz-box-ordinal-group: $val;
215
+ // -ms-flex-order: $val;
216
+ // -webkit-order: $val;
217
+ // order: $val;
218
+ // }
219
+ // @mixin align($align) {
220
+ // -webkit-flex-align: $align;
221
+ // -ms-flex-align: $align;
222
+ // -webkit-align-items: $align;
223
+ // align-items: $align;
224
+ // }
225
+ // @mixin justify-content($val) {
226
+ // -webkit-justify-content: $val;
227
+ // justify-content: $val;
228
+ // }
229
+ // Gradients
230
+
231
+ // @mixin gradient($default: #F5F5F5, $start: #EEE, $stop: #FFF) {
232
+ // @include linear-gradient-top($default,$start,0%,$stop,100%);
233
+ // }
234
+ // @mixin linear-gradient-top($default,$color1,$stop1,$color2,$stop2) {
235
+ // background-color: $default;
236
+ // background-image: -webkit-gradient(linear, left top, left bottom, color-stop($stop1, $color1), color-stop($stop2 $color2));
237
+ // background-image: -webkit-linear-gradient(top, $color1 $stop1, $color2 $stop2);
238
+ // background-image: -moz-linear-gradient(top, $color1 $stop1, $color2 $stop2);
239
+ // background-image: -ms-linear-gradient(top, $color1 $stop1, $color2 $stop2);
240
+ // background-image: -o-linear-gradient(top, $color1 $stop1, $color2 $stop2);
241
+ // background-image: linear-gradient(top, $color1 $stop1, $color2 $stop2);
242
+ // }
243
+ // @mixin linear-gradient-top2($default,$color1,$stop1,$color2,$stop2,$color3,$stop3) {
244
+ // background-color: $default;
245
+ // background-image: -webkit-gradient(linear, left top, left bottom, color-stop($stop1, $color1), color-stop($stop2 $color2), color-stop($stop3 $color3));
246
+ // background-image: -webkit-linear-gradient(top, $color1 $stop1, $color2 $stop2, $color3 $stop3);
247
+ // background-image: -moz-linear-gradient(top, $color1 $stop1, $color2 $stop2, $color3 $stop3);
248
+ // background-image: -ms-linear-gradient(top, $color1 $stop1, $color2 $stop2, $color3 $stop3);
249
+ // background-image: -o-linear-gradient(top, $color1 $stop1, $color2 $stop2, $color3 $stop3);
250
+ // background-image: linear-gradient(top, $color1 $stop1, $color2 $stop2, $color3 $stop3);
251
+ // }
252
+ // @mixin linear-gradient-top3($default,$color1,$stop1,$color2,$stop2,$color3,$stop3,$color4,$stop4) {
253
+ // background-color: $default;
254
+ // background-image: -webkit-gradient(linear, left top, left bottom, color-stop($stop1, $color1), color-stop($stop2 $color2), color-stop($stop3 $color3), color-stop($stop4 $color4));
255
+ // background-image: -webkit-linear-gradient(top, $color1 $stop1, $color2 $stop2, $color3 $stop3, $color4 $stop4);
256
+ // background-image: -moz-linear-gradient(top, $color1 $stop1, $color2 $stop2, $color3 $stop3, $color4 $stop4);
257
+ // background-image: -ms-linear-gradient(top, $color1 $stop1, $color2 $stop2, $color3 $stop3, $color4 $stop4);
258
+ // background-image: -o-linear-gradient(top, $color1 $stop1, $color2 $stop2, $color3 $stop3, $color4 $stop4);
259
+ // background-image: linear-gradient(top, $color1 $stop1, $color2 $stop2, $color3 $stop3, $color4 $stop4);
260
+ // }
261
+ // @mixin linear-gradient-left($default,$color1,$stop1,$color2,$stop2) {
262
+ // background-color: $default;
263
+ // background-image: -webkit-gradient(linear, left top, left top, color-stop($stop1, $color1), color-stop($stop2 $color2));
264
+ // background-image: -webkit-linear-gradient(left, $color1 $stop1, $color2 $stop2);
265
+ // background-image: -moz-linear-gradient(left, $color1 $stop1, $color2 $stop2);
266
+ // background-image: -ms-linear-gradient(left, $color1 $stop1, $color2 $stop2);
267
+ // background-image: -o-linear-gradient(left, $color1 $stop1, $color2 $stop2);
268
+ // background-image: linear-gradient(left, $color1 $stop1, $color2 $stop2);
269
+ // }
270
+ // @mixin linear-gradient-left2($default,$color1,$stop1,$color2,$stop2,$color3,$stop3) {
271
+ // background-color: $default;
272
+ // background-image: -webkit-gradient(linear, left top, left top, color-stop($stop1, $color1), color-stop($stop2 $color2), color-stop($stop3 $color3));
273
+ // background-image: -webkit-linear-gradient(left, $color1 $stop1, $color2 $stop2, $color3 $stop3);
274
+ // background-image: -moz-linear-gradient(left, $color1 $stop1, $color2 $stop2, $color3 $stop3);
275
+ // background-image: -ms-linear-gradient(left, $color1 $stop1, $color2 $stop2, $color3 $stop3);
276
+ // background-image: -o-linear-gradient(left, $color1 $stop1, $color2 $stop2, $color3 $stop3);
277
+ // background-image: linear-gradient(left, $color1 $stop1, $color2 $stop2, $color3 $stop3);
278
+ // }
279
+ // @mixin linear-gradient-left3($default,$color1,$stop1,$color2,$stop2,$color3,$stop3,$color4,$stop4) {
280
+ // background-color: $default;
281
+ // background-image: -webkit-gradient(linear, left top, left top, color-stop($stop1, $color1), color-stop($stop2 $color2), color-stop($stop3 $color3), color-stop($stop4 $color4));
282
+ // background-image: -webkit-linear-gradient(left, $color1 $stop1, $color2 $stop2, $color3 $stop3, $color4 $stop4);
283
+ // background-image: -moz-linear-gradient(left, $color1 $stop1, $color2 $stop2, $color3 $stop3, $color4 $stop4);
284
+ // background-image: -ms-linear-gradient(left, $color1 $stop1, $color2 $stop2, $color3 $stop3, $color4 $stop4);
285
+ // background-image: -o-linear-gradient(left, $color1 $stop1, $color2 $stop2, $color3 $stop3, $color4 $stop4);
286
+ // background-image: linear-gradient(left, $color1 $stop1, $color2 $stop2, $color3 $stop3, $color4 $stop4);
287
+ // }
288
+
289
+ // Perspective
290
+ @mixin perspective($pixels) {
291
+ perspective: $pixels;
292
+ -webkit-perspective: $pixels;
293
+ }
294
+
295
+
296
+ // Text Shadow
297
+
298
+ // @mixin text-shadow($args) {
299
+ // text-shadow: $args;
300
+ // }
301
+
302
+
303
+ // Transforms
304
+
305
+ // @mixin transform($args) {
306
+ // -webkit-transform: $args;
307
+ // -moz-transform: $args;
308
+ // -ms-transform: $args;
309
+ // -o-transform: $args;
310
+ // transform: $args;
311
+ // }
312
+ // @mixin transform-origin($args) {
313
+ // -webkit-transform-origin: $args;
314
+ // -moz-transform-origin: $args;
315
+ // -ms-transform-origin: $args;
316
+ // -o-transform-origin: $args;
317
+ // transform-origin: $args;
318
+ // }
319
+ // @mixin transform-style($style) {
320
+ // -webkit-transform-style: $style;
321
+ // -moz-transform-style: $style;
322
+ // -ms-transform-style: $style;
323
+ // -o-transform-style: $style;
324
+ // transform-style: $style;
325
+ // }
326
+ // @mixin rotate($deg:45deg){
327
+ // @include transform(rotate($deg));
328
+ // }
329
+ // @mixin scale($factor:.5){
330
+ // @include transform(scale($factor));
331
+ // }
332
+ // @mixin translate($x,$y){
333
+ // @include transform(translate($x,$y));
334
+ // }
335
+ // @mixin translate3d($x,$y,$z) {
336
+ // @include transform(translate3d($x,$y,$z));
337
+ // }
338
+ // @mixin translateHardware($x,$y) {
339
+ // @include translate($x,$y);
340
+ // -webkit-transform: translate3d($x,$y,0);
341
+ // -moz-transform: translate3d($x,$y,0);
342
+ // -o-transform: translate3d($x,$y,0);
343
+ // -ms-transform: translate3d($x,$y,0);
344
+ // transform: translate3d($x,$y,0);
345
+ // }
346
+
347
+
348
+ // Transitions
349
+
350
+ // @mixin transition($args:200ms) {
351
+ // -webkit-transition: $args;
352
+ // -moz-transition: $args;
353
+ // -o-transition: $args;
354
+ // -ms-transition: $args;
355
+ // transition: $args;
356
+ // }
357
+ // @mixin transition-delay($delay:0) {
358
+ // -webkit-transition-delay: $delay;
359
+ // -moz-transition-delay: $delay;
360
+ // -o-transition-delay: $delay;
361
+ // -ms-transition-delay: $delay;
362
+ // transition-delay: $delay;
363
+ // }
364
+ // @mixin transition-duration($duration:200ms) {
365
+ // -webkit-transition-duration: $duration;
366
+ // -moz-transition-duration: $duration;
367
+ // -o-transition-duration: $duration;
368
+ // -ms-transition-duration: $duration;
369
+ // transition-duration: $duration;
370
+ // }
371
+ // @mixin transition-property($property:all) {
372
+ // -webkit-transition-property: $property;
373
+ // -moz-transition-property: $property;
374
+ // -o-transition-property: $property;
375
+ // -ms-transition-property: $property;
376
+ // transition-property: $property;
377
+ // }
378
+ // @mixin transition-timing-function($function:ease) {
379
+ // -webkit-transition-timing-function: $function;
380
+ // -moz-transition-timing-function: $function;
381
+ // -o-transition-timing-function: $function;
382
+ // -ms-transition-timing-function: $function;
383
+ // transition-timing-function: $function;
384
+ // }