material_design_lite-rails 1.1.3 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 7befe6eac81e7cc026ec199c1b5acad5c6728b96
4
- data.tar.gz: f0558420949b218c56d15322f844c6fcb87bda81
3
+ metadata.gz: e6c7c6955501d50199a2fc679787b9174ead9183
4
+ data.tar.gz: 09bdd46cf1b76a8adee92c8188f9103b1054caac
5
5
  SHA512:
6
- metadata.gz: 7107330eb49c80e4c35932968636182ec5e1af35e5974455002500c5fb9053d942052642b98298a073c5c343fd43bebcce411d47314bdab28666269ffcc65fae
7
- data.tar.gz: b0f4df975b5cc9c57e071684aaf8371574210ea2e99b25d0570be11f268554afe7194e423f3b1ed70c15e4556b86680d28f04e2038bb10c5b26e9f2cc661d53f
6
+ metadata.gz: 7d563ab24d3b53b0736dd6704d97ee72916f002442e36a4caf77129170a6dae7039f6c73abb5b3835de8651b0a2c42f3b90378079ac88ead8a25026c87c9f832
7
+ data.tar.gz: 9a0365d5708f3fd6c83539798efb9fc427fece03200d5518863ea5cd73f90c55f02ae67e35237641e137feb69700e720a3549b141d64a46719833ce3a29d6baa
@@ -1,5 +1,5 @@
1
1
  module MaterialDesignLite
2
2
  module Rails
3
- VERSION = "1.1.3"
3
+ VERSION = "1.2.0"
4
4
  end
5
5
  end
@@ -232,8 +232,8 @@ componentHandler = (function() {
232
232
 
233
233
  var ev;
234
234
  if ('CustomEvent' in window && typeof window.CustomEvent === 'function') {
235
- ev = new Event('mdl-componentupgraded', {
236
- 'bubbles': true, 'cancelable': false
235
+ ev = new CustomEvent('mdl-componentupgraded', {
236
+ bubbles: true, cancelable: false
237
237
  });
238
238
  } else {
239
239
  ev = document.createEvent('Events');
@@ -251,10 +251,10 @@ componentHandler = (function() {
251
251
  */
252
252
  function upgradeElementsInternal(elements) {
253
253
  if (!Array.isArray(elements)) {
254
- if (typeof elements.item === 'function') {
255
- elements = Array.prototype.slice.call(/** @type {Array} */ (elements));
256
- } else {
254
+ if (elements instanceof Element) {
257
255
  elements = [elements];
256
+ } else {
257
+ elements = Array.prototype.slice.call(elements);
258
258
  }
259
259
  }
260
260
  for (var i = 0, n = elements.length, element; i < n; i++) {
@@ -363,13 +363,14 @@ componentHandler = (function() {
363
363
 
364
364
  var ev;
365
365
  if ('CustomEvent' in window && typeof window.CustomEvent === 'function') {
366
- ev = new Event('mdl-componentdowngraded', {
367
- 'bubbles': true, 'cancelable': false
366
+ ev = new CustomEvent('mdl-componentdowngraded', {
367
+ bubbles: true, cancelable: false
368
368
  });
369
369
  } else {
370
370
  ev = document.createEvent('Events');
371
371
  ev.initEvent('mdl-componentdowngraded', true, true);
372
372
  }
373
+ component.element_.dispatchEvent(ev);
373
374
  }
374
375
  }
375
376
 
@@ -1793,7 +1794,7 @@ MaterialRadio.prototype['enable'] = MaterialRadio.prototype.enable;
1793
1794
  */
1794
1795
  MaterialRadio.prototype.check = function () {
1795
1796
  this.btnElement_.checked = true;
1796
- this.updateClasses_();
1797
+ this.onChange_(null);
1797
1798
  };
1798
1799
  MaterialRadio.prototype['check'] = MaterialRadio.prototype.check;
1799
1800
  /**
@@ -1803,7 +1804,7 @@ MaterialRadio.prototype['check'] = MaterialRadio.prototype.check;
1803
1804
  */
1804
1805
  MaterialRadio.prototype.uncheck = function () {
1805
1806
  this.btnElement_.checked = false;
1806
- this.updateClasses_();
1807
+ this.onChange_(null);
1807
1808
  };
1808
1809
  MaterialRadio.prototype['uncheck'] = MaterialRadio.prototype.uncheck;
1809
1810
  /**
@@ -3049,16 +3050,16 @@ MaterialTooltip.prototype.handleMouseEnter_ = function (event) {
3049
3050
  if (this.element_.classList.contains(this.CssClasses_.LEFT) || this.element_.classList.contains(this.CssClasses_.RIGHT)) {
3050
3051
  left = props.width / 2;
3051
3052
  if (top + marginTop < 0) {
3052
- this.element_.style.top = 0;
3053
- this.element_.style.marginTop = 0;
3053
+ this.element_.style.top = '0';
3054
+ this.element_.style.marginTop = '0';
3054
3055
  } else {
3055
3056
  this.element_.style.top = top + 'px';
3056
3057
  this.element_.style.marginTop = marginTop + 'px';
3057
3058
  }
3058
3059
  } else {
3059
3060
  if (left + marginLeft < 0) {
3060
- this.element_.style.left = 0;
3061
- this.element_.style.marginLeft = 0;
3061
+ this.element_.style.left = '0';
3062
+ this.element_.style.marginLeft = '0';
3062
3063
  } else {
3063
3064
  this.element_.style.left = left + 'px';
3064
3065
  this.element_.style.marginLeft = marginLeft + 'px';
@@ -3076,11 +3077,11 @@ MaterialTooltip.prototype.handleMouseEnter_ = function (event) {
3076
3077
  this.element_.classList.add(this.CssClasses_.IS_ACTIVE);
3077
3078
  };
3078
3079
  /**
3079
- * Handle mouseleave for tooltip.
3080
+ * Hide tooltip on mouseleave or scroll
3080
3081
  *
3081
3082
  * @private
3082
3083
  */
3083
- MaterialTooltip.prototype.handleMouseLeave_ = function () {
3084
+ MaterialTooltip.prototype.hideTooltip_ = function () {
3084
3085
  this.element_.classList.remove(this.CssClasses_.IS_ACTIVE);
3085
3086
  };
3086
3087
  /**
@@ -3088,7 +3089,7 @@ MaterialTooltip.prototype.handleMouseLeave_ = function () {
3088
3089
  */
3089
3090
  MaterialTooltip.prototype.init = function () {
3090
3091
  if (this.element_) {
3091
- var forElId = this.element_.getAttribute('for');
3092
+ var forElId = this.element_.getAttribute('for') || this.element_.getAttribute('data-mdl-for');
3092
3093
  if (forElId) {
3093
3094
  this.forElement_ = document.getElementById(forElId);
3094
3095
  }
@@ -3098,11 +3099,12 @@ MaterialTooltip.prototype.init = function () {
3098
3099
  this.forElement_.setAttribute('tabindex', '0');
3099
3100
  }
3100
3101
  this.boundMouseEnterHandler = this.handleMouseEnter_.bind(this);
3101
- this.boundMouseLeaveHandler = this.handleMouseLeave_.bind(this);
3102
+ this.boundMouseLeaveAndScrollHandler = this.hideTooltip_.bind(this);
3102
3103
  this.forElement_.addEventListener('mouseenter', this.boundMouseEnterHandler, false);
3103
3104
  this.forElement_.addEventListener('touchend', this.boundMouseEnterHandler, false);
3104
- this.forElement_.addEventListener('mouseleave', this.boundMouseLeaveHandler, false);
3105
- window.addEventListener('touchstart', this.boundMouseLeaveHandler);
3105
+ this.forElement_.addEventListener('mouseleave', this.boundMouseLeaveAndScrollHandler, false);
3106
+ window.addEventListener('scroll', this.boundMouseLeaveAndScrollHandler, true);
3107
+ window.addEventListener('touchstart', this.boundMouseLeaveAndScrollHandler);
3106
3108
  }
3107
3109
  }
3108
3110
  };
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * material-design-lite - Material Design Components in CSS, JS and HTML
3
- * @version v1.1.3
3
+ * @version v1.2.0
4
4
  * @license Apache-2.0
5
5
  * @copyright 2015 Google, Inc.
6
6
  * @link https://github.com/google/material-design-lite
@@ -64,6 +64,8 @@
64
64
  * -----Data table
65
65
  * -----Dialog
66
66
  * -----Snackbar
67
+ * -----Tooltip
68
+ * -----Chip
67
69
  *
68
70
  * Even though all variables have the `!default` directive, most of them
69
71
  * should not be changed as they are dependent one another. This can cause
@@ -172,6 +174,7 @@
172
174
  /* DIALOG */
173
175
  /* SNACKBAR */
174
176
  /* TOOLTIP */
177
+ /* CHIP */
175
178
  /**
176
179
  * Copyright 2015 Google Inc. All Rights Reserved.
177
180
  *
@@ -263,6 +266,8 @@
263
266
  * -----Data table
264
267
  * -----Dialog
265
268
  * -----Snackbar
269
+ * -----Tooltip
270
+ * -----Chip
266
271
  *
267
272
  * Even though all variables have the `!default` directive, most of them
268
273
  * should not be changed as they are dependent one another. This can cause
@@ -371,6 +376,7 @@
371
376
  /* DIALOG */
372
377
  /* SNACKBAR */
373
378
  /* TOOLTIP */
379
+ /* CHIP */
374
380
  /*
375
381
  * What follows is the result of much research on cross-browser styling.
376
382
  * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
@@ -517,6 +523,12 @@ textarea {
517
523
  These examples override the primary ('mobile first') styles.
518
524
  Modify as content requires.
519
525
  ========================================================================== */
526
+ @media only screen and (min-width: 35em) {
527
+ /* Style adjustments for viewports that meet the condition */ }
528
+
529
+ @media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
530
+ /* Style adjustments for high resolution devices */ }
531
+
520
532
  /* ==========================================================================
521
533
  Print styles.
522
534
  Inlined to avoid the additional HTTP request:
@@ -681,6 +693,8 @@ main {
681
693
  * -----Data table
682
694
  * -----Dialog
683
695
  * -----Snackbar
696
+ * -----Tooltip
697
+ * -----Chip
684
698
  *
685
699
  * Even though all variables have the `!default` directive, most of them
686
700
  * should not be changed as they are dependent one another. This can cause
@@ -789,6 +803,7 @@ main {
789
803
  /* DIALOG */
790
804
  /* SNACKBAR */
791
805
  /* TOOLTIP */
806
+ /* CHIP */
792
807
  /**
793
808
  * Copyright 2015 Google Inc. All Rights Reserved.
794
809
  *
@@ -1262,6 +1277,8 @@ ul, ol {
1262
1277
  * -----Data table
1263
1278
  * -----Dialog
1264
1279
  * -----Snackbar
1280
+ * -----Tooltip
1281
+ * -----Chip
1265
1282
  *
1266
1283
  * Even though all variables have the `!default` directive, most of them
1267
1284
  * should not be changed as they are dependent one another. This can cause
@@ -1370,6 +1387,7 @@ ul, ol {
1370
1387
  /* DIALOG */
1371
1388
  /* SNACKBAR */
1372
1389
  /* TOOLTIP */
1390
+ /* CHIP */
1373
1391
  .mdl-color-text--red {
1374
1392
  color: rgb(244,67,54) !important; }
1375
1393
 
@@ -3107,6 +3125,8 @@ ul, ol {
3107
3125
  * -----Data table
3108
3126
  * -----Dialog
3109
3127
  * -----Snackbar
3128
+ * -----Tooltip
3129
+ * -----Chip
3110
3130
  *
3111
3131
  * Even though all variables have the `!default` directive, most of them
3112
3132
  * should not be changed as they are dependent one another. This can cause
@@ -3215,6 +3235,7 @@ ul, ol {
3215
3235
  /* DIALOG */
3216
3236
  /* SNACKBAR */
3217
3237
  /* TOOLTIP */
3238
+ /* CHIP */
3218
3239
  .mdl-ripple {
3219
3240
  background: rgb(0,0,0);
3220
3241
  border-radius: 50%;
@@ -3292,6 +3313,8 @@ ul, ol {
3292
3313
  * -----Data table
3293
3314
  * -----Dialog
3294
3315
  * -----Snackbar
3316
+ * -----Tooltip
3317
+ * -----Chip
3295
3318
  *
3296
3319
  * Even though all variables have the `!default` directive, most of them
3297
3320
  * should not be changed as they are dependent one another. This can cause
@@ -3400,6 +3423,7 @@ ul, ol {
3400
3423
  /* DIALOG */
3401
3424
  /* SNACKBAR */
3402
3425
  /* TOOLTIP */
3426
+ /* CHIP */
3403
3427
  .mdl-animation--default {
3404
3428
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
3405
3429
 
@@ -3469,6 +3493,8 @@ ul, ol {
3469
3493
  * -----Data table
3470
3494
  * -----Dialog
3471
3495
  * -----Snackbar
3496
+ * -----Tooltip
3497
+ * -----Chip
3472
3498
  *
3473
3499
  * Even though all variables have the `!default` directive, most of them
3474
3500
  * should not be changed as they are dependent one another. This can cause
@@ -3577,6 +3603,7 @@ ul, ol {
3577
3603
  /* DIALOG */
3578
3604
  /* SNACKBAR */
3579
3605
  /* TOOLTIP */
3606
+ /* CHIP */
3580
3607
  .mdl-badge {
3581
3608
  position: relative;
3582
3609
  white-space: nowrap;
@@ -3683,6 +3710,8 @@ ul, ol {
3683
3710
  * -----Data table
3684
3711
  * -----Dialog
3685
3712
  * -----Snackbar
3713
+ * -----Tooltip
3714
+ * -----Chip
3686
3715
  *
3687
3716
  * Even though all variables have the `!default` directive, most of them
3688
3717
  * should not be changed as they are dependent one another. This can cause
@@ -3791,6 +3820,7 @@ ul, ol {
3791
3820
  /* DIALOG */
3792
3821
  /* SNACKBAR */
3793
3822
  /* TOOLTIP */
3823
+ /* CHIP */
3794
3824
  /**
3795
3825
  * Copyright 2015 Google Inc. All Rights Reserved.
3796
3826
  *
@@ -4056,6 +4086,8 @@ input.mdl-button[type="submit"] {
4056
4086
  * -----Data table
4057
4087
  * -----Dialog
4058
4088
  * -----Snackbar
4089
+ * -----Tooltip
4090
+ * -----Chip
4059
4091
  *
4060
4092
  * Even though all variables have the `!default` directive, most of them
4061
4093
  * should not be changed as they are dependent one another. This can cause
@@ -4164,6 +4196,7 @@ input.mdl-button[type="submit"] {
4164
4196
  /* DIALOG */
4165
4197
  /* SNACKBAR */
4166
4198
  /* TOOLTIP */
4199
+ /* CHIP */
4167
4200
  .mdl-card {
4168
4201
  display: -webkit-flex;
4169
4202
  display: -ms-flexbox;
@@ -4320,6 +4353,8 @@ input.mdl-button[type="submit"] {
4320
4353
  * -----Data table
4321
4354
  * -----Dialog
4322
4355
  * -----Snackbar
4356
+ * -----Tooltip
4357
+ * -----Chip
4323
4358
  *
4324
4359
  * Even though all variables have the `!default` directive, most of them
4325
4360
  * should not be changed as they are dependent one another. This can cause
@@ -4428,6 +4463,7 @@ input.mdl-button[type="submit"] {
4428
4463
  /* DIALOG */
4429
4464
  /* SNACKBAR */
4430
4465
  /* TOOLTIP */
4466
+ /* CHIP */
4431
4467
  /**
4432
4468
  * Copyright 2015 Google Inc. All Rights Reserved.
4433
4469
  *
@@ -4620,6 +4656,250 @@ input.mdl-button[type="submit"] {
4620
4656
  * -----Data table
4621
4657
  * -----Dialog
4622
4658
  * -----Snackbar
4659
+ * -----Tooltip
4660
+ * -----Chip
4661
+ *
4662
+ * Even though all variables have the `!default` directive, most of them
4663
+ * should not be changed as they are dependent one another. This can cause
4664
+ * visual distortions (like alignment issues) that are hard to track down
4665
+ * and fix.
4666
+ */
4667
+ /* ========== TYPOGRAPHY ========== */
4668
+ /* We're splitting fonts into "preferred" and "performance" in order to optimize
4669
+ page loading. For important text, such as the body, we want it to load
4670
+ immediately and not wait for the web font load, whereas for other sections,
4671
+ such as headers and titles, we're OK with things taking a bit longer to load.
4672
+ We do have some optional classes and parameters in the mixins, in case you
4673
+ definitely want to make sure you're using the preferred font and don't mind
4674
+ the performance hit.
4675
+ We should be able to improve on this once CSS Font Loading L3 becomes more
4676
+ widely available.
4677
+ */
4678
+ /* ========== COLORS ========== */
4679
+ /**
4680
+ *
4681
+ * Material design color palettes.
4682
+ * @see http://www.google.com/design/spec/style/color.html
4683
+ *
4684
+ **/
4685
+ /**
4686
+ * Copyright 2015 Google Inc. All Rights Reserved.
4687
+ *
4688
+ * Licensed under the Apache License, Version 2.0 (the "License");
4689
+ * you may not use this file except in compliance with the License.
4690
+ * You may obtain a copy of the License at
4691
+ *
4692
+ * http://www.apache.org/licenses/LICENSE-2.0
4693
+ *
4694
+ * Unless required by applicable law or agreed to in writing, software
4695
+ * distributed under the License is distributed on an "AS IS" BASIS,
4696
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4697
+ * See the License for the specific language governing permissions and
4698
+ * limitations under the License.
4699
+ */
4700
+ /* ========== Color Palettes ========== */
4701
+ /* colors.scss */
4702
+ /**
4703
+ * Copyright 2015 Google Inc. All Rights Reserved.
4704
+ *
4705
+ * Licensed under the Apache License, Version 2.0 (the "License");
4706
+ * you may not use this file except in compliance with the License.
4707
+ * You may obtain a copy of the License at
4708
+ *
4709
+ * http://www.apache.org/licenses/LICENSE-2.0
4710
+ *
4711
+ * Unless required by applicable law or agreed to in writing, software
4712
+ * distributed under the License is distributed on an "AS IS" BASIS,
4713
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4714
+ * See the License for the specific language governing permissions and
4715
+ * limitations under the License.
4716
+ */
4717
+ /* ========== IMAGES ========== */
4718
+ /* ========== Color & Themes ========== */
4719
+ /* ========== Typography ========== */
4720
+ /* ========== Components ========== */
4721
+ /* ========== Standard Buttons ========== */
4722
+ /* ========== Icon Toggles ========== */
4723
+ /* ========== Radio Buttons ========== */
4724
+ /* ========== Ripple effect ========== */
4725
+ /* ========== Layout ========== */
4726
+ /* ========== Content Tabs ========== */
4727
+ /* ========== Checkboxes ========== */
4728
+ /* ========== Switches ========== */
4729
+ /* ========== Spinner ========== */
4730
+ /* ========== Text fields ========== */
4731
+ /* ========== Card ========== */
4732
+ /* ========== Sliders ========== */
4733
+ /* ========== Progress ========== */
4734
+ /* ========== List ========== */
4735
+ /* ========== Item ========== */
4736
+ /* ========== Dropdown menu ========== */
4737
+ /* ========== Tooltips ========== */
4738
+ /* ========== Footer ========== */
4739
+ /* TEXTFIELD */
4740
+ /* SWITCH */
4741
+ /* SPINNER */
4742
+ /* RADIO */
4743
+ /* MENU */
4744
+ /* LIST */
4745
+ /* LAYOUT */
4746
+ /* ICON TOGGLE */
4747
+ /* FOOTER */
4748
+ /*mega-footer*/
4749
+ /*mini-footer*/
4750
+ /* CHECKBOX */
4751
+ /* CARD */
4752
+ /* Card dimensions */
4753
+ /* Cover image */
4754
+ /* BUTTON */
4755
+ /**
4756
+ *
4757
+ * Dimensions
4758
+ *
4759
+ */
4760
+ /* ANIMATION */
4761
+ /* PROGRESS */
4762
+ /* BADGE */
4763
+ /* SHADOWS */
4764
+ /* GRID */
4765
+ /* DATA TABLE */
4766
+ /* DIALOG */
4767
+ /* SNACKBAR */
4768
+ /* TOOLTIP */
4769
+ /* CHIP */
4770
+ /**
4771
+ * Copyright 2015 Google Inc. All Rights Reserved.
4772
+ *
4773
+ * Licensed under the Apache License, Version 2.0 (the "License");
4774
+ * you may not use this file except in compliance with the License.
4775
+ * You may obtain a copy of the License at
4776
+ *
4777
+ * http://www.apache.org/licenses/LICENSE-2.0
4778
+ *
4779
+ * Unless required by applicable law or agreed to in writing, software
4780
+ * distributed under the License is distributed on an "AS IS" BASIS,
4781
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4782
+ * See the License for the specific language governing permissions and
4783
+ * limitations under the License.
4784
+ */
4785
+ /* Typography */
4786
+ /* Shadows */
4787
+ /* Animations */
4788
+ /* Dialog */
4789
+ .mdl-chip {
4790
+ height: 32px;
4791
+ font-family: "Roboto", "Helvetica", "Arial", sans-serif;
4792
+ line-height: 32px;
4793
+ padding: 0 12px;
4794
+ border: 0;
4795
+ border-radius: 16px;
4796
+ background-color: #dedede;
4797
+ display: inline-block;
4798
+ color: rgba(0,0,0, 0.87);
4799
+ margin: 2px 0;
4800
+ font-size: 0;
4801
+ white-space: nowrap; }
4802
+ .mdl-chip__text {
4803
+ font-size: 13px;
4804
+ vertical-align: middle;
4805
+ display: inline-block; }
4806
+ .mdl-chip__action {
4807
+ height: 24px;
4808
+ width: 24px;
4809
+ background: transparent;
4810
+ opacity: 0.54;
4811
+ display: inline-block;
4812
+ cursor: pointer;
4813
+ text-align: center;
4814
+ vertical-align: middle;
4815
+ padding: 0;
4816
+ margin: 0 0 0 4px;
4817
+ font-size: 13px;
4818
+ text-decoration: none;
4819
+ color: rgba(0,0,0, 0.87);
4820
+ border: none;
4821
+ outline: none;
4822
+ overflow: hidden; }
4823
+ .mdl-chip__contact {
4824
+ height: 32px;
4825
+ width: 32px;
4826
+ border-radius: 16px;
4827
+ display: inline-block;
4828
+ vertical-align: middle;
4829
+ margin-right: 8px;
4830
+ overflow: hidden;
4831
+ text-align: center;
4832
+ font-size: 18px;
4833
+ line-height: 32px; }
4834
+ .mdl-chip:focus {
4835
+ outline: 0;
4836
+ box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
4837
+ .mdl-chip:active {
4838
+ background-color: #d6d6d6; }
4839
+ .mdl-chip--deletable {
4840
+ padding-right: 4px; }
4841
+ .mdl-chip--contact {
4842
+ padding-left: 0; }
4843
+
4844
+ /**
4845
+ * Copyright 2015 Google Inc. All Rights Reserved.
4846
+ *
4847
+ * Licensed under the Apache License, Version 2.0 (the "License");
4848
+ * you may not use this file except in compliance with the License.
4849
+ * You may obtain a copy of the License at
4850
+ *
4851
+ * http://www.apache.org/licenses/LICENSE-2.0
4852
+ *
4853
+ * Unless required by applicable law or agreed to in writing, software
4854
+ * distributed under the License is distributed on an "AS IS" BASIS,
4855
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4856
+ * See the License for the specific language governing permissions and
4857
+ * limitations under the License.
4858
+ */
4859
+ /**
4860
+ * Copyright 2015 Google Inc. All Rights Reserved.
4861
+ *
4862
+ * Licensed under the Apache License, Version 2.0 (the "License");
4863
+ * you may not use this file except in compliance with the License.
4864
+ * You may obtain a copy of the License at
4865
+ *
4866
+ * http://www.apache.org/licenses/LICENSE-2.0
4867
+ *
4868
+ * Unless required by applicable law or agreed to in writing, software
4869
+ * distributed under the License is distributed on an "AS IS" BASIS,
4870
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
4871
+ * See the License for the specific language governing permissions and
4872
+ * limitations under the License.
4873
+ */
4874
+ /*------------------------------------* $CONTENTS
4875
+ \*------------------------------------*/
4876
+ /**
4877
+ * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
4878
+ * -----Typography
4879
+ * -----Colors
4880
+ * -----Textfield
4881
+ * -----Switch
4882
+ * -----Spinner
4883
+ * -----Radio
4884
+ * -----Menu
4885
+ * -----List
4886
+ * -----Layout
4887
+ * -----Icon toggles
4888
+ * -----Footer
4889
+ * -----Column
4890
+ * -----Checkbox
4891
+ * -----Card
4892
+ * -----Button
4893
+ * -----Animation
4894
+ * -----Progress
4895
+ * -----Badge
4896
+ * -----Shadows
4897
+ * -----Grid
4898
+ * -----Data table
4899
+ * -----Dialog
4900
+ * -----Snackbar
4901
+ * -----Tooltip
4902
+ * -----Chip
4623
4903
  *
4624
4904
  * Even though all variables have the `!default` directive, most of them
4625
4905
  * should not be changed as they are dependent one another. This can cause
@@ -4728,6 +5008,7 @@ input.mdl-button[type="submit"] {
4728
5008
  /* DIALOG */
4729
5009
  /* SNACKBAR */
4730
5010
  /* TOOLTIP */
5011
+ /* CHIP */
4731
5012
  /**
4732
5013
  * Copyright 2015 Google Inc. All Rights Reserved.
4733
5014
  *
@@ -4888,6 +5169,8 @@ input.mdl-button[type="submit"] {
4888
5169
  * -----Data table
4889
5170
  * -----Dialog
4890
5171
  * -----Snackbar
5172
+ * -----Tooltip
5173
+ * -----Chip
4891
5174
  *
4892
5175
  * Even though all variables have the `!default` directive, most of them
4893
5176
  * should not be changed as they are dependent one another. This can cause
@@ -4996,6 +5279,7 @@ input.mdl-button[type="submit"] {
4996
5279
  /* DIALOG */
4997
5280
  /* SNACKBAR */
4998
5281
  /* TOOLTIP */
5282
+ /* CHIP */
4999
5283
  /**
5000
5284
  * Copyright 2015 Google Inc. All Rights Reserved.
5001
5285
  *
@@ -5110,6 +5394,8 @@ input.mdl-button[type="submit"] {
5110
5394
  * -----Data table
5111
5395
  * -----Dialog
5112
5396
  * -----Snackbar
5397
+ * -----Tooltip
5398
+ * -----Chip
5113
5399
  *
5114
5400
  * Even though all variables have the `!default` directive, most of them
5115
5401
  * should not be changed as they are dependent one another. This can cause
@@ -5218,6 +5504,7 @@ input.mdl-button[type="submit"] {
5218
5504
  /* DIALOG */
5219
5505
  /* SNACKBAR */
5220
5506
  /* TOOLTIP */
5507
+ /* CHIP */
5221
5508
  /**
5222
5509
  * Copyright 2015 Google Inc. All Rights Reserved.
5223
5510
  *
@@ -5522,6 +5809,8 @@ input.mdl-button[type="submit"] {
5522
5809
  * -----Data table
5523
5810
  * -----Dialog
5524
5811
  * -----Snackbar
5812
+ * -----Tooltip
5813
+ * -----Chip
5525
5814
  *
5526
5815
  * Even though all variables have the `!default` directive, most of them
5527
5816
  * should not be changed as they are dependent one another. This can cause
@@ -5630,6 +5919,7 @@ input.mdl-button[type="submit"] {
5630
5919
  /* DIALOG */
5631
5920
  /* SNACKBAR */
5632
5921
  /* TOOLTIP */
5922
+ /* CHIP */
5633
5923
  .mdl-mini-footer {
5634
5924
  display: -webkit-flex;
5635
5925
  display: -ms-flexbox;
@@ -5754,6 +6044,8 @@ input.mdl-button[type="submit"] {
5754
6044
  * -----Data table
5755
6045
  * -----Dialog
5756
6046
  * -----Snackbar
6047
+ * -----Tooltip
6048
+ * -----Chip
5757
6049
  *
5758
6050
  * Even though all variables have the `!default` directive, most of them
5759
6051
  * should not be changed as they are dependent one another. This can cause
@@ -5862,6 +6154,7 @@ input.mdl-button[type="submit"] {
5862
6154
  /* DIALOG */
5863
6155
  /* SNACKBAR */
5864
6156
  /* TOOLTIP */
6157
+ /* CHIP */
5865
6158
  .mdl-icon-toggle {
5866
6159
  position: relative;
5867
6160
  z-index: 1;
@@ -5992,6 +6285,8 @@ input.mdl-button[type="submit"] {
5992
6285
  * -----Data table
5993
6286
  * -----Dialog
5994
6287
  * -----Snackbar
6288
+ * -----Tooltip
6289
+ * -----Chip
5995
6290
  *
5996
6291
  * Even though all variables have the `!default` directive, most of them
5997
6292
  * should not be changed as they are dependent one another. This can cause
@@ -6100,6 +6395,7 @@ input.mdl-button[type="submit"] {
6100
6395
  /* DIALOG */
6101
6396
  /* SNACKBAR */
6102
6397
  /* TOOLTIP */
6398
+ /* CHIP */
6103
6399
  /**
6104
6400
  * Copyright 2015 Google Inc. All Rights Reserved.
6105
6401
  *
@@ -6310,6 +6606,8 @@ input.mdl-button[type="submit"] {
6310
6606
  * -----Data table
6311
6607
  * -----Dialog
6312
6608
  * -----Snackbar
6609
+ * -----Tooltip
6610
+ * -----Chip
6313
6611
  *
6314
6612
  * Even though all variables have the `!default` directive, most of them
6315
6613
  * should not be changed as they are dependent one another. This can cause
@@ -6418,6 +6716,7 @@ input.mdl-button[type="submit"] {
6418
6716
  /* DIALOG */
6419
6717
  /* SNACKBAR */
6420
6718
  /* TOOLTIP */
6719
+ /* CHIP */
6421
6720
  /**
6422
6721
  * Copyright 2015 Google Inc. All Rights Reserved.
6423
6722
  *
@@ -6639,6 +6938,8 @@ input.mdl-button[type="submit"] {
6639
6938
  * -----Data table
6640
6939
  * -----Dialog
6641
6940
  * -----Snackbar
6941
+ * -----Tooltip
6942
+ * -----Chip
6642
6943
  *
6643
6944
  * Even though all variables have the `!default` directive, most of them
6644
6945
  * should not be changed as they are dependent one another. This can cause
@@ -6747,6 +7048,7 @@ input.mdl-button[type="submit"] {
6747
7048
  /* DIALOG */
6748
7049
  /* SNACKBAR */
6749
7050
  /* TOOLTIP */
7051
+ /* CHIP */
6750
7052
  .mdl-progress {
6751
7053
  display: block;
6752
7054
  position: relative;
@@ -6918,6 +7220,8 @@ input.mdl-button[type="submit"] {
6918
7220
  * -----Data table
6919
7221
  * -----Dialog
6920
7222
  * -----Snackbar
7223
+ * -----Tooltip
7224
+ * -----Chip
6921
7225
  *
6922
7226
  * Even though all variables have the `!default` directive, most of them
6923
7227
  * should not be changed as they are dependent one another. This can cause
@@ -7026,6 +7330,7 @@ input.mdl-button[type="submit"] {
7026
7330
  /* DIALOG */
7027
7331
  /* SNACKBAR */
7028
7332
  /* TOOLTIP */
7333
+ /* CHIP */
7029
7334
  /**
7030
7335
  * Copyright 2015 Google Inc. All Rights Reserved.
7031
7336
  *
@@ -7183,8 +7488,8 @@ input.mdl-button[type="submit"] {
7183
7488
  .mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover {
7184
7489
  background-color: rgb(224,224,224); }
7185
7490
  .mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current {
7186
- background-color: rgb(0,0,0);
7187
- color: rgb(224,224,224); }
7491
+ background-color: rgb(224,224,224);
7492
+ color: rgb(0,0,0); }
7188
7493
  @media screen and (min-width: 1025px) {
7189
7494
  .mdl-layout--fixed-drawer > .mdl-layout__drawer {
7190
7495
  -webkit-transform: translateX(0);
@@ -7203,7 +7508,7 @@ input.mdl-button[type="submit"] {
7203
7508
  text-align: center;
7204
7509
  cursor: pointer;
7205
7510
  font-size: 26px;
7206
- line-height: 50px;
7511
+ line-height: 56px;
7207
7512
  font-family: Helvetica, Arial, sans-serif;
7208
7513
  margin: 10px 12px;
7209
7514
  top: 0;
@@ -7222,12 +7527,12 @@ input.mdl-button[type="submit"] {
7222
7527
  margin: 4px;
7223
7528
  color: rgba(0, 0, 0, 0.5); } }
7224
7529
  @media screen and (min-width: 1025px) {
7225
- .mdl-layout--fixed-drawer > .mdl-layout__drawer-button {
7226
- display: none; }
7227
- .mdl-layout--no-desktop-drawer-button .mdl-layout__drawer-button {
7228
- display: none; } }
7229
- .mdl-layout--no-drawer-button .mdl-layout__drawer-button {
7230
- display: none; }
7530
+ .mdl-layout__drawer-button {
7531
+ line-height: 64px; }
7532
+ .mdl-layout--no-desktop-drawer-button .mdl-layout__drawer-button,
7533
+ .mdl-layout--fixed-drawer > .mdl-layout__drawer-button,
7534
+ .mdl-layout--no-drawer-button .mdl-layout__drawer-button {
7535
+ display: none; } }
7231
7536
 
7232
7537
  .mdl-layout__header {
7233
7538
  display: -webkit-flex;
@@ -7508,7 +7813,6 @@ input.mdl-button[type="submit"] {
7508
7813
  left: -4px; }
7509
7814
  @media screen and (max-width: 1024px) {
7510
7815
  .mdl-layout__tab-bar-button {
7511
- display: none;
7512
7816
  width: 60px; } }
7513
7817
  .mdl-layout--fixed-tabs .mdl-layout__tab-bar-button {
7514
7818
  display: none; }
@@ -7644,6 +7948,8 @@ input.mdl-button[type="submit"] {
7644
7948
  * -----Data table
7645
7949
  * -----Dialog
7646
7950
  * -----Snackbar
7951
+ * -----Tooltip
7952
+ * -----Chip
7647
7953
  *
7648
7954
  * Even though all variables have the `!default` directive, most of them
7649
7955
  * should not be changed as they are dependent one another. This can cause
@@ -7752,6 +8058,7 @@ input.mdl-button[type="submit"] {
7752
8058
  /* DIALOG */
7753
8059
  /* SNACKBAR */
7754
8060
  /* TOOLTIP */
8061
+ /* CHIP */
7755
8062
  /**
7756
8063
  * Copyright 2015 Google Inc. All Rights Reserved.
7757
8064
  *
@@ -7931,6 +8238,8 @@ input.mdl-button[type="submit"] {
7931
8238
  * -----Data table
7932
8239
  * -----Dialog
7933
8240
  * -----Snackbar
8241
+ * -----Tooltip
8242
+ * -----Chip
7934
8243
  *
7935
8244
  * Even though all variables have the `!default` directive, most of them
7936
8245
  * should not be changed as they are dependent one another. This can cause
@@ -8039,6 +8348,7 @@ input.mdl-button[type="submit"] {
8039
8348
  /* DIALOG */
8040
8349
  /* SNACKBAR */
8041
8350
  /* TOOLTIP */
8351
+ /* CHIP */
8042
8352
  _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
8043
8353
  -ms-appearance: none;
8044
8354
  height: 32px;
@@ -8329,6 +8639,8 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
8329
8639
  * -----Data table
8330
8640
  * -----Dialog
8331
8641
  * -----Snackbar
8642
+ * -----Tooltip
8643
+ * -----Chip
8332
8644
  *
8333
8645
  * Even though all variables have the `!default` directive, most of them
8334
8646
  * should not be changed as they are dependent one another. This can cause
@@ -8437,6 +8749,7 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
8437
8749
  /* DIALOG */
8438
8750
  /* SNACKBAR */
8439
8751
  /* TOOLTIP */
8752
+ /* CHIP */
8440
8753
  /**
8441
8754
  * Copyright 2015 Google Inc. All Rights Reserved.
8442
8755
  *
@@ -8593,6 +8906,8 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
8593
8906
  * -----Data table
8594
8907
  * -----Dialog
8595
8908
  * -----Snackbar
8909
+ * -----Tooltip
8910
+ * -----Chip
8596
8911
  *
8597
8912
  * Even though all variables have the `!default` directive, most of them
8598
8913
  * should not be changed as they are dependent one another. This can cause
@@ -8701,6 +9016,7 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
8701
9016
  /* DIALOG */
8702
9017
  /* SNACKBAR */
8703
9018
  /* TOOLTIP */
9019
+ /* CHIP */
8704
9020
  .mdl-spinner {
8705
9021
  display: inline-block;
8706
9022
  position: relative;
@@ -9083,6 +9399,8 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
9083
9399
  * -----Data table
9084
9400
  * -----Dialog
9085
9401
  * -----Snackbar
9402
+ * -----Tooltip
9403
+ * -----Chip
9086
9404
  *
9087
9405
  * Even though all variables have the `!default` directive, most of them
9088
9406
  * should not be changed as they are dependent one another. This can cause
@@ -9191,6 +9509,7 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
9191
9509
  /* DIALOG */
9192
9510
  /* SNACKBAR */
9193
9511
  /* TOOLTIP */
9512
+ /* CHIP */
9194
9513
  /**
9195
9514
  * Copyright 2015 Google Inc. All Rights Reserved.
9196
9515
  *
@@ -9396,6 +9715,8 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
9396
9715
  * -----Data table
9397
9716
  * -----Dialog
9398
9717
  * -----Snackbar
9718
+ * -----Tooltip
9719
+ * -----Chip
9399
9720
  *
9400
9721
  * Even though all variables have the `!default` directive, most of them
9401
9722
  * should not be changed as they are dependent one another. This can cause
@@ -9504,6 +9825,7 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
9504
9825
  /* DIALOG */
9505
9826
  /* SNACKBAR */
9506
9827
  /* TOOLTIP */
9828
+ /* CHIP */
9507
9829
  .mdl-tabs {
9508
9830
  display: block;
9509
9831
  width: 100%; }
@@ -9651,6 +9973,8 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
9651
9973
  * -----Data table
9652
9974
  * -----Dialog
9653
9975
  * -----Snackbar
9976
+ * -----Tooltip
9977
+ * -----Chip
9654
9978
  *
9655
9979
  * Even though all variables have the `!default` directive, most of them
9656
9980
  * should not be changed as they are dependent one another. This can cause
@@ -9759,6 +10083,7 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
9759
10083
  /* DIALOG */
9760
10084
  /* SNACKBAR */
9761
10085
  /* TOOLTIP */
10086
+ /* CHIP */
9762
10087
  /**
9763
10088
  * Copyright 2015 Google Inc. All Rights Reserved.
9764
10089
  *
@@ -9801,6 +10126,8 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
9801
10126
  min-width: 32px;
9802
10127
  width: auto;
9803
10128
  min-height: 32px; }
10129
+ .mdl-textfield--expandable .mdl-button--icon {
10130
+ top: 16px; }
9804
10131
 
9805
10132
  .mdl-textfield__input {
9806
10133
  border: none;
@@ -9970,6 +10297,8 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
9970
10297
  * -----Data table
9971
10298
  * -----Dialog
9972
10299
  * -----Snackbar
10300
+ * -----Tooltip
10301
+ * -----Chip
9973
10302
  *
9974
10303
  * Even though all variables have the `!default` directive, most of them
9975
10304
  * should not be changed as they are dependent one another. This can cause
@@ -10078,12 +10407,12 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
10078
10407
  /* DIALOG */
10079
10408
  /* SNACKBAR */
10080
10409
  /* TOOLTIP */
10410
+ /* CHIP */
10081
10411
  .mdl-tooltip {
10082
10412
  -webkit-transform: scale(0);
10083
10413
  transform: scale(0);
10084
10414
  -webkit-transform-origin: top center;
10085
10415
  transform-origin: top center;
10086
- will-change: transform;
10087
10416
  z-index: 999;
10088
10417
  background: rgba(97,97,97, 0.9);
10089
10418
  border-radius: 2px;
@@ -10193,6 +10522,8 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
10193
10522
  * -----Data table
10194
10523
  * -----Dialog
10195
10524
  * -----Snackbar
10525
+ * -----Tooltip
10526
+ * -----Chip
10196
10527
  *
10197
10528
  * Even though all variables have the `!default` directive, most of them
10198
10529
  * should not be changed as they are dependent one another. This can cause
@@ -10301,6 +10632,7 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
10301
10632
  /* DIALOG */
10302
10633
  /* SNACKBAR */
10303
10634
  /* TOOLTIP */
10635
+ /* CHIP */
10304
10636
  /**
10305
10637
  * Copyright 2015 Google Inc. All Rights Reserved.
10306
10638
  *
@@ -10403,6 +10735,8 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
10403
10735
  * -----Data table
10404
10736
  * -----Dialog
10405
10737
  * -----Snackbar
10738
+ * -----Tooltip
10739
+ * -----Chip
10406
10740
  *
10407
10741
  * Even though all variables have the `!default` directive, most of them
10408
10742
  * should not be changed as they are dependent one another. This can cause
@@ -10511,6 +10845,7 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
10511
10845
  /* DIALOG */
10512
10846
  /* SNACKBAR */
10513
10847
  /* TOOLTIP */
10848
+ /* CHIP */
10514
10849
  .mdl-grid {
10515
10850
  display: -webkit-flex;
10516
10851
  display: -ms-flexbox;
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: material_design_lite-rails
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.1.3
4
+ version: 1.2.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Sean Collins
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2016-03-17 00:00:00.000000000 Z
11
+ date: 2016-08-12 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: railties
@@ -92,9 +92,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
92
92
  version: '0'
93
93
  requirements: []
94
94
  rubyforge_project:
95
- rubygems_version: 2.2.3
95
+ rubygems_version: 2.5.1
96
96
  signing_key:
97
97
  specification_version: 4
98
98
  summary: Material Design Lite, for Rails
99
99
  test_files: []
100
- has_rdoc: