dlegr250_material_design 0.1.57 → 0.1.58

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: a0c4d79791132daa54be0338b21443722af1ad92
4
- data.tar.gz: f58cd6ec0eb98b495041ef718e17820c5c0617ce
3
+ metadata.gz: 2bed7c79659207a28f9e10e070c216fe4b4f7fc3
4
+ data.tar.gz: 23ef21cd4db89535d045106a1c006e6e21fc749a
5
5
  SHA512:
6
- metadata.gz: d3d752f750408d61b6bc9a796e2bf879019d284b4b265bfb40a953c1b2f92385eb67c202dd30e8ff0aaed2b0649ddf3c1b06df99db4f64c417c58e24ce2fcd1f
7
- data.tar.gz: 0afaa8273c63a378b6bf314c7c42012d53891aafafb25515ac14cac98cecc3d100921b683b3685f1ffecbc2f385a07ac7a64308832a8c8c044be6f04894b3fb8
6
+ metadata.gz: 7f2cfbd8f1063521e440c6b2f61421b725769d21c3d0b567c0b581fed01db56ed973f1037f9ebb8e0c3e41cf4b7c346d59d2c50f57f9f6d89dc2db2232cce4b2
7
+ data.tar.gz: 59d5a6049f67154fc936f2e7e0248754ae7248ad8f20c17be1d7c9229299732c00c50863b37fb243f532bd4d96f624e53d8b0c98ade371e91463bdc8c2ae37c7
@@ -1,3 +1,3 @@
1
1
  module Dlegr250MaterialDesign
2
- VERSION = "0.1.57"
2
+ VERSION = "0.1.58"
3
3
  end
@@ -109,8 +109,8 @@ ol {
109
109
  .list-item-primary,
110
110
  .list-item-secondary {
111
111
  box-sizing: border-box;
112
- padding-bottom: $spacing-normal;
113
- padding-top: $spacing-normal;
112
+ padding-bottom: 12px;
113
+ padding-top: 12px;
114
114
  }
115
115
 
116
116
  // Lists - list item icon
@@ -1,86 +1,83 @@
1
- // // Tabs - base
2
- // //----------------------------------------------------------------------
3
- //
4
- // .tabs {
5
- // @include flex-parent-row();
6
- // height: $tab-height;
7
- // width: 100%;
8
- // // display: table;
9
- // // height: $tab-height;
10
- // // table-layout: fixed;
11
- // // width: 100%;
12
- // }
13
- //
14
- // .tabs.bordered {
15
- // @include box-shadow(0 1px color("divider"));
16
- // }
17
- //
18
- // // Tabs - tab
19
- // //----------------------------------------------------------------------
20
- //
21
- // .tab {
22
- // border-bottom: 2px solid transparent;
23
- // color: color("helper");
24
- // cursor: pointer;
25
- // // display: table-cell;
26
- // font-size: $font-size-normal;
27
- // font-weight: 600;
28
- // // height: $tab-height - 2px; // Account for 2px bottom border on tab
29
- // max-width: 264px;
30
- // min-width: 72px;
31
- // padding: $spacing-normal $spacing-small;
32
- // text-align: center;
33
- // text-decoration: none;
34
- // text-transform: uppercase;
35
- // vertical-align: middle;
36
- // @include transition(all 0.30s ease);
37
- //
38
- // .icon {
39
- // color: color("helper");
40
- // font-size: $font-size-icon;
41
- // }
42
- //
43
- // &:active {
44
- // background-color: color("hover");
45
- // }
46
- // }
47
- //
48
- // // Tabs - colored
49
- // //----------------------------------------------------------------------
50
- //
51
- // @each $color-name, $color in $colors {
52
- // .tabs.color-#{$color-name} {
53
- // .tab {
54
- // // Hover and click tab
55
- // &:hover,
56
- // &:active {
57
- // border-color: lighten($color, 30%);
58
- // }
59
- //
60
- // // Clicking tab
61
- // &:active {
62
- // background-color: lighten($color, 40%);
63
- // }
64
- //
65
- // // Persistent active tab
66
- // &.active {
67
- // border-color: $color;
68
- // color: $color;
69
- //
70
- // .icon {
71
- // color: $color;
72
- // }
73
- // }
74
- // }
75
- // }
76
- // }
77
- //
78
- // // Tabs - disabled
79
- // //----------------------------------------------------------------------
80
- //
81
- // .tab:disabled,
82
- // .tab.disabled {
83
- // color: color("disabled");
84
- // cursor: default;
85
- // pointer-events: none;
86
- // }
1
+ // Tabs - base
2
+ //----------------------------------------------------------------------
3
+
4
+ .tabs {
5
+ display: table;
6
+ height: $tab-height;
7
+ table-layout: fixed;
8
+ width: 100%;
9
+ }
10
+
11
+ .tabs.bordered {
12
+ @include box-shadow(0 1px color("divider"));
13
+ }
14
+
15
+ // Tabs - tab
16
+ //----------------------------------------------------------------------
17
+
18
+ .tab {
19
+ border-bottom: 2px solid transparent;
20
+ color: color("helper");
21
+ cursor: pointer;
22
+ display: table-cell;
23
+ font-size: $font-size-normal;
24
+ font-weight: 600;
25
+ height: $tab-height - 2px; // Account for 2px bottom border on tab
26
+ max-width: 264px;
27
+ min-width: 72px;
28
+ padding: 0 $spacing-small;
29
+ text-align: center;
30
+ text-decoration: none;
31
+ text-transform: uppercase;
32
+ vertical-align: middle;
33
+ @include transition(all 0.30s ease);
34
+
35
+ .icon {
36
+ color: color("helper");
37
+ font-size: $font-size-icon;
38
+ }
39
+
40
+ &:active {
41
+ background-color: color("hover");
42
+ }
43
+ }
44
+
45
+ // Tabs - colored
46
+ //----------------------------------------------------------------------
47
+
48
+ @each $color-name, $color in $colors {
49
+ .tabs.color-#{$color-name} {
50
+ .tab {
51
+ // Hover and click tab
52
+ &:hover,
53
+ &:active {
54
+ border-color: lighten($color, 30%);
55
+ }
56
+
57
+ // Clicking tab
58
+ &:active {
59
+ background-color: lighten($color, 40%);
60
+ }
61
+
62
+ // Persistent active tab
63
+ &.active {
64
+ border-color: $color;
65
+ color: $color;
66
+
67
+ .icon {
68
+ color: $color;
69
+ }
70
+ }
71
+ }
72
+ }
73
+ }
74
+
75
+ // Tabs - disabled
76
+ //----------------------------------------------------------------------
77
+
78
+ .tab:disabled,
79
+ .tab.disabled {
80
+ color: color("disabled");
81
+ cursor: default;
82
+ pointer-events: none;
83
+ }
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: dlegr250_material_design
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.57
4
+ version: 0.1.58
5
5
  platform: ruby
6
6
  authors:
7
7
  - Daniel LeGrand