padma-assets 0.0.13 → 0.0.14
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 +8 -8
- data/app/assets/stylesheets/button.css.scss +221 -11
- data/lib/padma-assets/version.rb +1 -1
- metadata +2 -2
checksums.yaml
CHANGED
@@ -1,15 +1,15 @@
|
|
1
1
|
---
|
2
2
|
!binary "U0hBMQ==":
|
3
3
|
metadata.gz: !binary |-
|
4
|
-
|
4
|
+
MWRlNzMyOWE4ZWNmZTA3N2M5YmM5MjBiMjdkNDRkYjc4NDEwYzcxNg==
|
5
5
|
data.tar.gz: !binary |-
|
6
|
-
|
6
|
+
NjYxYzllODllZDc3NWRjY2MyZTBiY2I4OWQwNTA5NzUxYTliMjAzNA==
|
7
7
|
SHA512:
|
8
8
|
metadata.gz: !binary |-
|
9
|
-
|
10
|
-
|
11
|
-
|
9
|
+
MDRiZDExNWI0MmIyNDNlMTQ5N2ZhMjVjNGNlODUzOWFmZTcyZmIyZTg4ZDM5
|
10
|
+
MjgwZmYxMWYwMWZmMTQ5YjMyYTEwOGI5OWU4YjgyYjdmYWY0YjcyZWEzYWIz
|
11
|
+
M2JmNzRlZjcwMTljOGQ5ZTlmNTFmYTY2MjAxZTE4YTQwY2JjMGQ=
|
12
12
|
data.tar.gz: !binary |-
|
13
|
-
|
14
|
-
|
15
|
-
|
13
|
+
ZGMzMDdjMTRkNWI5YWU4MWFiZTlhYzAwNDM2OGI3NmZiZjMxYzM2Y2E2YWRk
|
14
|
+
OTM4MGMwNzEyMzg5NjNlZWJkM2VlNTRjMjFmOGMyYzQ3MjUzZTk4NmI0MWJm
|
15
|
+
MWU3M2I5OTQwMGRhYTdlYmFlOTkwMWRkY2NlMjcyOGIzMjEwZTk=
|
@@ -1,4 +1,4 @@
|
|
1
|
-
/* Button
|
1
|
+
/* Button
|
2
2
|
|
3
3
|
$light_grey: #f1f2f2;
|
4
4
|
$dark_grey: #dcdddd;
|
@@ -10,9 +10,9 @@ $light_red: #ffd4c7;
|
|
10
10
|
$dark_red: red;
|
11
11
|
|
12
12
|
@mixin button-background-color($light,$dark) {
|
13
|
-
background: $dark;
|
14
|
-
background: -webkit-gradient(linear,left top,left bottom,color-stop(0, $light),color-stop(1, $dark));
|
15
|
-
background: -moz-linear-gradient(top, $light, $dark);
|
13
|
+
background: $dark; // fallback
|
14
|
+
background: -webkit-gradient(linear,left top,left bottom,color-stop(0, $light),color-stop(1, $dark)); // Saf4+, Chrome en adelante
|
15
|
+
background: -moz-linear-gradient(top, $light, $dark); // FF3.6 en adelante
|
16
16
|
}
|
17
17
|
|
18
18
|
.bt {
|
@@ -21,7 +21,7 @@ $dark_red: red;
|
|
21
21
|
padding:0px;
|
22
22
|
margin:0px;
|
23
23
|
border: 1px solid #CCC;
|
24
|
-
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
|
24
|
+
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; // CSS3 con -moz- & -webkit prefix for application on firefox + chrome
|
25
25
|
@include button-background-color(#FFF, $light_grey);
|
26
26
|
vertical-align: middle;
|
27
27
|
cursor: pointer;
|
@@ -65,7 +65,7 @@ $dark_red: red;
|
|
65
65
|
min-width: 24px;
|
66
66
|
line-height: 11px;
|
67
67
|
}
|
68
|
-
|
68
|
+
// Button Heigths Classes
|
69
69
|
|
70
70
|
&.h24 {
|
71
71
|
a {
|
@@ -109,20 +109,230 @@ $dark_red: red;
|
|
109
109
|
}
|
110
110
|
}
|
111
111
|
|
112
|
-
|
112
|
+
*/
|
113
|
+
|
114
|
+
// buttons style
|
115
|
+
//
|
116
|
+
// Buttons
|
117
|
+
// --------------------------------------------------
|
118
|
+
|
119
|
+
|
120
|
+
// Base styles
|
121
|
+
// --------------------------------------------------
|
122
|
+
|
123
|
+
.button {
|
124
|
+
background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
|
125
|
+
border: 1px solid transparent;
|
126
|
+
border-radius: 2px;
|
127
|
+
box-shadow: 0 1px 0 rgba(#000,.05);
|
128
|
+
cursor: pointer;
|
129
|
+
display: inline-block;
|
130
|
+
font: {
|
131
|
+
size: 12px;
|
132
|
+
weight: bold;
|
133
|
+
}
|
134
|
+
line-height: 1.42857143;
|
135
|
+
margin-bottom: 0;
|
136
|
+
outline: 0;
|
137
|
+
padding: 6px 12px !important;
|
138
|
+
text-align: center;
|
139
|
+
touch-action: manipulation;
|
140
|
+
-webkit-user-select: none;
|
141
|
+
-moz-user-select: none;
|
142
|
+
-ms-user-select: none;
|
143
|
+
user-select: none;
|
144
|
+
vertical-align: middle;
|
145
|
+
white-space: nowrap;
|
146
|
+
span {
|
147
|
+
&[class*="icon"] {
|
148
|
+
display: inline-block;
|
149
|
+
height: 16px;
|
150
|
+
vertical-align: middle;
|
151
|
+
width: 16px;
|
152
|
+
+ span {
|
153
|
+
margin-left: 5px;
|
154
|
+
&:empty {
|
155
|
+
display: none;
|
156
|
+
}
|
157
|
+
}
|
158
|
+
}
|
159
|
+
&:not([class*="icon"]) {
|
160
|
+
display: none;
|
161
|
+
}
|
162
|
+
&:last-child {
|
163
|
+
color: inherit;
|
164
|
+
display: inline-block;
|
165
|
+
font: {
|
166
|
+
size: inherit;
|
167
|
+
weight: inherit;
|
168
|
+
}
|
169
|
+
margin: 0;
|
170
|
+
}
|
171
|
+
}
|
172
|
+
&:after {
|
173
|
+
content: '';
|
174
|
+
display: inline-block;
|
175
|
+
vertical-align: middle;
|
176
|
+
height: 100%;
|
177
|
+
}
|
178
|
+
&:active,
|
179
|
+
&.active {
|
180
|
+
background-image: none;
|
181
|
+
box-shadow: inset 0 1px 0 #ddd;
|
182
|
+
}
|
183
|
+
&.disabled,
|
184
|
+
&[disabled],
|
185
|
+
fieldset[disabled] & {
|
186
|
+
cursor: not-allowed;
|
187
|
+
pointer-events: none; // Future-proof disabling of clicks
|
188
|
+
opacity: .65;
|
189
|
+
box-shadow: none;
|
190
|
+
}
|
191
|
+
}
|
192
|
+
|
193
|
+
|
194
|
+
// Alternate buttons
|
195
|
+
// --------------------------------------------------
|
196
|
+
|
197
|
+
.button-default {
|
198
|
+
border-color: #d3d3d3;
|
199
|
+
background: #f8f8f8;
|
200
|
+
color: #333;
|
201
|
+
&:hover,
|
202
|
+
&:focus,
|
203
|
+
&.focus {
|
204
|
+
border-color: #c6c6c6;
|
205
|
+
background: #f0f0f0;
|
206
|
+
box-shadow: 0 1px 0 rgba(#000,.10);
|
207
|
+
color: #333;
|
208
|
+
text-decoration: none;
|
209
|
+
}
|
210
|
+
&:active,
|
211
|
+
&:active:focus,
|
212
|
+
&.active,
|
213
|
+
&:focus,
|
214
|
+
&.focus {
|
215
|
+
background-image: none;
|
216
|
+
box-shadow: inset 0 1px 0 #ddd;
|
217
|
+
}
|
218
|
+
}
|
219
|
+
.button-primary {
|
220
|
+
color: #fff;
|
221
|
+
background-color: #3991e3;
|
222
|
+
border-color: #3991e3;
|
223
|
+
&:active,
|
224
|
+
&.active,
|
225
|
+
&:hover,
|
226
|
+
&:focus {
|
227
|
+
background-color: darken(#3991e3,10%);
|
228
|
+
border-color: darken(#3991e3,10%);
|
229
|
+
color: #fff;
|
230
|
+
}
|
231
|
+
}
|
232
|
+
// Success appears as green
|
233
|
+
.button-success {
|
234
|
+
color: #fff;
|
235
|
+
background-color: #5cb85c;
|
236
|
+
border-color: #4cae4c;
|
237
|
+
}
|
238
|
+
// Info appears as blue-green
|
239
|
+
.button-info {
|
240
|
+
color: #fff;
|
241
|
+
background-color: #5bc0de;
|
242
|
+
border-color: #46b8da;
|
243
|
+
}
|
244
|
+
// Warning appears as orange
|
245
|
+
.button-warning {
|
246
|
+
color: #fff;
|
247
|
+
background-color: #f0ad4e;
|
248
|
+
border-color: #eea236;
|
249
|
+
}
|
250
|
+
// Danger and error appear as red
|
251
|
+
.button-danger {
|
252
|
+
color: #fff;
|
253
|
+
background-color: #d9534f;
|
254
|
+
border-color: #d43f3a;
|
255
|
+
}
|
256
|
+
|
257
|
+
|
258
|
+
// Link buttons
|
259
|
+
// -------------------------
|
260
|
+
|
261
|
+
// Make a button look and behave like a link
|
262
|
+
.button-link {
|
263
|
+
background-color: transparent;
|
264
|
+
box-shadow: none;
|
265
|
+
color: #337ab7;
|
266
|
+
font-weight: normal;
|
267
|
+
border-radius: 0;
|
268
|
+
&:active,
|
269
|
+
&.active,
|
270
|
+
&[disabled],
|
271
|
+
fieldset[disabled] & {
|
272
|
+
background-color: transparent;
|
273
|
+
box-shadow: none;
|
274
|
+
}
|
275
|
+
&:hover,
|
276
|
+
&:focus,
|
277
|
+
&:active {
|
278
|
+
border-color: transparent;
|
279
|
+
box-shadow: none;
|
280
|
+
}
|
281
|
+
&:hover,
|
282
|
+
&:focus {
|
283
|
+
color: #23527c;
|
284
|
+
text-decoration: underline;
|
285
|
+
background-color: transparent;
|
286
|
+
}
|
287
|
+
&[disabled],
|
288
|
+
fieldset[disabled] & {
|
289
|
+
&:hover,
|
290
|
+
&:focus {
|
291
|
+
color: #23527c;
|
292
|
+
text-decoration: none;
|
293
|
+
opacity: .65;
|
294
|
+
}
|
295
|
+
}
|
296
|
+
}
|
297
|
+
|
298
|
+
// Block button
|
299
|
+
// --------------------------------------------------
|
300
|
+
|
301
|
+
.button-block {
|
302
|
+
display: block;
|
303
|
+
width: 100%;
|
304
|
+
}
|
305
|
+
|
306
|
+
// Vertically space out multiple block buttons
|
307
|
+
.button-block + .button-block {
|
308
|
+
margin-top: 5px;
|
309
|
+
}
|
310
|
+
|
311
|
+
// Specificity overrides
|
312
|
+
input[type="submit"],
|
313
|
+
input[type="reset"],
|
314
|
+
input[type="button"] {
|
315
|
+
&.button-block {
|
316
|
+
width: 100%;
|
317
|
+
}
|
318
|
+
}
|
319
|
+
|
320
|
+
// buttons with icon
|
321
|
+
//
|
322
|
+
// After change style..
|
113
323
|
|
114
324
|
.iconComment16 {
|
115
|
-
|
325
|
+
background:url('icon_sprite_grid_16px.png') -48px 0px no-repeat;
|
116
326
|
}
|
117
327
|
|
118
328
|
.iconFilter16 {
|
119
|
-
|
329
|
+
background:url('icon_sprite_grid_16px.png') -64px 0px no-repeat;
|
120
330
|
}
|
121
331
|
|
122
332
|
.iconConfig16 {
|
123
|
-
|
333
|
+
background:url('icon_sprite_grid_16px.png') -80px 0px no-repeat;
|
124
334
|
}
|
125
335
|
|
126
336
|
.iconDownload16 {
|
127
|
-
|
337
|
+
background:url('icon_sprite_grid_16px.png') 0px -144px no-repeat;
|
128
338
|
}
|
data/lib/padma-assets/version.rb
CHANGED
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: padma-assets
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.0.
|
4
|
+
version: 0.0.14
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Dwayne Macgowan
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2015-03-
|
11
|
+
date: 2015-03-10 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: railties
|