forever_style_guide 4.2.0 → 4.2.3
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/assets/fonts/caladea-regular.woff +0 -0
- data/app/assets/fonts/caladea-regular.woff2 +0 -0
- data/app/assets/stylesheets/forever_style_guide/globals/_colors.scss +1 -0
- data/app/assets/stylesheets/forever_style_guide/globals/_fonts.scss +16 -0
- data/app/assets/stylesheets/forever_style_guide/modules/_all.scss +1 -1
- data/app/assets/stylesheets/forever_style_guide/modules/_primary_nav.scss +101 -22
- data/lib/forever_style_guide/version.rb +1 -1
- metadata +4 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 48772be6521101a2a0bdaf243c309a1dec58d006950ed7fc5afda0c91b460bcf
|
4
|
+
data.tar.gz: 764f6fb9c10ea8273eb2e31d5185ea7f2f40fe9f6294ad7ce1480d2c22145622
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 315056484d68fd19aa1a0d84ef0264d9977f4076185e3e35b4bf442af93694b5e733de4a28e6c971131618f9dce1f52c069f20d87dd6b961edf84255e5cba351
|
7
|
+
data.tar.gz: 2db479f5c9580659091d7b44e39b5101260e311473b12db2e480bea7277985c4964e5d72c1fc6e7325bfc5da71d06c33af13ff9b47570086e0716ea8449d9c01
|
Binary file
|
Binary file
|
@@ -11,6 +11,7 @@ $color-forever_valet: colorify('valet', #50bd94) !default;
|
|
11
11
|
$color-forever_services: colorify('services', #39b3be) !default;
|
12
12
|
$color-forever_artisan: colorify('artisan', #28a6de) !default;
|
13
13
|
$color-forever_blue: colorify('blue', #2b91cf) !default;
|
14
|
+
$color-forever_dark-blue: colorify('dark-blue', #007198) !default;
|
14
15
|
$color-forever_ambassador: colorify('ambassador', #a4314c) !default;
|
15
16
|
$color-forever_ambassador-unassigned: colorify('ambassador-unassigned', #2d8e97) !default;
|
16
17
|
$color-forever_p2p: colorify('p2p', #f89406) !default;
|
@@ -87,3 +87,19 @@ $font-weight-inherit: weightify('inherit', inherit) !default;
|
|
87
87
|
font-weight: #{$font-weight};
|
88
88
|
}
|
89
89
|
}
|
90
|
+
|
91
|
+
|
92
|
+
/*caladea serif font*/
|
93
|
+
@font-face {
|
94
|
+
font-family: 'Caladea';
|
95
|
+
src: font-url('caladea-regular.woff2') format('woff2'),
|
96
|
+
font-url('caladea-regular.woff') format('woff');
|
97
|
+
}
|
98
|
+
|
99
|
+
.font-serif {
|
100
|
+
font-family: 'Caladea', serif;
|
101
|
+
font-weight: normal;
|
102
|
+
letter-spacing: 0.035rem;
|
103
|
+
}
|
104
|
+
|
105
|
+
$font-face-serif: 'Caladea, serif';
|
@@ -20,6 +20,20 @@ $f-nav-icon-hover: #bce5fd;
|
|
20
20
|
}
|
21
21
|
|
22
22
|
.f-primary_nav {
|
23
|
+
/* These rules are to bring the nav look closer to what mars/fui are displaying. They are not needed for mars/fui, as they are applied globally there */
|
24
|
+
-webkit-font-smoothing: antialiased;
|
25
|
+
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {
|
26
|
+
image-rendering: -webkit-optimize-contrast !important;
|
27
|
+
}
|
28
|
+
|
29
|
+
/* Unset for Safari 11+ */
|
30
|
+
@media not all and (min-resolution: .001dpcm) {
|
31
|
+
@supports (-webkit-appearance: none) and (stroke-color: transparent) {
|
32
|
+
image-rendering: unset !important;
|
33
|
+
}
|
34
|
+
}
|
35
|
+
/* end of specific rules */
|
36
|
+
|
23
37
|
width: 100%;
|
24
38
|
background-color: #007198;
|
25
39
|
|
@@ -448,13 +462,14 @@ $f-nav-icon-hover: #bce5fd;
|
|
448
462
|
&:nth-child(even) { background-color: $color-gray-200; }
|
449
463
|
|
450
464
|
a {
|
465
|
+
color: #007198; // heroblue default
|
451
466
|
display: block;
|
452
467
|
font-family: $font-face-semibold;
|
453
468
|
line-height: 1;
|
454
469
|
}
|
455
470
|
|
456
471
|
p {
|
457
|
-
margin: 0;
|
472
|
+
margin: 10px 0 10px 0;
|
458
473
|
color: $color-forever_gray;
|
459
474
|
font-family: $font-face-regular;
|
460
475
|
line-height: 1.4;
|
@@ -462,30 +477,26 @@ $f-nav-icon-hover: #bce5fd;
|
|
462
477
|
|
463
478
|
> a { font-size: 20px; }
|
464
479
|
|
465
|
-
.f-primary_nav_cpmeganav_title {
|
466
|
-
display: block;
|
467
|
-
font-family: $font-face-semibold;
|
468
|
-
line-height: 1;
|
469
|
-
font-size: 20px;
|
470
|
-
}
|
471
|
-
|
472
480
|
> p { font-size: $font-size-200; }
|
473
481
|
|
474
|
-
>
|
475
|
-
|
482
|
+
> .f-primary_nav_cpmeganav-categories {
|
483
|
+
margin: 20px -10px 0 -10px; // -10px offsets li padding within
|
476
484
|
display: flex;
|
477
485
|
flex-wrap: wrap;
|
478
486
|
justify-content: flex-start;
|
479
487
|
|
480
488
|
> li {
|
481
|
-
min-width:
|
482
|
-
max-width:
|
489
|
+
min-width: 115px;
|
490
|
+
max-width: 140px;
|
483
491
|
min-height: 60px;
|
484
492
|
margin-bottom: 20px;
|
493
|
+
padding: 0;
|
485
494
|
|
486
495
|
img {
|
487
|
-
|
496
|
+
margin: 0 0 10px 10px;
|
488
497
|
width: 60px;
|
498
|
+
height: 60px;
|
499
|
+
object-fit: contain;
|
489
500
|
}
|
490
501
|
|
491
502
|
> a {
|
@@ -496,7 +507,7 @@ $f-nav-icon-hover: #bce5fd;
|
|
496
507
|
|
497
508
|
> p {
|
498
509
|
font-size: 12px;
|
499
|
-
margin: 4px 0 0
|
510
|
+
margin: 4px 0 0 10px;
|
500
511
|
}
|
501
512
|
|
502
513
|
span.badge {
|
@@ -512,8 +523,8 @@ $f-nav-icon-hover: #bce5fd;
|
|
512
523
|
line-height: 1;
|
513
524
|
}
|
514
525
|
|
515
|
-
>
|
516
|
-
margin: 2px 0 0
|
526
|
+
> .f-primary_nav_cpmeganav-products {
|
527
|
+
margin: 2px 0 0 10px;
|
517
528
|
|
518
529
|
> li {
|
519
530
|
margin: 0 0 2px;
|
@@ -528,6 +539,34 @@ $f-nav-icon-hover: #bce5fd;
|
|
528
539
|
}
|
529
540
|
}
|
530
541
|
}
|
542
|
+
|
543
|
+
&.f-primary_nav_cpmeganav-scrapbooking {
|
544
|
+
> ul {
|
545
|
+
flex-wrap: unset;
|
546
|
+
justify-content: unset;
|
547
|
+
gap: 10px;
|
548
|
+
|
549
|
+
margin-right: 0;
|
550
|
+
margin-left: 0;
|
551
|
+
|
552
|
+
> li {
|
553
|
+
padding: 0;
|
554
|
+
max-width: 300px;
|
555
|
+
|
556
|
+
flex: 1;
|
557
|
+
|
558
|
+
img {
|
559
|
+
margin: 0;
|
560
|
+
float: left;
|
561
|
+
width: 60px;
|
562
|
+
}
|
563
|
+
|
564
|
+
p {
|
565
|
+
margin: 4px 0 0 70px;
|
566
|
+
}
|
567
|
+
}
|
568
|
+
}
|
569
|
+
}
|
531
570
|
}
|
532
571
|
}
|
533
572
|
|
@@ -566,17 +605,39 @@ $f-nav-icon-hover: #bce5fd;
|
|
566
605
|
display: flex;
|
567
606
|
|
568
607
|
> li {
|
569
|
-
> p {
|
608
|
+
> p {
|
609
|
+
margin: 10px 0;
|
610
|
+
min-height: 42px;
|
611
|
+
}
|
570
612
|
|
571
|
-
|
613
|
+
&.f-primary_nav_cpmeganav-autoprint,
|
614
|
+
&.f-primary_nav_cpmeganav-design,
|
615
|
+
&.f-primary_nav_cpmeganav-scrapbooking {
|
616
|
+
width: 33%;
|
617
|
+
}
|
572
618
|
|
573
|
-
|
574
|
-
width: 44%;
|
619
|
+
&.f-primary_nav_cpmeganav-design {
|
575
620
|
background-color: transparent;
|
576
621
|
border-style: solid;
|
577
622
|
border-width: 0 1px;
|
578
623
|
border-color: $color-gray-400;
|
579
624
|
}
|
625
|
+
|
626
|
+
> .f-primary_nav_cpmeganav-categories > li {
|
627
|
+
min-width: 130px;
|
628
|
+
max-width: 300px;
|
629
|
+
flex: 1;
|
630
|
+
}
|
631
|
+
|
632
|
+
&.f-primary_nav_cpmeganav-scrapbooking {
|
633
|
+
> ul {
|
634
|
+
flex-wrap: wrap;
|
635
|
+
|
636
|
+
> li {
|
637
|
+
flex: unset;
|
638
|
+
}
|
639
|
+
}
|
640
|
+
}
|
580
641
|
}
|
581
642
|
}
|
582
643
|
}
|
@@ -589,8 +650,26 @@ $f-nav-icon-hover: #bce5fd;
|
|
589
650
|
|
590
651
|
.f-primary_nav_cpmeganav {
|
591
652
|
> li {
|
592
|
-
|
593
|
-
|
653
|
+
&.f-primary_nav_cpmeganav-autoprint { width: 32%; }
|
654
|
+
&.f-primary_nav_cpmeganav-design { width: 42%; }
|
655
|
+
&.f-primary_nav_cpmeganav-scrapbooking { width: 26%; }
|
656
|
+
|
657
|
+
> .f-primary_nav_cpmeganav-categories > li {
|
658
|
+
flex: unset;
|
659
|
+
|
660
|
+
&.f-primary_nav_cpmeganav-photo-prints {
|
661
|
+
width: 100%;
|
662
|
+
max-width: unset;
|
663
|
+
|
664
|
+
img {
|
665
|
+
margin-right: 10px;
|
666
|
+
float: left;
|
667
|
+
}
|
668
|
+
|
669
|
+
a { margin: 14px 0 0; }
|
670
|
+
p { margin-left: 0; }
|
671
|
+
}
|
672
|
+
}
|
594
673
|
}
|
595
674
|
}
|
596
675
|
}
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: forever_style_guide
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 4.2.
|
4
|
+
version: 4.2.3
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Nicholas McClay
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2022-
|
11
|
+
date: 2022-07-14 00:00:00.000000000 Z
|
12
12
|
dependencies: []
|
13
13
|
description: Install this as a gem in your Forever app and it will expose style guide
|
14
14
|
through /style-guide route
|
@@ -42,6 +42,8 @@ files:
|
|
42
42
|
- app/assets/fonts/ProximaNova-Sbold-webfont.svg
|
43
43
|
- app/assets/fonts/ProximaNova-Sbold-webfont.ttf
|
44
44
|
- app/assets/fonts/ProximaNova-Sbold-webfont.woff
|
45
|
+
- app/assets/fonts/caladea-regular.woff
|
46
|
+
- app/assets/fonts/caladea-regular.woff2
|
45
47
|
- app/assets/images/forever_style_guide/artisan-logo-sm.png
|
46
48
|
- app/assets/images/forever_style_guide/artisan-logo.png
|
47
49
|
- app/assets/images/forever_style_guide/check.png
|