dlegr250_material_design 0.5.92 → 0.5.93
Sign up to get free protection for your applications and to get access to all the features.
- 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
|