dlegr250_material_design 0.5.92 → 0.5.93
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 +4 -4
- data/lib/dlegr250_material_design/version.rb +1 -1
- data/vendor/assets/stylesheets/base/variables/colors.scss +1 -1
- data/vendor/assets/stylesheets/base/variables/dimensions.scss +1 -1
- data/vendor/assets/stylesheets/components/buttons.scss +8 -2
- data/vendor/assets/stylesheets/components/cards.scss +3 -1
- data/vendor/assets/stylesheets/components/dialogs.scss +10 -6
- data/vendor/assets/stylesheets/components/layout/toolbar.scss +1 -0
- data/vendor/assets/stylesheets/components/lists.scss +3 -3
- data/vendor/assets/stylesheets/components/tables.scss +1 -0
- data/vendor/assets/stylesheets/components/tabs.scss +3 -3
- metadata +2 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: f99ee52eb21fda9bd01d9dda762025825809ea5e
|
|
4
|
+
data.tar.gz: 86b46f7b39f151ee0815b47a77aa9615072bac49
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 7aaf90b694403049562866fbae37f8c0ed7170443c1404e90972d2dbdb7509df92ed155515a31e131539df34d9bcc080badb20e52aa347a9e3229a21210f5623
|
|
7
|
+
data.tar.gz: ffc640d2cd8e1364a092aadfcde58740cf802c5957bb7202b467a684e60667a22443cd70049bd6acbaebd430f7a5b4bec8ed58aa1fe519f07f40664a3ffbb82d
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
// Defaults to override
|
|
2
2
|
//----------------------------------------------------------------------
|
|
3
3
|
|
|
4
|
-
$body-background-color: #
|
|
4
|
+
$body-background-color: #eaeaea !default;
|
|
5
5
|
$color-primary: #2196f3 !default;
|
|
6
6
|
$color-primary: #4285f4 !default;
|
|
7
7
|
$color-secondary: #db4437 !default;
|
|
@@ -124,7 +124,7 @@ $spacing-xlarge: 32px;
|
|
|
124
124
|
//----------------------------------------------------------------------
|
|
125
125
|
|
|
126
126
|
$device-xsmall: 320px; // Small phone
|
|
127
|
-
$device-small:
|
|
127
|
+
$device-small: 460px; // Larger phone
|
|
128
128
|
$device-medium: 760px; // Tablet
|
|
129
129
|
$device-large: 1000px; // Desktop
|
|
130
130
|
$device-xlarge: 1200px; // Large desktop
|
|
@@ -20,7 +20,8 @@ $default-button-rounded-corners: 4px;
|
|
|
20
20
|
border: 1px solid transparent;
|
|
21
21
|
box-sizing: border-box;
|
|
22
22
|
cursor: pointer;
|
|
23
|
-
font-size: $font-size-normal;
|
|
23
|
+
// font-size: $font-size-normal;
|
|
24
|
+
font-size: 16px;
|
|
24
25
|
font-weight: 500;
|
|
25
26
|
height: $button-height;
|
|
26
27
|
line-height: 1.2;
|
|
@@ -34,6 +35,7 @@ $default-button-rounded-corners: 4px;
|
|
|
34
35
|
white-space: nowrap;
|
|
35
36
|
@include flex-parent();
|
|
36
37
|
display: inline-flex;
|
|
38
|
+
@include font-smoothing();
|
|
37
39
|
@include no-touch-highlight;
|
|
38
40
|
@include rounded-corners($default-button-rounded-corners);
|
|
39
41
|
@include transition(all 0.2s ease-in-out);
|
|
@@ -184,7 +186,7 @@ $default-button-rounded-corners: 4px;
|
|
|
184
186
|
}
|
|
185
187
|
|
|
186
188
|
// @include box-shadow(0 1px 2px 0 rgba(0, 0, 0, 0.4));
|
|
187
|
-
@include box-shadow(0 1px 2px rgba(0, 0, 0, 0.24));
|
|
189
|
+
// @include box-shadow(0 1px 2px rgba(0, 0, 0, 0.24));
|
|
188
190
|
|
|
189
191
|
&:hover {
|
|
190
192
|
background-color: lighten($color, 10%);
|
|
@@ -390,4 +392,8 @@ $default-button-rounded-corners: 4px;
|
|
|
390
392
|
.button:last-child {
|
|
391
393
|
@include rounded-right-corners();
|
|
392
394
|
}
|
|
395
|
+
|
|
396
|
+
.button:not(:first-child) {
|
|
397
|
+
border-left: none;
|
|
398
|
+
}
|
|
393
399
|
}
|
|
@@ -32,6 +32,7 @@
|
|
|
32
32
|
|
|
33
33
|
.card-header {
|
|
34
34
|
@include list-item();
|
|
35
|
+
@include rounded-top-corners();
|
|
35
36
|
border-bottom: 1px solid color("divider");
|
|
36
37
|
}
|
|
37
38
|
|
|
@@ -46,7 +47,8 @@
|
|
|
46
47
|
.card-header-primary {
|
|
47
48
|
@include list-item-primary();
|
|
48
49
|
font-size: $font-size-normal + 2px;
|
|
49
|
-
font-weight:
|
|
50
|
+
font-weight: normal;
|
|
51
|
+
@include font-smoothing();
|
|
50
52
|
}
|
|
51
53
|
|
|
52
54
|
.card-header-primary-subtext {
|
|
@@ -37,6 +37,7 @@
|
|
|
37
37
|
min-width: 280px;
|
|
38
38
|
overflow: hidden;
|
|
39
39
|
width: $dialog-width-xsmall;
|
|
40
|
+
@include box-shadow(0 12px 15px 0 rgba(0,0,0,0.24));
|
|
40
41
|
@include elevation(24);
|
|
41
42
|
@include rounded-corners();
|
|
42
43
|
}
|
|
@@ -62,7 +63,6 @@
|
|
|
62
63
|
max-width: 90%;
|
|
63
64
|
position: relative;
|
|
64
65
|
width: auto;
|
|
65
|
-
@include box-shadow(0 12px 15px 0 rgba(0,0,0,0.24));
|
|
66
66
|
@include rounded-corners();
|
|
67
67
|
}
|
|
68
68
|
}
|
|
@@ -81,9 +81,9 @@
|
|
|
81
81
|
|
|
82
82
|
.dialog-title {
|
|
83
83
|
font-size: $font-size-large;
|
|
84
|
-
font-weight:
|
|
84
|
+
font-weight: normal;
|
|
85
85
|
padding: $spacing-normal;
|
|
86
|
-
|
|
86
|
+
@include font-smoothing();
|
|
87
87
|
}
|
|
88
88
|
|
|
89
89
|
// .dialog-toolbar
|
|
@@ -99,6 +99,10 @@
|
|
|
99
99
|
@include transition(box-shadow 0.2s ease);
|
|
100
100
|
}
|
|
101
101
|
|
|
102
|
+
.dialog-toolbar-title-subtext {
|
|
103
|
+
@include list-item-primary-subtext();
|
|
104
|
+
}
|
|
105
|
+
|
|
102
106
|
@media (min-width: $device-medium) {
|
|
103
107
|
.dialog-toolbar {
|
|
104
108
|
height: $toolbar-height-device-medium;
|
|
@@ -126,10 +130,10 @@
|
|
|
126
130
|
//----------------------------------------------------------------------
|
|
127
131
|
|
|
128
132
|
.dialog-toolbar-title {
|
|
129
|
-
color: color("
|
|
133
|
+
color: color("text");
|
|
130
134
|
flex: 1;
|
|
131
|
-
font-size:
|
|
132
|
-
font-weight:
|
|
135
|
+
font-size: 20px;
|
|
136
|
+
font-weight: normal;
|
|
133
137
|
margin-left: $spacing-small;
|
|
134
138
|
@include font-smoothing();
|
|
135
139
|
@include truncate-text();
|
|
@@ -112,9 +112,9 @@ ol {
|
|
|
112
112
|
}
|
|
113
113
|
|
|
114
114
|
// Remove duplicate border on last item in list
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
115
|
+
.list-divided .list-item:last-child {
|
|
116
|
+
border-bottom: none;
|
|
117
|
+
}
|
|
118
118
|
|
|
119
119
|
// Dividers between items
|
|
120
120
|
.list-divided .list-item {
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
display: inline-flex;
|
|
15
15
|
flex: none;
|
|
16
16
|
font-size: $font-size-small;
|
|
17
|
-
font-weight:
|
|
17
|
+
font-weight: 600;
|
|
18
18
|
justify-content: center;
|
|
19
19
|
height: 100%;
|
|
20
20
|
letter-spacing: 0;
|
|
@@ -24,9 +24,9 @@
|
|
|
24
24
|
padding: 0 12px;
|
|
25
25
|
position: relative;
|
|
26
26
|
text-align: center;
|
|
27
|
-
|
|
27
|
+
text-transform: uppercase;
|
|
28
28
|
vertical-align: middle;
|
|
29
|
-
|
|
29
|
+
@include font-smoothing();
|
|
30
30
|
@include transition(color 0.30s ease, border-color 0.30s ease, background-color 0.30s ease);
|
|
31
31
|
|
|
32
32
|
&:hover {
|
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.
|
|
4
|
+
version: 0.5.93
|
|
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-10-
|
|
11
|
+
date: 2017-10-27 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
|