dlegr250_material_design 0.5.84 → 0.5.85
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/mixins.scss +5 -5
- data/vendor/assets/stylesheets/components/boxes.scss +1 -1
- data/vendor/assets/stylesheets/components/buttons.scss +4 -4
- data/vendor/assets/stylesheets/components/cards.scss +2 -1
- data/vendor/assets/stylesheets/components/dialogs.scss +4 -3
- data/vendor/assets/stylesheets/components/forms/fields.scss +3 -2
- data/vendor/assets/stylesheets/components/forms/radios.scss +3 -2
- data/vendor/assets/stylesheets/components/grids.scss +2 -1
- data/vendor/assets/stylesheets/components/lists.scss +2 -1
- data/vendor/assets/stylesheets/components/panels.scss +2 -1
- data/vendor/assets/stylesheets/components/search.scss +2 -2
- data/vendor/assets/stylesheets/components/tabs.scss +1 -1
- metadata +1 -1
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: cf872e4423925b0ee794bb2abd89298f47e66a12
|
4
|
+
data.tar.gz: 99202a38b41069c9e1e6b273ebf803c7d422987d
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: f3fc0ce8ba752d52b61e9390b56bdc18ee87cfd341908561cd8444a10a626e1cd3cfabc9b85e10ce840d13ad0a8489b46ccce5d95591274a20575e8f87a22226
|
7
|
+
data.tar.gz: 38cabf8809eb19c19944f32a95fd0cd27ec5d18d4bb0b60ab1537d629b2d5bd7564a29944677628475498d63a8545e2915dc63aec210f2097f861bcd2336e24c
|
@@ -171,7 +171,7 @@ $default-rounded-corners-radius: 2px; // As per Material Design spec
|
|
171
171
|
}
|
172
172
|
|
173
173
|
// // For a row of flex elements, such as the appbar.
|
174
|
-
// @mixin flex-parent
|
174
|
+
// @mixin flex-parent() {
|
175
175
|
// @include flex-parent();
|
176
176
|
// align-items: center;
|
177
177
|
// -ms-flex-align: center;
|
@@ -182,20 +182,20 @@ $default-rounded-corners-radius: 2px; // As per Material Design spec
|
|
182
182
|
// justify-content: flex-start;
|
183
183
|
// }
|
184
184
|
//
|
185
|
-
// @mixin flex-parent
|
186
|
-
// @include flex-parent
|
185
|
+
// @mixin flex-parent() {
|
186
|
+
// @include flex-parent();
|
187
187
|
// flex: 1 1 auto;
|
188
188
|
// justify-content: center;
|
189
189
|
// }
|
190
190
|
//
|
191
191
|
// @mixin flex-parent-row-align-right() {
|
192
|
-
// @include flex-parent
|
192
|
+
// @include flex-parent();
|
193
193
|
// flex: 1;
|
194
194
|
// justify-content: flex-end;
|
195
195
|
// }
|
196
196
|
//
|
197
197
|
// @mixin flex-parent-row-align-top() {
|
198
|
-
// @include flex-parent
|
198
|
+
// @include flex-parent();
|
199
199
|
// align-items: flex-start;
|
200
200
|
// -ms-flex-align: flex-start;
|
201
201
|
// -webkit-align-items: flex-start;
|
@@ -30,7 +30,7 @@ $buttons: ".button";
|
|
30
30
|
text-decoration: none;
|
31
31
|
vertical-align: middle;
|
32
32
|
white-space: nowrap;
|
33
|
-
@include flex-parent
|
33
|
+
@include flex-parent();
|
34
34
|
display: inline-flex;
|
35
35
|
@include no-touch-highlight;
|
36
36
|
@include rounded-corners;
|
@@ -102,7 +102,7 @@ $buttons: ".button";
|
|
102
102
|
height: $button-icon-height;
|
103
103
|
text-align: center;
|
104
104
|
width: $button-icon-height;
|
105
|
-
@include flex-parent
|
105
|
+
@include flex-parent();
|
106
106
|
display: inline-flex;
|
107
107
|
@include no-touch-highlight;
|
108
108
|
@include rounded-corners(50%);
|
@@ -266,7 +266,7 @@ $buttons: ".button";
|
|
266
266
|
@include box-shadow(0 3px 7px 0 rgba(0, 0, 0, 0.4));
|
267
267
|
@include rounded-corners(250px);
|
268
268
|
@include text-shadow(0 -1px 0 color("helper"));
|
269
|
-
@include flex-parent
|
269
|
+
@include flex-parent();
|
270
270
|
display: inline-flex;
|
271
271
|
}
|
272
272
|
|
@@ -374,7 +374,7 @@ $buttons: ".button";
|
|
374
374
|
//----------------------------------------------------------------------
|
375
375
|
|
376
376
|
.button-group {
|
377
|
-
@include flex-parent
|
377
|
+
@include flex-parent();
|
378
378
|
|
379
379
|
.button {
|
380
380
|
@include rounded-corners(0);
|
@@ -80,7 +80,7 @@
|
|
80
80
|
//----------------------------------------------------------------------
|
81
81
|
|
82
82
|
.dialog-appbar {
|
83
|
-
@include flex-parent
|
83
|
+
@include flex-parent();
|
84
84
|
border-bottom: 1px solid color("divider");
|
85
85
|
height: $dialog-header-height;
|
86
86
|
padding: 0 $spacing-small;
|
@@ -123,14 +123,15 @@
|
|
123
123
|
.dialog-appbar-secondary-actions {
|
124
124
|
@include list-item-secondary-actions();
|
125
125
|
text-align: right;
|
126
|
-
@include flex-parent
|
126
|
+
@include flex-parent();
|
127
127
|
}
|
128
128
|
|
129
129
|
// Dialogs - header
|
130
130
|
//----------------------------------------------------------------------
|
131
131
|
|
132
132
|
.dialog-header {
|
133
|
-
@include flex-parent
|
133
|
+
@include flex-parent();
|
134
|
+
@include flex-vertical-align-top();
|
134
135
|
border-bottom: 1px solid color("divider");
|
135
136
|
padding: 0 $spacing-small;
|
136
137
|
}
|
@@ -162,7 +162,8 @@
|
|
162
162
|
.field-responsive {
|
163
163
|
margin-bottom: $spacing-xsmall;
|
164
164
|
width: 100%;
|
165
|
-
@include flex-parent
|
165
|
+
@include flex-parent();
|
166
|
+
@include flex-vertical-align-top();
|
166
167
|
|
167
168
|
.field-label {
|
168
169
|
display: inline-block;
|
@@ -199,7 +200,7 @@
|
|
199
200
|
.field-inline {
|
200
201
|
min-height: $input-height;
|
201
202
|
padding: 0 $spacing-small;
|
202
|
-
@include flex-parent
|
203
|
+
@include flex-parent();
|
203
204
|
|
204
205
|
.field-label {
|
205
206
|
padding: 0;
|
@@ -62,7 +62,7 @@
|
|
62
62
|
cursor: pointer;
|
63
63
|
font-weight: normal;
|
64
64
|
padding: 0; // $spacing-normal
|
65
|
-
@include flex-parent
|
65
|
+
@include flex-parent();
|
66
66
|
@include transition(background-color 0.30s ease);
|
67
67
|
|
68
68
|
&:hover {
|
@@ -75,7 +75,8 @@
|
|
75
75
|
}
|
76
76
|
|
77
77
|
.radio-group-align-top .radio-group-item {
|
78
|
-
@include flex-parent
|
78
|
+
@include flex-parent();
|
79
|
+
@include flex-vertical-align-top();
|
79
80
|
}
|
80
81
|
|
81
82
|
// Radios - colored
|
@@ -40,7 +40,7 @@
|
|
40
40
|
padding-right: $spacing-small;
|
41
41
|
position: relative;
|
42
42
|
width: 100%;
|
43
|
-
@include flex-parent
|
43
|
+
@include flex-parent();
|
44
44
|
}
|
45
45
|
|
46
46
|
.search-search-icon {
|
@@ -92,7 +92,7 @@
|
|
92
92
|
max-width: 300px;
|
93
93
|
pointer-events: auto;
|
94
94
|
position: relative;
|
95
|
-
@include flex-parent
|
95
|
+
@include flex-parent();
|
96
96
|
@include transparency(1);
|
97
97
|
}
|
98
98
|
|