dlegr250_material_design 0.1.48 → 0.1.49
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:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: bd2ef46c472eb0412d74c072aa918c884ace22c5
|
|
4
|
+
data.tar.gz: b754ea0f48ab4c617abc247247cb995ec17af7ca
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: f0f472faa73b70e4988ca64d643289bccd388bd16e916302be99bb7ed2ae0d9cf9a06e0c9c408346c2e1a8abebc461e8802c0e58bd5fbefefc59f7ca9b8a509a
|
|
7
|
+
data.tar.gz: b9f92db99367ab989a7d51a318471406f5a18c589caed38e2e5f63ad51729698d5035f5fea104ab4f6421037c3cefc7bbf667a8221052dc0cfaace9e44f3948f
|
|
@@ -44,7 +44,8 @@
|
|
|
44
44
|
display: inline-block;
|
|
45
45
|
margin: 1px 0;
|
|
46
46
|
max-width: 100%;
|
|
47
|
-
padding: $spacing-normal $spacing-small;
|
|
47
|
+
// padding: $spacing-normal $spacing-small;
|
|
48
|
+
padding: $spacing-normal 0;
|
|
48
49
|
position: relative;
|
|
49
50
|
width: 100%;
|
|
50
51
|
}
|
|
@@ -69,23 +70,28 @@
|
|
|
69
70
|
}
|
|
70
71
|
|
|
71
72
|
.field-xsmall {
|
|
72
|
-
padding: $spacing-xsmall $spacing-small;
|
|
73
|
+
// padding: $spacing-xsmall $spacing-small;
|
|
74
|
+
padding: $spacing-xsmall 0;
|
|
73
75
|
}
|
|
74
76
|
|
|
75
77
|
.field-small {
|
|
76
|
-
padding: $spacing-small;
|
|
78
|
+
// padding: $spacing-small;
|
|
79
|
+
padding: $spacing-small 0;
|
|
77
80
|
}
|
|
78
81
|
|
|
79
82
|
.field-normal {
|
|
80
|
-
padding: $spacing-normal $spacing-small;
|
|
83
|
+
// padding: $spacing-normal $spacing-small;
|
|
84
|
+
padding: $spacing-normal 0;
|
|
81
85
|
}
|
|
82
86
|
|
|
83
87
|
.field-large {
|
|
84
|
-
padding: $spacing-large $spacing-small;
|
|
88
|
+
// padding: $spacing-large $spacing-small;
|
|
89
|
+
padding: $spacing-large 0;
|
|
85
90
|
}
|
|
86
91
|
|
|
87
92
|
.field-xlarge {
|
|
88
|
-
padding: $spacing-xlarge $spacing-small;
|
|
93
|
+
// padding: $spacing-xlarge $spacing-small;
|
|
94
|
+
padding: $spacing-xlarge 0;
|
|
89
95
|
}
|
|
90
96
|
|
|
91
97
|
// Fields - has errors
|
|
@@ -99,7 +105,9 @@
|
|
|
99
105
|
//----------------------------------------------------------------------
|
|
100
106
|
|
|
101
107
|
.actions {
|
|
102
|
-
padding: $spacing-normal $spacing-small 0 $spacing-small;
|
|
108
|
+
// padding: $spacing-normal $spacing-small 0 $spacing-small;
|
|
109
|
+
padding: 0;
|
|
110
|
+
padding-top: $spacing-normal;
|
|
103
111
|
}
|
|
104
112
|
|
|
105
113
|
.actions-bordered {
|
|
@@ -110,7 +118,6 @@
|
|
|
110
118
|
// Fields - responsive label placement
|
|
111
119
|
//----------------------------------------------------------------------
|
|
112
120
|
|
|
113
|
-
.field.responsive,
|
|
114
121
|
.field-responsive {
|
|
115
122
|
margin-bottom: $spacing-small;
|
|
116
123
|
|
|
@@ -126,23 +133,17 @@
|
|
|
126
133
|
}
|
|
127
134
|
|
|
128
135
|
.field-element {
|
|
129
|
-
input.responsive,
|
|
130
|
-
select.responsive {
|
|
131
|
-
width: 100%;
|
|
132
|
-
}
|
|
133
|
-
|
|
134
136
|
.helper-text {
|
|
135
137
|
display: block;
|
|
136
|
-
overflow: hidden;
|
|
138
|
+
// overflow: hidden;
|
|
137
139
|
padding-top: $spacing-xsmall;
|
|
138
|
-
position: relative;
|
|
139
|
-
vertical-align: middle;
|
|
140
|
+
// position: relative;
|
|
141
|
+
// vertical-align: middle;
|
|
140
142
|
}
|
|
141
143
|
}
|
|
142
144
|
}
|
|
143
145
|
|
|
144
146
|
@media (min-width: $medium-width) {
|
|
145
|
-
.field.responsive,
|
|
146
147
|
.field-responsive {
|
|
147
148
|
margin-bottom: $spacing-xsmall;
|
|
148
149
|
width: 100%;
|
|
@@ -165,11 +166,6 @@
|
|
|
165
166
|
.field-element {
|
|
166
167
|
flex: 1;
|
|
167
168
|
|
|
168
|
-
input.responsive,
|
|
169
|
-
select.responsive {
|
|
170
|
-
width: inherit;
|
|
171
|
-
}
|
|
172
|
-
|
|
173
169
|
.helper-text {
|
|
174
170
|
display: inline-block;
|
|
175
171
|
|
|
@@ -36,3 +36,17 @@ $text-fields: "input[type='email'], input[type='number'], input[type='search'],
|
|
|
36
36
|
textarea {
|
|
37
37
|
padding: $spacing-small;
|
|
38
38
|
}
|
|
39
|
+
|
|
40
|
+
// text fields - responsive full width
|
|
41
|
+
// On smaller screens, expand to entire width
|
|
42
|
+
//----------------------------------------------------------------------
|
|
43
|
+
|
|
44
|
+
.input-responsive {
|
|
45
|
+
width: 100%;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
@media (min-width: $medium-width) {
|
|
49
|
+
.input-responsive {
|
|
50
|
+
width: inherit;
|
|
51
|
+
}
|
|
52
|
+
}
|
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.1.
|
|
4
|
+
version: 0.1.49
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Daniel LeGrand
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: exe
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2016-04-
|
|
11
|
+
date: 2016-04-26 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: bundler
|