dlegr250_material_design 0.1.48 → 0.1.49

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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: c5dafc94dbc9c365e1cef8907a6820481d2bae76
4
- data.tar.gz: af8422ce31db2f3a171b21e2e4b232e77ee9c2d2
3
+ metadata.gz: bd2ef46c472eb0412d74c072aa918c884ace22c5
4
+ data.tar.gz: b754ea0f48ab4c617abc247247cb995ec17af7ca
5
5
  SHA512:
6
- metadata.gz: 06202f690c667e4dac0c1c0d387720e0676431ee84cc77ddc2d3e35496836ccec876ee41193835dc15d5ee2246db0a60c5138362beda68f49bad6fc287d7b784
7
- data.tar.gz: 3ace6da7c0ff26aae6137e63823124863668ea9ed20a681728ee2ccc66e6736323ec4d8db91bb43638c212a67dfff579fe9c0aa6c00d311d48b81cc1db14a452
6
+ metadata.gz: f0f472faa73b70e4988ca64d643289bccd388bd16e916302be99bb7ed2ae0d9cf9a06e0c9c408346c2e1a8abebc461e8802c0e58bd5fbefefc59f7ca9b8a509a
7
+ data.tar.gz: b9f92db99367ab989a7d51a318471406f5a18c589caed38e2e5f63ad51729698d5035f5fea104ab4f6421037c3cefc7bbf667a8221052dc0cfaace9e44f3948f
@@ -1,3 +1,3 @@
1
1
  module Dlegr250MaterialDesign
2
- VERSION = "0.1.48"
2
+ VERSION = "0.1.49"
3
3
  end
@@ -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.48
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-22 00:00:00.000000000 Z
11
+ date: 2016-04-26 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler