active_frontend 12.4.3 → 12.4.4
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 +4 -4
- data/lib/active_frontend/version.rb +1 -1
- data/vendor/assets/stylesheets/_header.scss +152 -5
- 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: 3b3624f118b7ca9dfc452a5eb636402bfd65b229
|
|
4
|
+
data.tar.gz: 1de53e46da0a1891a4b28033f7ab93c28e9d0b0a
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 48d5e9c8f9984599263a650c49922dc67d37fe038e62be48cf3241b9624cb8a8672037e357dcaedf0f40a226886b0be3e7d6e36bfab8e293bb54e1c80cbe7714
|
|
7
|
+
data.tar.gz: 6528d6514f04cfef85d985d9453a13db97a340a3e76944c7ebc65a2dd3bed13429110ed638435a5279a7d684f98adb621460fd567da1603e4c5de26428980965
|
|
@@ -102,10 +102,10 @@
|
|
|
102
102
|
vertical-align: middle;
|
|
103
103
|
}
|
|
104
104
|
.header-btn-group > li.divider > a {
|
|
105
|
-
width: 240px;
|
|
106
105
|
padding-left: 20px;
|
|
107
106
|
padding-right: 20px;
|
|
108
107
|
}
|
|
108
|
+
.header-btn-group > li.divider.fixed > a { width: 280px; }
|
|
109
109
|
.header-nav > li.lined > a { padding-bottom: 20px; }
|
|
110
110
|
.header-btn-group > li > a:hover,
|
|
111
111
|
.header-btn-group > li > a:focus,
|
|
@@ -235,6 +235,120 @@
|
|
|
235
235
|
border-color: darken($color-tertiary, 2%);
|
|
236
236
|
color: $color-white;
|
|
237
237
|
}
|
|
238
|
+
.header-collapse {
|
|
239
|
+
background: $color-white;
|
|
240
|
+
border: 1px solid;
|
|
241
|
+
border-color: inherit;
|
|
242
|
+
border-bottom-left-radius: 3px;
|
|
243
|
+
border-bottom-right-radius: 3px;
|
|
244
|
+
box-sizing: border-box;
|
|
245
|
+
font-size: 13px;
|
|
246
|
+
font-weight: normal;
|
|
247
|
+
line-height: 1;
|
|
248
|
+
overflow: hidden;
|
|
249
|
+
position: fixed;
|
|
250
|
+
text-transform: none;
|
|
251
|
+
top: 60px;
|
|
252
|
+
width: 240px;
|
|
253
|
+
}
|
|
254
|
+
.header-collapse-title {
|
|
255
|
+
border-bottom: 1px solid;
|
|
256
|
+
border-color: inherit;
|
|
257
|
+
box-sizing: border-box;
|
|
258
|
+
display: table;
|
|
259
|
+
font-size: 12px;
|
|
260
|
+
line-height: 1;
|
|
261
|
+
table-layout: fixed;
|
|
262
|
+
vertical-align: middle;
|
|
263
|
+
max-width: 100%;
|
|
264
|
+
width: 100%;
|
|
265
|
+
}
|
|
266
|
+
.header-collapse-title h1,
|
|
267
|
+
.header-collapse-title h2,
|
|
268
|
+
.header-collapse-title h3,
|
|
269
|
+
.header-collapse-title h4,
|
|
270
|
+
.header-collapse-title h5,
|
|
271
|
+
.header-collapse-title h6,
|
|
272
|
+
.header-collapse-title-btn {
|
|
273
|
+
box-sizing: border-box;
|
|
274
|
+
display: table-cell;
|
|
275
|
+
line-height: 1;
|
|
276
|
+
vertical-align: middle;
|
|
277
|
+
}
|
|
278
|
+
.header-collapse-title h1,
|
|
279
|
+
.header-collapse-title h2,
|
|
280
|
+
.header-collapse-title h3,
|
|
281
|
+
.header-collapse-title h4,
|
|
282
|
+
.header-collapse-title h5,
|
|
283
|
+
.header-collapse-title h6 {
|
|
284
|
+
font-size: 11px;
|
|
285
|
+
font-weight: 500;
|
|
286
|
+
letter-spacing: 1px;
|
|
287
|
+
margin: 0;
|
|
288
|
+
padding: 10px;
|
|
289
|
+
text-transform: uppercase;
|
|
290
|
+
}
|
|
291
|
+
.header-collapse-title-btn {
|
|
292
|
+
border-left: 1px solid;
|
|
293
|
+
border-color: inherit;
|
|
294
|
+
color: $color-primary;
|
|
295
|
+
font-size: 18px;
|
|
296
|
+
padding-top: 2px;
|
|
297
|
+
text-align: center;
|
|
298
|
+
width: 33px;
|
|
299
|
+
}
|
|
300
|
+
.header-collapse-title-btn:hover,
|
|
301
|
+
.header-collapse-title-btn.active,
|
|
302
|
+
.header-collapse-title-btn:active,
|
|
303
|
+
.header-collapse-title-btn:focus { background: $color-light-haze; }
|
|
304
|
+
.header-collapse-navbar {
|
|
305
|
+
border-collapse: separate;
|
|
306
|
+
border-bottom: 1px solid;
|
|
307
|
+
border-color: inherit;
|
|
308
|
+
box-sizing: border-box;
|
|
309
|
+
display: table;
|
|
310
|
+
height: 40px;
|
|
311
|
+
table-layout: fixed;
|
|
312
|
+
width: 100%;
|
|
313
|
+
}
|
|
314
|
+
.header-collapse-navbar > a {
|
|
315
|
+
background: $color-light-haze;
|
|
316
|
+
border-right: 1px solid;
|
|
317
|
+
border-color: inherit;
|
|
318
|
+
display: table-cell;
|
|
319
|
+
float: none;
|
|
320
|
+
font-size: 18px;
|
|
321
|
+
padding-top: 10px;
|
|
322
|
+
text-align: center;
|
|
323
|
+
width: 1%;
|
|
324
|
+
}
|
|
325
|
+
.header-collapse-navbar > a:last-child { border: 0; }
|
|
326
|
+
.header-collapse-navbar > a:hover,
|
|
327
|
+
.header-collapse-navbar > a.active,
|
|
328
|
+
.header-collapse-navbar > a:active,
|
|
329
|
+
.header-collapse-navbar > a:focus {
|
|
330
|
+
background: $color-transparent !important;
|
|
331
|
+
color: $color-primary;
|
|
332
|
+
}
|
|
333
|
+
.header-collapse-navbar-indicator {
|
|
334
|
+
background: $color-primary;
|
|
335
|
+
border-radius: 500px;
|
|
336
|
+
display: inline-block;
|
|
337
|
+
height: 8px;
|
|
338
|
+
margin: -7px 0 0 -13px;
|
|
339
|
+
position: absolute;
|
|
340
|
+
width: 8px;
|
|
341
|
+
}
|
|
342
|
+
.header-collapse-form {
|
|
343
|
+
border-bottom: 1px solid;
|
|
344
|
+
border-color: inherit;
|
|
345
|
+
padding: 8px 10px 5px 10px;
|
|
346
|
+
}
|
|
347
|
+
.header-collapse-action {
|
|
348
|
+
border-top: 1px solid;
|
|
349
|
+
border-color: inherit;
|
|
350
|
+
padding: 10px;
|
|
351
|
+
}
|
|
238
352
|
.header-user {
|
|
239
353
|
float: right;
|
|
240
354
|
font-size: 13px;
|
|
@@ -287,6 +401,7 @@
|
|
|
287
401
|
================================================== */
|
|
288
402
|
.header-dark,
|
|
289
403
|
.header-dark .header-btn-group,
|
|
404
|
+
.header-dark .header-collapse,
|
|
290
405
|
.header-dark .header-nav,
|
|
291
406
|
.header-dark .header-nav-alt,
|
|
292
407
|
.header-dark .header-toolchain {
|
|
@@ -294,11 +409,17 @@
|
|
|
294
409
|
border-color: $color-dark-black !important;
|
|
295
410
|
color: $color-white;
|
|
296
411
|
}
|
|
412
|
+
.header-dark .header-collapse-title-btn:hover,
|
|
413
|
+
.header-dark .header-collapse-title-btn.active,
|
|
414
|
+
.header-dark .header-collapse-title-btn:active,
|
|
415
|
+
.header-dark .header-collapse-title-btn:focus,
|
|
416
|
+
.header-dark .header-collapse-navbar > a,
|
|
297
417
|
.header-dark .header-btn-group > li.header-btn-group-nav > a:hover,
|
|
298
418
|
.header-dark .header-btn-group > li.header-btn-group-nav > a:focus { background: $color-light-black; }
|
|
299
419
|
.header-dark.header-shadow { box-shadow: 0 1px 2px $color-dark-black; }
|
|
300
420
|
.header-invisible,
|
|
301
421
|
.header-invisible .header-btn-group,
|
|
422
|
+
.header-invisible .header-collapse,
|
|
302
423
|
.header-invisible .header-nav,
|
|
303
424
|
.header-invisible .header-nav-alt,
|
|
304
425
|
.header-invisible .header-toolchain {
|
|
@@ -308,12 +429,18 @@
|
|
|
308
429
|
.header-invisible.header-shadow { box-shadow: 0; }
|
|
309
430
|
.header-light,
|
|
310
431
|
.header-light .header-btn-group,
|
|
432
|
+
.header-light .header-collapse,
|
|
311
433
|
.header-light .header-nav,
|
|
312
434
|
.header-light .header-nav-alt,
|
|
313
435
|
.header-light .header-toolchain {
|
|
314
436
|
background: $color-light-haze;
|
|
315
437
|
border-color: $color-dark-haze;
|
|
316
438
|
}
|
|
439
|
+
.header-light .header-collapse-title-btn:hover,
|
|
440
|
+
.header-light .header-collapse-title-btn.active,
|
|
441
|
+
.header-light .header-collapse-title-btn:active,
|
|
442
|
+
.header-light .header-collapse-title-btn:focus,
|
|
443
|
+
.header-light .header-collapse-navbar > a,
|
|
317
444
|
.header-light .header-btn-group > li.header-btn-group-nav > a:hover,
|
|
318
445
|
.header-light .header-btn-group > li.header-btn-group-nav > a:focus { background: $color-dark-haze; }
|
|
319
446
|
.header-light.header-shadow { box-shadow: 0 1px 2px lighten($color-light-gray, 15%); }
|
|
@@ -358,13 +485,13 @@
|
|
|
358
485
|
/* # Media Queries
|
|
359
486
|
================================================== */
|
|
360
487
|
@media only screen and (max-width: 1365px) {
|
|
361
|
-
.header-btn-group > li.divider > a { width:
|
|
488
|
+
.header-btn-group > li.divider.fixed > a { width: 250px; }
|
|
362
489
|
}
|
|
363
490
|
@media only screen and (max-width: 1199px) {
|
|
364
|
-
.header-btn-group > li.divider > a { width:
|
|
491
|
+
.header-btn-group > li.divider.fixed > a { width: 220px; }
|
|
365
492
|
}
|
|
366
493
|
@media only screen and (max-width: 959px) {
|
|
367
|
-
.header-btn-group > li.divider > a { width:
|
|
494
|
+
.header-btn-group > li.divider.fixed > a { width: 200px; }
|
|
368
495
|
}
|
|
369
496
|
@media only screen and (max-width: 767px) {
|
|
370
497
|
.header {
|
|
@@ -387,7 +514,20 @@ only screen and ( min-resolution: 2dppx) {
|
|
|
387
514
|
.header-btn-group > li.divider,
|
|
388
515
|
.header-btn-group > li.divider:first-child,
|
|
389
516
|
.header-btn-group > li.header-btn-group-nav,
|
|
390
|
-
.header-btn-group > li.header-btn-group-nav > a
|
|
517
|
+
.header-btn-group > li.header-btn-group-nav > a,
|
|
518
|
+
.header-collapse,
|
|
519
|
+
.header-collapse-title,
|
|
520
|
+
.header-collapse-title-btn,
|
|
521
|
+
.header-collapse-navbar,
|
|
522
|
+
.header-collapse-navbar > a,
|
|
523
|
+
.header-collapse-form,
|
|
524
|
+
.header-collapse-form input,
|
|
525
|
+
.header-collapse-form select,
|
|
526
|
+
.header-collapse-form textarea,
|
|
527
|
+
.header-collapse-form .form-select,
|
|
528
|
+
.header-collapse-form .form-input-group,
|
|
529
|
+
.header-collapse-form .form-file-group,
|
|
530
|
+
.header-collapse-action { border-width: 0.5px; }
|
|
391
531
|
.header-btn-group > li,
|
|
392
532
|
.header-nav > li,
|
|
393
533
|
.header-nav-alt > li {
|
|
@@ -395,4 +535,11 @@ only screen and ( min-resolution: 2dppx) {
|
|
|
395
535
|
letter-spacing: 0.5px;
|
|
396
536
|
}
|
|
397
537
|
.header-btn-group > li > a { height: 59.5px; }
|
|
538
|
+
.header-collapse-title h1,
|
|
539
|
+
.header-collapse-title h2,
|
|
540
|
+
.header-collapse-title h3,
|
|
541
|
+
.header-collapse-title h4,
|
|
542
|
+
.header-collapse-title h5,
|
|
543
|
+
.header-collapse-title h6 { letter-spacing: 0.5px; }
|
|
544
|
+
.header-collapse-navbar-indicator { margin: -6.5px 0 0 -10.5px; }
|
|
398
545
|
}
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: active_frontend
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 12.4.
|
|
4
|
+
version: 12.4.4
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Juan Gomez
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: exe
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2016-02-
|
|
11
|
+
date: 2016-02-10 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: rails
|