dlegr250_material_design 0.5.64 → 0.5.65

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: 90e68d53542116901f5928d50da013773f1b631f
4
- data.tar.gz: c23175f9eaac512c76728e01353016dbd209e6d0
3
+ metadata.gz: 10af7ac14dcd0a62414923352f72dfe72a8f83df
4
+ data.tar.gz: eb41c9e55089296bcf1acf1e3ba75413bf3dd2f1
5
5
  SHA512:
6
- metadata.gz: 7a1b07671c23f453b962c56bbc89a79bfa5d4ff4347971990c07e40b960b67c054c84e61b3f8548976324a0d280ea491694a99d3190fbf9f15db44ed7771217c
7
- data.tar.gz: 9adc08a3cf0164c1d8b869ab5280f2384253292c6786f2b17a548d8f0b1a352fb21cd86d9ee76159a5d15043569dab592784d16e40a058b761a289e7810c782c
6
+ metadata.gz: eedae9e50af791815d7a0c47fb7c9a78ea18a24ad7943df35e9258a89ed7c170912625e1f6a9f63d76c368d69c89d7ae0cf13ff688162adaacfa0a834cf69a27
7
+ data.tar.gz: b5eacb3a9b7e99c495913db2f3c14831f5987a3b7fcc4448218472eb55987815c2d7d2e7879aeaf62cc420c80adb20bd1e2643d25644aa4b18c20e457a3ad1ab
@@ -1,3 +1,3 @@
1
1
  module Dlegr250MaterialDesign
2
- VERSION = "0.5.64"
2
+ VERSION = "0.5.65"
3
3
  end
@@ -85,6 +85,7 @@
85
85
  height: $appbar-height;
86
86
  padding: 0 $spacing-small;
87
87
  position: relative;
88
+ z-index: $dialog-depth + 1;
88
89
  }
89
90
 
90
91
  .dialog-appbar-icon {
@@ -101,6 +102,7 @@
101
102
 
102
103
  .dialog-appbar-title {
103
104
  @include list-item-primary();
105
+ color: color("icon");
104
106
  flex: 1;
105
107
  font-size: $font-size-normal + 2px;
106
108
  font-weight: 400;
@@ -245,6 +245,7 @@ ol {
245
245
  background-color: color("grey-100");
246
246
  border-bottom: 1px solid color("divider");
247
247
  @include list-item();
248
+ min-height: 56px;
248
249
  }
249
250
 
250
251
  .list-header-icon {
@@ -14,6 +14,7 @@
14
14
  cursor: pointer;
15
15
  display: inline-flex;
16
16
  flex: 1 1 auto;
17
+ font-size: $font-size-small;
17
18
  font-weight: 600;
18
19
  height: 100%;
19
20
  max-width: 150px;
@@ -25,6 +26,12 @@
25
26
  @include transition(all 0.30s ease);
26
27
  }
27
28
 
29
+ @media (min-width: $width-medium) {
30
+ .tab {
31
+ font-size: $font-size-normal;
32
+ }
33
+ }
34
+
28
35
  .tab-primary {
29
36
  align-items: center;
30
37
  // display: flex;
@@ -51,61 +58,13 @@
51
58
  }
52
59
  }
53
60
 
54
- // Tabs - base
61
+ // Tabs - bordered
55
62
  //----------------------------------------------------------------------
56
63
 
57
- // .tabs {
58
- // height: $tab-height;
59
- // @include flex-parent-row();
60
- // }
61
-
62
64
  .tabs-bordered {
63
65
  @include box-shadow(0 1px color("divider"));
64
66
  }
65
67
 
66
- // .tabs-fixed {
67
- // .tab {
68
- // flex: 1;
69
- // }
70
- // }
71
-
72
- // Tabs - tab
73
- //----------------------------------------------------------------------
74
-
75
- // .tab {
76
- // border-bottom: 2px solid transparent;
77
- // color: color("helper");
78
- // cursor: pointer;
79
- // font-size: $font-size-normal;
80
- // font-weight: 600;
81
- // height: $tab-height - 2px; // Account for 2px bottom border on tab
82
- // // max-width: 264px;
83
- // // min-width: 72px;
84
- // padding: 0 $spacing-normal;
85
- // text-align: center;
86
- // text-decoration: none;
87
- // text-transform: uppercase;
88
- // vertical-align: middle;
89
- // @include transition(all 0.30s ease);
90
- // }
91
-
92
- // Tabs - colored
93
- //----------------------------------------------------------------------
94
-
95
- // @each $color-name, $color in $colors {
96
- // .tabs-#{$color-name} {
97
- // .tab {
98
- // &:hover {
99
- // border-color: lighten($color, 30%);
100
- // }
101
- //
102
- // &:active {
103
- // background-color: lighten($color, 40%);
104
- // }
105
- // }
106
- // }
107
- // }
108
-
109
68
  // Tabs - disabled
110
69
  //----------------------------------------------------------------------
111
70
 
@@ -29,15 +29,23 @@
29
29
 
30
30
  .sidebar-header {
31
31
  border-bottom: 1px solid color("divider");
32
- color: color("helper");
33
- font-size: $font-size-large;
34
- height: $appbar-height;
35
- line-height: $appbar-height;
32
+ cursor: pointer;
36
33
  margin-bottom: $spacing-normal;
37
34
  padding: 0 $spacing-normal;
35
+ @include list-item();
38
36
  @include truncate-text();
39
37
  }
40
38
 
39
+ .sidebar-header-primary {
40
+ @include list-item-primary();
41
+ color: color("helper");
42
+ font-size: $font-size-large;
43
+ }
44
+
45
+ .sidebar-header-secondary {
46
+ @include list-item-secondary();
47
+ }
48
+
41
49
  // Sidebars - left sidebar
42
50
  //----------------------------------------------------------------------
43
51
 
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: dlegr250_material_design
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.5.64
4
+ version: 0.5.65
5
5
  platform: ruby
6
6
  authors:
7
7
  - Daniel LeGrand
8
8
  autorequire:
9
9
  bindir: exe
10
10
  cert_chain: []
11
- date: 2017-04-12 00:00:00.000000000 Z
11
+ date: 2017-04-14 00:00:00.000000000 Z
12
12
  dependencies: []
13
13
  description: 'WARNING: ALPHA CODE, NOT PRODUCTION READY. ACTIVELY UNDER DEVELOPMENT
14
14
  AS OF AUG 2016. Implement Google Material Design spec with modern browsers in mind