power-compass 0.5.0 → 0.5.1
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/app/assets/builds/compass/layout.css +39 -36
- data/lib/compass/version.rb +1 -1
- metadata +1 -2
- data/vendor/assets/stylesheets/compass/layout.css +0 -823
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 719e6a292a665ca861af7bc67fc0e60d9b0bbcc5303b358988450178744568c1
|
|
4
|
+
data.tar.gz: 0fdb94018c58431b1bd131fd5c0bc063ab38bcf25d2243fd2408bcc54c2ecbd4
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: ac3054cdee5acf69b7f2f4ed71a528940b13728a44568dd800221cb1a11d9028573edf5a491b50fc55b2b59eeed8b01a8ad8320bfec4700fdeea773ea7b5483e
|
|
7
|
+
data.tar.gz: 4d9d5785bf1f07fd37dda55fd9e2348735dc7243756d088b43fe13f70f299337c5f0f0302ea4d511c2e36e9f1a6a175939a18cf129a234f406a9eeab24d7f0d8
|
|
@@ -595,6 +595,10 @@ Background colors ------------------*/
|
|
|
595
595
|
/* line 16, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
596
596
|
.nitro-navigation .compass-logo {
|
|
597
597
|
display: block;
|
|
598
|
+
}
|
|
599
|
+
|
|
600
|
+
/* line 19, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
601
|
+
.nitro-navigation .compass-logo img {
|
|
598
602
|
max-height: 32px;
|
|
599
603
|
}
|
|
600
604
|
|
|
@@ -605,19 +609,19 @@ Background colors ------------------*/
|
|
|
605
609
|
}
|
|
606
610
|
}
|
|
607
611
|
|
|
608
|
-
/* line
|
|
612
|
+
/* line 28, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
609
613
|
.nitro-navigation .compass-logo-mobile {
|
|
610
614
|
display: none;
|
|
611
615
|
}
|
|
612
616
|
|
|
613
617
|
@media screen and (max-width: 574px) {
|
|
614
|
-
/* line
|
|
618
|
+
/* line 28, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
615
619
|
.nitro-navigation .compass-logo-mobile {
|
|
616
620
|
display: block;
|
|
617
621
|
}
|
|
618
622
|
}
|
|
619
623
|
|
|
620
|
-
/* line
|
|
624
|
+
/* line 36, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
621
625
|
.nitro-navigation .navigation-topbar {
|
|
622
626
|
margin: 0;
|
|
623
627
|
border-bottom: 0;
|
|
@@ -629,7 +633,7 @@ Background colors ------------------*/
|
|
|
629
633
|
justify-content: space-between;
|
|
630
634
|
}
|
|
631
635
|
|
|
632
|
-
/* line
|
|
636
|
+
/* line 46, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
633
637
|
.nitro-navigation .navigation-topbar-left, .nitro-navigation .navigation-topbar-center, .nitro-navigation .navigation-topbar-right {
|
|
634
638
|
position: static;
|
|
635
639
|
padding: 0 32px;
|
|
@@ -639,145 +643,145 @@ Background colors ------------------*/
|
|
|
639
643
|
}
|
|
640
644
|
|
|
641
645
|
@media screen and (max-width: 767px) {
|
|
642
|
-
/* line
|
|
646
|
+
/* line 46, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
643
647
|
.nitro-navigation .navigation-topbar-left, .nitro-navigation .navigation-topbar-center, .nitro-navigation .navigation-topbar-right {
|
|
644
648
|
padding: 0 8px;
|
|
645
649
|
}
|
|
646
650
|
}
|
|
647
651
|
|
|
648
652
|
@media screen and (max-width: 767px) {
|
|
649
|
-
/* line
|
|
653
|
+
/* line 59, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
650
654
|
.nitro-navigation .navigation-topbar-center {
|
|
651
655
|
flex: 1;
|
|
652
656
|
}
|
|
653
657
|
}
|
|
654
658
|
|
|
655
|
-
/* line
|
|
659
|
+
/* line 64, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
656
660
|
.nitro-navigation .navigation-topbar-right {
|
|
657
661
|
color: #FFFFFF;
|
|
658
662
|
margin: 2px;
|
|
659
663
|
}
|
|
660
664
|
|
|
661
665
|
@media screen and (max-width: 767px) {
|
|
662
|
-
/* line
|
|
666
|
+
/* line 64, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
663
667
|
.nitro-navigation .navigation-topbar-right {
|
|
664
668
|
flex: 0;
|
|
665
669
|
padding-right: 0px;
|
|
666
670
|
}
|
|
667
671
|
}
|
|
668
672
|
|
|
669
|
-
/* line
|
|
673
|
+
/* line 73, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
670
674
|
.nitro-navigation .navigation-topbar-right .impersonating {
|
|
671
675
|
border: 2px solid #ff7034;
|
|
672
676
|
}
|
|
673
677
|
|
|
674
|
-
/* line
|
|
678
|
+
/* line 78, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
675
679
|
.nitro-navigation .navigation-topbar-right .dropdown_wrapper .pb_dropdown_container {
|
|
676
680
|
min-width: 280px;
|
|
677
681
|
max-height: calc(100vh - 90px);
|
|
678
682
|
}
|
|
679
683
|
|
|
680
|
-
/* line
|
|
684
|
+
/* line 82, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
681
685
|
.nitro-navigation .navigation-topbar-right .dropdown_wrapper .pb_dropdown_container > [class*="pb_dropdown_option"][class*="selected"] [class^="pb_body"] {
|
|
682
686
|
color: #687887 !important;
|
|
683
687
|
}
|
|
684
688
|
|
|
685
|
-
/* line
|
|
689
|
+
/* line 87, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
686
690
|
.nitro-navigation .navigation-topbar-right .dropdown_wrapper div[data-dropdown-custom-trigger] {
|
|
687
691
|
display: block !important;
|
|
688
692
|
}
|
|
689
693
|
|
|
690
|
-
/* line
|
|
694
|
+
/* line 92, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
691
695
|
.nitro-navigation .navigation-topbar-right .dropdown_wrapper:has(svg.svg_3x) .pb_dropdown_trigger {
|
|
692
696
|
width: 65px !important;
|
|
693
697
|
}
|
|
694
698
|
|
|
695
|
-
/* line
|
|
699
|
+
/* line 96, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
696
700
|
.nitro-navigation .navigation-topbar-right .dropdown_wrapper:has(svg.svg_3x) .icon-caret svg.svg_xs {
|
|
697
701
|
position: relative !important;
|
|
698
702
|
right: 10px !important;
|
|
699
703
|
}
|
|
700
704
|
|
|
701
|
-
/* line
|
|
705
|
+
/* line 103, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
702
706
|
.nitro-navigation .navigation-topbar-right .dropdown_wrapper:has(svg.svg_2x) .pb_dropdown_trigger {
|
|
703
707
|
width: 45px !important;
|
|
704
708
|
}
|
|
705
709
|
|
|
706
|
-
/* line
|
|
710
|
+
/* line 107, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
707
711
|
.nitro-navigation .navigation-topbar-right .dropdown_wrapper:has(svg.svg_2x) .icon-caret svg.svg_xs {
|
|
708
712
|
position: relative !important;
|
|
709
713
|
right: 5px !important;
|
|
710
714
|
}
|
|
711
715
|
|
|
712
|
-
/* line
|
|
716
|
+
/* line 113, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
713
717
|
.nitro-navigation .navigation-topbar-right .dropdown_wrapper .pb_dropdown_trigger img {
|
|
714
718
|
width: 38px;
|
|
715
719
|
border-radius: 1000px;
|
|
716
720
|
}
|
|
717
721
|
|
|
718
|
-
/* line
|
|
722
|
+
/* line 120, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
719
723
|
.nitro-navigation .navigation-topbar-right .menu-section-options li {
|
|
720
724
|
padding: 0px;
|
|
721
725
|
}
|
|
722
726
|
|
|
723
|
-
/* line
|
|
727
|
+
/* line 122, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
724
728
|
.nitro-navigation .navigation-topbar-right .menu-section-options li svg {
|
|
725
729
|
margin-right: 8px;
|
|
726
730
|
}
|
|
727
731
|
|
|
728
|
-
/* line
|
|
732
|
+
/* line 126, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
729
733
|
.nitro-navigation .navigation-topbar-right .menu-section-options a {
|
|
730
734
|
color: #687887;
|
|
731
735
|
}
|
|
732
736
|
|
|
733
|
-
/* line
|
|
737
|
+
/* line 129, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
734
738
|
.nitro-navigation .navigation-topbar-right .menu-section-options:hover {
|
|
735
739
|
background-color: #F3F7FB;
|
|
736
740
|
}
|
|
737
741
|
|
|
738
|
-
/* line
|
|
742
|
+
/* line 133, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
739
743
|
.nitro-navigation .navigation-topbar-right .pb_dropdown_option_selected_focused,
|
|
740
744
|
.nitro-navigation .navigation-topbar-right .pb_dropdown_option_selected {
|
|
741
745
|
background-color: unset !important;
|
|
742
746
|
}
|
|
743
747
|
|
|
744
|
-
/* line
|
|
748
|
+
/* line 138, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
745
749
|
.nitro-navigation .navigation-topbar-right [class^="pb_dropdown"] [class*="pb_list_kit"] li {
|
|
746
750
|
padding: 0px !important;
|
|
747
751
|
}
|
|
748
752
|
|
|
749
753
|
@media screen and (max-width: 767px) {
|
|
750
|
-
/* line
|
|
754
|
+
/* line 143, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
751
755
|
.nitro-navigation .navigation-topbar-left {
|
|
752
756
|
flex: 0;
|
|
753
757
|
padding-left: 0px;
|
|
754
758
|
}
|
|
755
759
|
}
|
|
756
760
|
|
|
757
|
-
/* line
|
|
761
|
+
/* line 150, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
758
762
|
.nitro-navigation .nitro-header-breadcrumbs-menu .breadcrumbs-separator {
|
|
759
763
|
width: 1px;
|
|
760
764
|
padding-top: 2px;
|
|
761
765
|
padding-bottom: 2px;
|
|
762
766
|
}
|
|
763
767
|
|
|
764
|
-
/* line
|
|
768
|
+
/* line 154, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
765
769
|
.nitro-navigation .nitro-header-breadcrumbs-menu .breadcrumbs-separator::before, .nitro-navigation .nitro-header-breadcrumbs-menu .breadcrumbs-separator::after {
|
|
766
770
|
background: rgba(255, 255, 255, 0.1);
|
|
767
771
|
}
|
|
768
772
|
|
|
769
|
-
/* line
|
|
773
|
+
/* line 159, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
770
774
|
.nitro-navigation .nitro-header-breadcrumbs-menu .breadcrumb-item {
|
|
771
775
|
white-space: nowrap;
|
|
772
776
|
}
|
|
773
777
|
|
|
774
|
-
/* line
|
|
778
|
+
/* line 162, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
775
779
|
.nitro-navigation .nitro-header-breadcrumbs-menu .breadcrumb-item:hover svg,
|
|
776
780
|
.nitro-navigation .nitro-header-breadcrumbs-menu .breadcrumb-item:hover .pb_detail_kit_color_light.dark {
|
|
777
781
|
color: #FFFFFF !important;
|
|
778
782
|
}
|
|
779
783
|
|
|
780
|
-
/* line
|
|
784
|
+
/* line 168, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
781
785
|
.nitro-navigation .nitro-header-breadcrumbs-menu .breadcrumb-item:first-child {
|
|
782
786
|
min-width: 59px;
|
|
783
787
|
}
|
|
@@ -787,25 +791,24 @@ body {
|
|
|
787
791
|
margin: 0px;
|
|
788
792
|
min-height: 100%;
|
|
789
793
|
height: auto;
|
|
790
|
-
background-color: #F00 !important;
|
|
791
794
|
}
|
|
792
795
|
|
|
793
|
-
/* line
|
|
796
|
+
/* line 17, ../../app/assets/stylesheets/compass/layout.scss */
|
|
794
797
|
html {
|
|
795
798
|
height: 100%;
|
|
796
799
|
}
|
|
797
800
|
|
|
798
|
-
/* line
|
|
801
|
+
/* line 21, ../../app/assets/stylesheets/compass/layout.scss */
|
|
799
802
|
html, body {
|
|
800
803
|
background: #F3F7FB;
|
|
801
804
|
}
|
|
802
805
|
|
|
803
|
-
/* line
|
|
806
|
+
/* line 27, ../../app/assets/stylesheets/compass/layout.scss */
|
|
804
807
|
.select2-drop {
|
|
805
808
|
z-index: 10014 !important;
|
|
806
809
|
}
|
|
807
810
|
|
|
808
|
-
/* line
|
|
811
|
+
/* line 30, ../../app/assets/stylesheets/compass/layout.scss */
|
|
809
812
|
.popover,
|
|
810
813
|
#colorbox,
|
|
811
814
|
#cboxOverlay,
|
|
@@ -813,12 +816,12 @@ html, body {
|
|
|
813
816
|
z-index: 10013 !important;
|
|
814
817
|
}
|
|
815
818
|
|
|
816
|
-
/* line
|
|
819
|
+
/* line 36, ../../app/assets/stylesheets/compass/layout.scss */
|
|
817
820
|
.modal {
|
|
818
821
|
z-index: 10012 !important;
|
|
819
822
|
}
|
|
820
823
|
|
|
821
|
-
/* line
|
|
824
|
+
/* line 39, ../../app/assets/stylesheets/compass/layout.scss */
|
|
822
825
|
.modal-backdrop {
|
|
823
826
|
z-index: 10011 !important;
|
|
824
827
|
}
|
data/lib/compass/version.rb
CHANGED
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: power-compass
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.5.
|
|
4
|
+
version: 0.5.1
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Carlos Palhares
|
|
@@ -124,7 +124,6 @@ files:
|
|
|
124
124
|
- lib/compass/search/view_context.rb
|
|
125
125
|
- lib/compass/version.rb
|
|
126
126
|
- lib/tasks/compass_tasks.rake
|
|
127
|
-
- vendor/assets/stylesheets/compass/layout.css
|
|
128
127
|
homepage: https://powerhrg.com
|
|
129
128
|
licenses:
|
|
130
129
|
- MIT
|
|
@@ -1,823 +0,0 @@
|
|
|
1
|
-
@charset "UTF-8";
|
|
2
|
-
/* Default Equations */
|
|
3
|
-
/* Penner Equations (approximated) originally created by @robpenner */
|
|
4
|
-
/* Accessible color tokens (WCAG-compliant) — defined in _colors_accessible.scss */
|
|
5
|
-
/*=====================================
|
|
6
|
-
Accessible Color Tokens (WCAG-compliant)
|
|
7
|
-
Source of truth for new color tokens, starting with accessible text, border, input, and status colors.
|
|
8
|
-
Do not document base values; document usage only.
|
|
9
|
-
=====================================*/
|
|
10
|
-
/* Text Colors ----------------------*/
|
|
11
|
-
/* Input Text & Icon Colors ----------------------*/
|
|
12
|
-
/* Input Background Colors ----------------------*/
|
|
13
|
-
/* Input Border Colors ----------------------*/
|
|
14
|
-
/* Status Text and Icon colors ----------------------*/
|
|
15
|
-
/* Status Background colors ----------------------*/
|
|
16
|
-
/* Status Icon Background colors ----------------------*/
|
|
17
|
-
/* Status Border colors ----------------------*/
|
|
18
|
-
/*=====================================
|
|
19
|
-
Base colors should not be documented.
|
|
20
|
-
Only document color use.
|
|
21
|
-
|
|
22
|
-
Colors -----------------------------*/
|
|
23
|
-
/* Specialty Gradient -----------------*/
|
|
24
|
-
/* Interface colors -------------------*/
|
|
25
|
-
/* Main colors ------------------------*/
|
|
26
|
-
/*=====================================
|
|
27
|
-
|
|
28
|
-
Background colors ------------------*/
|
|
29
|
-
/* Card colors ------------------*/
|
|
30
|
-
/* Active colors ----------------------*/
|
|
31
|
-
/* Hover colors -----------------------*/
|
|
32
|
-
/* Focus colors -----------------------*/
|
|
33
|
-
/* Border colors ----------------------*/
|
|
34
|
-
/* Shadow colors ----------------------*/
|
|
35
|
-
/* Text colors ------------------------*/
|
|
36
|
-
/* Data colors ------------------------*/
|
|
37
|
-
/* Status colors ----------------------*/
|
|
38
|
-
/* Link colors ------------------------*/
|
|
39
|
-
/* Product colors ---------------------*/
|
|
40
|
-
/* Category colors ---------------------*/
|
|
41
|
-
/* Accessible color tokens (WCAG-compliant) — defined in _colors_accessible.scss */
|
|
42
|
-
/*=====================================
|
|
43
|
-
Accessible Color Tokens (WCAG-compliant)
|
|
44
|
-
Source of truth for new color tokens, starting with accessible text, border, input, and status colors.
|
|
45
|
-
Do not document base values; document usage only.
|
|
46
|
-
=====================================*/
|
|
47
|
-
/* Text Colors ----------------------*/
|
|
48
|
-
/* Input Text & Icon Colors ----------------------*/
|
|
49
|
-
/* Input Background Colors ----------------------*/
|
|
50
|
-
/* Input Border Colors ----------------------*/
|
|
51
|
-
/* Status Text and Icon colors ----------------------*/
|
|
52
|
-
/* Status Background colors ----------------------*/
|
|
53
|
-
/* Status Icon Background colors ----------------------*/
|
|
54
|
-
/* Status Border colors ----------------------*/
|
|
55
|
-
/*=====================================
|
|
56
|
-
Base colors should not be documented.
|
|
57
|
-
Only document color use.
|
|
58
|
-
|
|
59
|
-
Colors -----------------------------*/
|
|
60
|
-
/* Specialty Gradient -----------------*/
|
|
61
|
-
/* Interface colors -------------------*/
|
|
62
|
-
/* Main colors ------------------------*/
|
|
63
|
-
/*=====================================
|
|
64
|
-
|
|
65
|
-
Background colors ------------------*/
|
|
66
|
-
/* Card colors ------------------*/
|
|
67
|
-
/* Active colors ----------------------*/
|
|
68
|
-
/* Hover colors -----------------------*/
|
|
69
|
-
/* Focus colors -----------------------*/
|
|
70
|
-
/* Border colors ----------------------*/
|
|
71
|
-
/* Shadow colors ----------------------*/
|
|
72
|
-
/* Text colors ------------------------*/
|
|
73
|
-
/* Data colors ------------------------*/
|
|
74
|
-
/* Status colors ----------------------*/
|
|
75
|
-
/* Link colors ------------------------*/
|
|
76
|
-
/* Product colors ---------------------*/
|
|
77
|
-
/* Category colors ---------------------*/
|
|
78
|
-
/* Accessible color tokens (WCAG-compliant) — defined in _colors_accessible.scss */
|
|
79
|
-
/*=====================================
|
|
80
|
-
Accessible Color Tokens (WCAG-compliant)
|
|
81
|
-
Source of truth for new color tokens, starting with accessible text, border, input, and status colors.
|
|
82
|
-
Do not document base values; document usage only.
|
|
83
|
-
=====================================*/
|
|
84
|
-
/* Text Colors ----------------------*/
|
|
85
|
-
/* Input Text & Icon Colors ----------------------*/
|
|
86
|
-
/* Input Background Colors ----------------------*/
|
|
87
|
-
/* Input Border Colors ----------------------*/
|
|
88
|
-
/* Status Text and Icon colors ----------------------*/
|
|
89
|
-
/* Status Background colors ----------------------*/
|
|
90
|
-
/* Status Icon Background colors ----------------------*/
|
|
91
|
-
/* Status Border colors ----------------------*/
|
|
92
|
-
/*=====================================
|
|
93
|
-
Base colors should not be documented.
|
|
94
|
-
Only document color use.
|
|
95
|
-
|
|
96
|
-
Colors -----------------------------*/
|
|
97
|
-
/* Specialty Gradient -----------------*/
|
|
98
|
-
/* Interface colors -------------------*/
|
|
99
|
-
/* Main colors ------------------------*/
|
|
100
|
-
/*=====================================
|
|
101
|
-
|
|
102
|
-
Background colors ------------------*/
|
|
103
|
-
/* Card colors ------------------*/
|
|
104
|
-
/* Active colors ----------------------*/
|
|
105
|
-
/* Hover colors -----------------------*/
|
|
106
|
-
/* Focus colors -----------------------*/
|
|
107
|
-
/* Border colors ----------------------*/
|
|
108
|
-
/* Shadow colors ----------------------*/
|
|
109
|
-
/* Text colors ------------------------*/
|
|
110
|
-
/* Data colors ------------------------*/
|
|
111
|
-
/* Status colors ----------------------*/
|
|
112
|
-
/* Link colors ------------------------*/
|
|
113
|
-
/* Product colors ---------------------*/
|
|
114
|
-
/* Category colors ---------------------*/
|
|
115
|
-
/* CLEAN UP AND REMOVE */
|
|
116
|
-
/* Headings */
|
|
117
|
-
/* Standard Font Weights */
|
|
118
|
-
/* Non_Standard Font Weights */
|
|
119
|
-
/* Link Colors */
|
|
120
|
-
/* Accessible color tokens (WCAG-compliant) — defined in _colors_accessible.scss */
|
|
121
|
-
/*=====================================
|
|
122
|
-
Accessible Color Tokens (WCAG-compliant)
|
|
123
|
-
Source of truth for new color tokens, starting with accessible text, border, input, and status colors.
|
|
124
|
-
Do not document base values; document usage only.
|
|
125
|
-
=====================================*/
|
|
126
|
-
/* Text Colors ----------------------*/
|
|
127
|
-
/* Input Text & Icon Colors ----------------------*/
|
|
128
|
-
/* Input Background Colors ----------------------*/
|
|
129
|
-
/* Input Border Colors ----------------------*/
|
|
130
|
-
/* Status Text and Icon colors ----------------------*/
|
|
131
|
-
/* Status Background colors ----------------------*/
|
|
132
|
-
/* Status Icon Background colors ----------------------*/
|
|
133
|
-
/* Status Border colors ----------------------*/
|
|
134
|
-
/*=====================================
|
|
135
|
-
Base colors should not be documented.
|
|
136
|
-
Only document color use.
|
|
137
|
-
|
|
138
|
-
Colors -----------------------------*/
|
|
139
|
-
/* Specialty Gradient -----------------*/
|
|
140
|
-
/* Interface colors -------------------*/
|
|
141
|
-
/* Main colors ------------------------*/
|
|
142
|
-
/*=====================================
|
|
143
|
-
|
|
144
|
-
Background colors ------------------*/
|
|
145
|
-
/* Card colors ------------------*/
|
|
146
|
-
/* Active colors ----------------------*/
|
|
147
|
-
/* Hover colors -----------------------*/
|
|
148
|
-
/* Focus colors -----------------------*/
|
|
149
|
-
/* Border colors ----------------------*/
|
|
150
|
-
/* Shadow colors ----------------------*/
|
|
151
|
-
/* Text colors ------------------------*/
|
|
152
|
-
/* Data colors ------------------------*/
|
|
153
|
-
/* Status colors ----------------------*/
|
|
154
|
-
/* Link colors ------------------------*/
|
|
155
|
-
/* Product colors ---------------------*/
|
|
156
|
-
/* Category colors ---------------------*/
|
|
157
|
-
/* line 7, ../../app/assets/stylesheets/compass/navigation/_recent-crumbs.scss */
|
|
158
|
-
.nitro-navigation #main-crumbs {
|
|
159
|
-
background: #05274f;
|
|
160
|
-
padding: 0;
|
|
161
|
-
border: 0;
|
|
162
|
-
border-radius: 0;
|
|
163
|
-
height: 30px;
|
|
164
|
-
min-height: 30px;
|
|
165
|
-
margin: 0;
|
|
166
|
-
overflow: hidden;
|
|
167
|
-
}
|
|
168
|
-
|
|
169
|
-
/* Accessible color tokens (WCAG-compliant) — defined in _colors_accessible.scss */
|
|
170
|
-
/*=====================================
|
|
171
|
-
Accessible Color Tokens (WCAG-compliant)
|
|
172
|
-
Source of truth for new color tokens, starting with accessible text, border, input, and status colors.
|
|
173
|
-
Do not document base values; document usage only.
|
|
174
|
-
=====================================*/
|
|
175
|
-
/* Text Colors ----------------------*/
|
|
176
|
-
/* Input Text & Icon Colors ----------------------*/
|
|
177
|
-
/* Input Background Colors ----------------------*/
|
|
178
|
-
/* Input Border Colors ----------------------*/
|
|
179
|
-
/* Status Text and Icon colors ----------------------*/
|
|
180
|
-
/* Status Background colors ----------------------*/
|
|
181
|
-
/* Status Icon Background colors ----------------------*/
|
|
182
|
-
/* Status Border colors ----------------------*/
|
|
183
|
-
/*=====================================
|
|
184
|
-
Base colors should not be documented.
|
|
185
|
-
Only document color use.
|
|
186
|
-
|
|
187
|
-
Colors -----------------------------*/
|
|
188
|
-
/* Specialty Gradient -----------------*/
|
|
189
|
-
/* Interface colors -------------------*/
|
|
190
|
-
/* Main colors ------------------------*/
|
|
191
|
-
/*=====================================
|
|
192
|
-
|
|
193
|
-
Background colors ------------------*/
|
|
194
|
-
/* Card colors ------------------*/
|
|
195
|
-
/* Active colors ----------------------*/
|
|
196
|
-
/* Hover colors -----------------------*/
|
|
197
|
-
/* Focus colors -----------------------*/
|
|
198
|
-
/* Border colors ----------------------*/
|
|
199
|
-
/* Shadow colors ----------------------*/
|
|
200
|
-
/* Text colors ------------------------*/
|
|
201
|
-
/* Data colors ------------------------*/
|
|
202
|
-
/* Status colors ----------------------*/
|
|
203
|
-
/* Link colors ------------------------*/
|
|
204
|
-
/* Product colors ---------------------*/
|
|
205
|
-
/* Category colors ---------------------*/
|
|
206
|
-
/* CLEAN UP AND REMOVE */
|
|
207
|
-
/* Headings */
|
|
208
|
-
/* Standard Font Weights */
|
|
209
|
-
/* Non_Standard Font Weights */
|
|
210
|
-
/* Link Colors */
|
|
211
|
-
/* line 5, ../../app/assets/stylesheets/compass/navigation/_label.scss */
|
|
212
|
-
.nitro-navigation .navigation-topbar-label {
|
|
213
|
-
position: absolute;
|
|
214
|
-
left: 60px;
|
|
215
|
-
font-size: 0.75em;
|
|
216
|
-
font-weight: bold;
|
|
217
|
-
color: #FFF;
|
|
218
|
-
}
|
|
219
|
-
|
|
220
|
-
@media screen and (max-width: 574px) {
|
|
221
|
-
/* line 5, ../../app/assets/stylesheets/compass/navigation/_label.scss */
|
|
222
|
-
.nitro-navigation .navigation-topbar-label {
|
|
223
|
-
left: 40px;
|
|
224
|
-
bottom: 2px;
|
|
225
|
-
font-size: 11px;
|
|
226
|
-
}
|
|
227
|
-
}
|
|
228
|
-
|
|
229
|
-
/* line 18, ../../app/assets/stylesheets/compass/navigation/_label.scss */
|
|
230
|
-
.nitro-navigation .navigation-topbar-label > * {
|
|
231
|
-
padding: .15em .8em;
|
|
232
|
-
-webkit-font-smoothing: antialiased;
|
|
233
|
-
-moz-osx-font-smoothing: grayscale;
|
|
234
|
-
line-height: 1;
|
|
235
|
-
white-space: nowrap;
|
|
236
|
-
border-radius: .25em;
|
|
237
|
-
}
|
|
238
|
-
|
|
239
|
-
/* line 26, ../../app/assets/stylesheets/compass/navigation/_label.scss */
|
|
240
|
-
.nitro-navigation .navigation-topbar-label > *:last-child {
|
|
241
|
-
margin-left: 5px;
|
|
242
|
-
}
|
|
243
|
-
|
|
244
|
-
/* line 1, ../../app/assets/stylesheets/compass/navigation/_main-page-content.scss */
|
|
245
|
-
.page-container {
|
|
246
|
-
display: flex;
|
|
247
|
-
flex-direction: column;
|
|
248
|
-
justify-content: flex-start;
|
|
249
|
-
align-items: stretch;
|
|
250
|
-
}
|
|
251
|
-
|
|
252
|
-
/* line 6, ../../app/assets/stylesheets/compass/navigation/_main-page-content.scss */
|
|
253
|
-
.page-container.page-container-mobile {
|
|
254
|
-
height: 100%;
|
|
255
|
-
}
|
|
256
|
-
|
|
257
|
-
/* line 9, ../../app/assets/stylesheets/compass/navigation/_main-page-content.scss */
|
|
258
|
-
.page-container #main-view {
|
|
259
|
-
display: flex;
|
|
260
|
-
flex-direction: row;
|
|
261
|
-
justify-content: flex-start;
|
|
262
|
-
align-items: stretch;
|
|
263
|
-
flex-grow: 1;
|
|
264
|
-
padding: 0;
|
|
265
|
-
margin: 0;
|
|
266
|
-
position: relative;
|
|
267
|
-
}
|
|
268
|
-
|
|
269
|
-
/* line 18, ../../app/assets/stylesheets/compass/navigation/_main-page-content.scss */
|
|
270
|
-
.page-container #main-view .main-page-content {
|
|
271
|
-
flex-grow: 1;
|
|
272
|
-
min-height: 100%;
|
|
273
|
-
overflow-y: visible;
|
|
274
|
-
padding: 30px;
|
|
275
|
-
position: relative;
|
|
276
|
-
overflow-x: auto;
|
|
277
|
-
position: static;
|
|
278
|
-
}
|
|
279
|
-
|
|
280
|
-
/* line 27, ../../app/assets/stylesheets/compass/navigation/_main-page-content.scss */
|
|
281
|
-
.page-container #main-view .main-page-content .container {
|
|
282
|
-
width: 100%;
|
|
283
|
-
max-width: 1187px;
|
|
284
|
-
}
|
|
285
|
-
|
|
286
|
-
/* line 34, ../../app/assets/stylesheets/compass/navigation/_main-page-content.scss */
|
|
287
|
-
.page-container #main-view .main-page-content.full {
|
|
288
|
-
padding: 0;
|
|
289
|
-
}
|
|
290
|
-
|
|
291
|
-
/* line 38, ../../app/assets/stylesheets/compass/navigation/_main-page-content.scss */
|
|
292
|
-
.page-container #main-view .main-page-content::after {
|
|
293
|
-
content: "";
|
|
294
|
-
width: 100%;
|
|
295
|
-
display: block;
|
|
296
|
-
float: none;
|
|
297
|
-
clear: both;
|
|
298
|
-
}
|
|
299
|
-
|
|
300
|
-
/* line 48, ../../app/assets/stylesheets/compass/navigation/_main-page-content.scss */
|
|
301
|
-
.page-container #main-view.full-width .main-page-content {
|
|
302
|
-
padding: 0;
|
|
303
|
-
}
|
|
304
|
-
|
|
305
|
-
/* line 54, ../../app/assets/stylesheets/compass/navigation/_main-page-content.scss */
|
|
306
|
-
.page-container::after {
|
|
307
|
-
content: "";
|
|
308
|
-
width: 100%;
|
|
309
|
-
display: block;
|
|
310
|
-
float: none;
|
|
311
|
-
clear: both;
|
|
312
|
-
}
|
|
313
|
-
|
|
314
|
-
/* Accessible color tokens (WCAG-compliant) — defined in _colors_accessible.scss */
|
|
315
|
-
/*=====================================
|
|
316
|
-
Accessible Color Tokens (WCAG-compliant)
|
|
317
|
-
Source of truth for new color tokens, starting with accessible text, border, input, and status colors.
|
|
318
|
-
Do not document base values; document usage only.
|
|
319
|
-
=====================================*/
|
|
320
|
-
/* Text Colors ----------------------*/
|
|
321
|
-
/* Input Text & Icon Colors ----------------------*/
|
|
322
|
-
/* Input Background Colors ----------------------*/
|
|
323
|
-
/* Input Border Colors ----------------------*/
|
|
324
|
-
/* Status Text and Icon colors ----------------------*/
|
|
325
|
-
/* Status Background colors ----------------------*/
|
|
326
|
-
/* Status Icon Background colors ----------------------*/
|
|
327
|
-
/* Status Border colors ----------------------*/
|
|
328
|
-
/*=====================================
|
|
329
|
-
Base colors should not be documented.
|
|
330
|
-
Only document color use.
|
|
331
|
-
|
|
332
|
-
Colors -----------------------------*/
|
|
333
|
-
/* Specialty Gradient -----------------*/
|
|
334
|
-
/* Interface colors -------------------*/
|
|
335
|
-
/* Main colors ------------------------*/
|
|
336
|
-
/*=====================================
|
|
337
|
-
|
|
338
|
-
Background colors ------------------*/
|
|
339
|
-
/* Card colors ------------------*/
|
|
340
|
-
/* Active colors ----------------------*/
|
|
341
|
-
/* Hover colors -----------------------*/
|
|
342
|
-
/* Focus colors -----------------------*/
|
|
343
|
-
/* Border colors ----------------------*/
|
|
344
|
-
/* Shadow colors ----------------------*/
|
|
345
|
-
/* Text colors ------------------------*/
|
|
346
|
-
/* Data colors ------------------------*/
|
|
347
|
-
/* Status colors ----------------------*/
|
|
348
|
-
/* Link colors ------------------------*/
|
|
349
|
-
/* Product colors ---------------------*/
|
|
350
|
-
/* Category colors ---------------------*/
|
|
351
|
-
/* Accessible color tokens (WCAG-compliant) — defined in _colors_accessible.scss */
|
|
352
|
-
/*=====================================
|
|
353
|
-
Accessible Color Tokens (WCAG-compliant)
|
|
354
|
-
Source of truth for new color tokens, starting with accessible text, border, input, and status colors.
|
|
355
|
-
Do not document base values; document usage only.
|
|
356
|
-
=====================================*/
|
|
357
|
-
/* Text Colors ----------------------*/
|
|
358
|
-
/* Input Text & Icon Colors ----------------------*/
|
|
359
|
-
/* Input Background Colors ----------------------*/
|
|
360
|
-
/* Input Border Colors ----------------------*/
|
|
361
|
-
/* Status Text and Icon colors ----------------------*/
|
|
362
|
-
/* Status Background colors ----------------------*/
|
|
363
|
-
/* Status Icon Background colors ----------------------*/
|
|
364
|
-
/* Status Border colors ----------------------*/
|
|
365
|
-
/*=====================================
|
|
366
|
-
Base colors should not be documented.
|
|
367
|
-
Only document color use.
|
|
368
|
-
|
|
369
|
-
Colors -----------------------------*/
|
|
370
|
-
/* Specialty Gradient -----------------*/
|
|
371
|
-
/* Interface colors -------------------*/
|
|
372
|
-
/* Main colors ------------------------*/
|
|
373
|
-
/*=====================================
|
|
374
|
-
|
|
375
|
-
Background colors ------------------*/
|
|
376
|
-
/* Card colors ------------------*/
|
|
377
|
-
/* Active colors ----------------------*/
|
|
378
|
-
/* Hover colors -----------------------*/
|
|
379
|
-
/* Focus colors -----------------------*/
|
|
380
|
-
/* Border colors ----------------------*/
|
|
381
|
-
/* Shadow colors ----------------------*/
|
|
382
|
-
/* Text colors ------------------------*/
|
|
383
|
-
/* Data colors ------------------------*/
|
|
384
|
-
/* Status colors ----------------------*/
|
|
385
|
-
/* Link colors ------------------------*/
|
|
386
|
-
/* Product colors ---------------------*/
|
|
387
|
-
/* Category colors ---------------------*/
|
|
388
|
-
/* CLEAN UP AND REMOVE */
|
|
389
|
-
/* Headings */
|
|
390
|
-
/* Standard Font Weights */
|
|
391
|
-
/* Non_Standard Font Weights */
|
|
392
|
-
/* Link Colors */
|
|
393
|
-
/* line 8, ../../app/assets/stylesheets/compass/navigation/_sidebar.scss */
|
|
394
|
-
.main-page-sidebar {
|
|
395
|
-
transition: width 0.2s ease;
|
|
396
|
-
flex-grow: 0;
|
|
397
|
-
flex-shrink: 0;
|
|
398
|
-
height: calc(100vh - 92px);
|
|
399
|
-
background: white;
|
|
400
|
-
border-right: 1px solid #E4E8F0;
|
|
401
|
-
position: sticky;
|
|
402
|
-
position: -webkit-sticky;
|
|
403
|
-
top: 92px;
|
|
404
|
-
left: 0;
|
|
405
|
-
z-index: 1000;
|
|
406
|
-
transition: all 0.2s ease-out;
|
|
407
|
-
}
|
|
408
|
-
|
|
409
|
-
/* line 22, ../../app/assets/stylesheets/compass/navigation/_sidebar.scss */
|
|
410
|
-
.main-page-sidebar .nitro_sidebar {
|
|
411
|
-
height: 100%;
|
|
412
|
-
width: 100%;
|
|
413
|
-
overflow-x: hidden;
|
|
414
|
-
overflow-y: auto;
|
|
415
|
-
scrollbar-width: none;
|
|
416
|
-
}
|
|
417
|
-
|
|
418
|
-
/* line 29, ../../app/assets/stylesheets/compass/navigation/_sidebar.scss */
|
|
419
|
-
.main-page-sidebar .nitro_sidebar > div:first-child {
|
|
420
|
-
height: 100%;
|
|
421
|
-
}
|
|
422
|
-
|
|
423
|
-
/* line 34, ../../app/assets/stylesheets/compass/navigation/_sidebar.scss */
|
|
424
|
-
.main-page-sidebar .nitro_sidebar [class^="pb_nav_list"][class*="_vertical"][class*="_normal"]
|
|
425
|
-
[class*="pb_nav_list_kit_item"][class*="pb_nav_list_item"][class*="_active"][class*="_highlighted_border_none"] {
|
|
426
|
-
box-shadow: inset 3px 0 0 #0056cf !important;
|
|
427
|
-
}
|
|
428
|
-
|
|
429
|
-
/* line 40, ../../app/assets/stylesheets/compass/navigation/_sidebar.scss */
|
|
430
|
-
.main-page-sidebar .nitro_sidebar .pb_collapsible_content_kit .pb_nav_list_item_link {
|
|
431
|
-
padding-left: 47px !important;
|
|
432
|
-
}
|
|
433
|
-
|
|
434
|
-
/* line 45, ../../app/assets/stylesheets/compass/navigation/_sidebar.scss */
|
|
435
|
-
.main-page-sidebar .nitro_sidebar .collapsed_nav_icon_container {
|
|
436
|
-
font-size: 17.5px;
|
|
437
|
-
}
|
|
438
|
-
|
|
439
|
-
/* line 49, ../../app/assets/stylesheets/compass/navigation/_sidebar.scss */
|
|
440
|
-
.main-page-sidebar .nitro_sidebar .pb_nav_list_item_text_collapsible {
|
|
441
|
-
overflow: hidden;
|
|
442
|
-
display: -webkit-box;
|
|
443
|
-
line-clamp: 1;
|
|
444
|
-
-webkit-box-orient: vertical;
|
|
445
|
-
}
|
|
446
|
-
|
|
447
|
-
/* line 57, ../../app/assets/stylesheets/compass/navigation/_sidebar.scss */
|
|
448
|
-
.main-page-sidebar .nitro_sidebar .collapsible_nav_wrapper_active .pb_collapsible_content_kit {
|
|
449
|
-
box-shadow: inset 3px 0 0 #0056CF !important;
|
|
450
|
-
background-color: #f7fbff;
|
|
451
|
-
}
|
|
452
|
-
|
|
453
|
-
/* line 62, ../../app/assets/stylesheets/compass/navigation/_sidebar.scss */
|
|
454
|
-
.main-page-sidebar .nitro_sidebar .pb_collapsible_content_kit {
|
|
455
|
-
margin-left: unset !important;
|
|
456
|
-
}
|
|
457
|
-
|
|
458
|
-
/* line 65, ../../app/assets/stylesheets/compass/navigation/_sidebar.scss */
|
|
459
|
-
.main-page-sidebar .nitro_sidebar .pb_nav_list_item_icon_left,
|
|
460
|
-
.main-page-sidebar .nitro_sidebar .pb_nav_list_item_icon_left_collapsible {
|
|
461
|
-
color: #687887 !important;
|
|
462
|
-
font-size: 17.5px !important;
|
|
463
|
-
}
|
|
464
|
-
|
|
465
|
-
/* line 70, ../../app/assets/stylesheets/compass/navigation/_sidebar.scss */
|
|
466
|
-
.main-page-sidebar .nitro_sidebar [class^="pb_nav_list"][class*="_vertical"][class*="_normal"]
|
|
467
|
-
[class*="pb_nav_list_kit_item"][class*="pb_nav_list_item"][class*="_link"]:hover
|
|
468
|
-
[class*="_icon"] {
|
|
469
|
-
color: #0056CF !important;
|
|
470
|
-
}
|
|
471
|
-
|
|
472
|
-
@media only screen and (max-width: 574px) {
|
|
473
|
-
/* line 79, ../../app/assets/stylesheets/compass/navigation/_sidebar.scss */
|
|
474
|
-
.main-page-sidebar {
|
|
475
|
-
position: fixed;
|
|
476
|
-
top: 0;
|
|
477
|
-
left: -420px;
|
|
478
|
-
max-width: 420px;
|
|
479
|
-
height: 100vh;
|
|
480
|
-
z-index: 5000;
|
|
481
|
-
padding-top: 92px;
|
|
482
|
-
}
|
|
483
|
-
/* line 88, ../../app/assets/stylesheets/compass/navigation/_sidebar.scss */
|
|
484
|
-
.main-page-sidebar.mobile-open {
|
|
485
|
-
left: 0;
|
|
486
|
-
width: 100%;
|
|
487
|
-
}
|
|
488
|
-
}
|
|
489
|
-
|
|
490
|
-
/* line 8, ../../app/assets/stylesheets/compass/navigation/_spinner.scss */
|
|
491
|
-
.page-container #spinner {
|
|
492
|
-
position: absolute;
|
|
493
|
-
top: calc(92px + 16px);
|
|
494
|
-
right: 16px;
|
|
495
|
-
left: auto;
|
|
496
|
-
bottom: auto;
|
|
497
|
-
z-index: 10012;
|
|
498
|
-
}
|
|
499
|
-
|
|
500
|
-
/* line 16, ../../app/assets/stylesheets/compass/navigation/_spinner.scss */
|
|
501
|
-
.page-container #spinner .badge {
|
|
502
|
-
display: inline-block;
|
|
503
|
-
background: rgba(249, 250, 251, 0.7);
|
|
504
|
-
}
|
|
505
|
-
|
|
506
|
-
/* line 21, ../../app/assets/stylesheets/compass/navigation/_spinner.scss */
|
|
507
|
-
.page-container #spinner .badge svg path {
|
|
508
|
-
fill: #004976;
|
|
509
|
-
}
|
|
510
|
-
|
|
511
|
-
/* Accessible color tokens (WCAG-compliant) — defined in _colors_accessible.scss */
|
|
512
|
-
/*=====================================
|
|
513
|
-
Accessible Color Tokens (WCAG-compliant)
|
|
514
|
-
Source of truth for new color tokens, starting with accessible text, border, input, and status colors.
|
|
515
|
-
Do not document base values; document usage only.
|
|
516
|
-
=====================================*/
|
|
517
|
-
/* Text Colors ----------------------*/
|
|
518
|
-
/* Input Text & Icon Colors ----------------------*/
|
|
519
|
-
/* Input Background Colors ----------------------*/
|
|
520
|
-
/* Input Border Colors ----------------------*/
|
|
521
|
-
/* Status Text and Icon colors ----------------------*/
|
|
522
|
-
/* Status Background colors ----------------------*/
|
|
523
|
-
/* Status Icon Background colors ----------------------*/
|
|
524
|
-
/* Status Border colors ----------------------*/
|
|
525
|
-
/*=====================================
|
|
526
|
-
Base colors should not be documented.
|
|
527
|
-
Only document color use.
|
|
528
|
-
|
|
529
|
-
Colors -----------------------------*/
|
|
530
|
-
/* Specialty Gradient -----------------*/
|
|
531
|
-
/* Interface colors -------------------*/
|
|
532
|
-
/* Main colors ------------------------*/
|
|
533
|
-
/*=====================================
|
|
534
|
-
|
|
535
|
-
Background colors ------------------*/
|
|
536
|
-
/* Card colors ------------------*/
|
|
537
|
-
/* Active colors ----------------------*/
|
|
538
|
-
/* Hover colors -----------------------*/
|
|
539
|
-
/* Focus colors -----------------------*/
|
|
540
|
-
/* Border colors ----------------------*/
|
|
541
|
-
/* Shadow colors ----------------------*/
|
|
542
|
-
/* Text colors ------------------------*/
|
|
543
|
-
/* Data colors ------------------------*/
|
|
544
|
-
/* Status colors ----------------------*/
|
|
545
|
-
/* Link colors ------------------------*/
|
|
546
|
-
/* Product colors ---------------------*/
|
|
547
|
-
/* Category colors ---------------------*/
|
|
548
|
-
/* Accessible color tokens (WCAG-compliant) — defined in _colors_accessible.scss */
|
|
549
|
-
/*=====================================
|
|
550
|
-
Accessible Color Tokens (WCAG-compliant)
|
|
551
|
-
Source of truth for new color tokens, starting with accessible text, border, input, and status colors.
|
|
552
|
-
Do not document base values; document usage only.
|
|
553
|
-
=====================================*/
|
|
554
|
-
/* Text Colors ----------------------*/
|
|
555
|
-
/* Input Text & Icon Colors ----------------------*/
|
|
556
|
-
/* Input Background Colors ----------------------*/
|
|
557
|
-
/* Input Border Colors ----------------------*/
|
|
558
|
-
/* Status Text and Icon colors ----------------------*/
|
|
559
|
-
/* Status Background colors ----------------------*/
|
|
560
|
-
/* Status Icon Background colors ----------------------*/
|
|
561
|
-
/* Status Border colors ----------------------*/
|
|
562
|
-
/*=====================================
|
|
563
|
-
Base colors should not be documented.
|
|
564
|
-
Only document color use.
|
|
565
|
-
|
|
566
|
-
Colors -----------------------------*/
|
|
567
|
-
/* Specialty Gradient -----------------*/
|
|
568
|
-
/* Interface colors -------------------*/
|
|
569
|
-
/* Main colors ------------------------*/
|
|
570
|
-
/*=====================================
|
|
571
|
-
|
|
572
|
-
Background colors ------------------*/
|
|
573
|
-
/* Card colors ------------------*/
|
|
574
|
-
/* Active colors ----------------------*/
|
|
575
|
-
/* Hover colors -----------------------*/
|
|
576
|
-
/* Focus colors -----------------------*/
|
|
577
|
-
/* Border colors ----------------------*/
|
|
578
|
-
/* Shadow colors ----------------------*/
|
|
579
|
-
/* Text colors ------------------------*/
|
|
580
|
-
/* Data colors ------------------------*/
|
|
581
|
-
/* Status colors ----------------------*/
|
|
582
|
-
/* Link colors ------------------------*/
|
|
583
|
-
/* Product colors ---------------------*/
|
|
584
|
-
/* Category colors ---------------------*/
|
|
585
|
-
/* line 8, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
586
|
-
.nitro-navigation {
|
|
587
|
-
position: sticky;
|
|
588
|
-
position: -webkit-sticky;
|
|
589
|
-
top: 0;
|
|
590
|
-
right: 0;
|
|
591
|
-
width: 100%;
|
|
592
|
-
z-index: 10010;
|
|
593
|
-
}
|
|
594
|
-
|
|
595
|
-
/* line 16, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
596
|
-
.nitro-navigation .compass-logo {
|
|
597
|
-
display: block;
|
|
598
|
-
max-height: 32px;
|
|
599
|
-
}
|
|
600
|
-
|
|
601
|
-
@media screen and (max-width: 574px) {
|
|
602
|
-
/* line 16, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
603
|
-
.nitro-navigation .compass-logo {
|
|
604
|
-
display: none;
|
|
605
|
-
}
|
|
606
|
-
}
|
|
607
|
-
|
|
608
|
-
/* line 25, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
609
|
-
.nitro-navigation .compass-logo-mobile {
|
|
610
|
-
display: none;
|
|
611
|
-
}
|
|
612
|
-
|
|
613
|
-
@media screen and (max-width: 574px) {
|
|
614
|
-
/* line 25, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
615
|
-
.nitro-navigation .compass-logo-mobile {
|
|
616
|
-
display: block;
|
|
617
|
-
}
|
|
618
|
-
}
|
|
619
|
-
|
|
620
|
-
/* line 33, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
621
|
-
.nitro-navigation .navigation-topbar {
|
|
622
|
-
margin: 0;
|
|
623
|
-
border-bottom: 0;
|
|
624
|
-
position: relative;
|
|
625
|
-
height: 60px;
|
|
626
|
-
box-sizing: border-box;
|
|
627
|
-
display: flex;
|
|
628
|
-
align-items: center;
|
|
629
|
-
justify-content: space-between;
|
|
630
|
-
}
|
|
631
|
-
|
|
632
|
-
/* line 43, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
633
|
-
.nitro-navigation .navigation-topbar-left, .nitro-navigation .navigation-topbar-center, .nitro-navigation .navigation-topbar-right {
|
|
634
|
-
position: static;
|
|
635
|
-
padding: 0 32px;
|
|
636
|
-
color: #FFFFFF;
|
|
637
|
-
margin: 2px;
|
|
638
|
-
flex-basis: 33%;
|
|
639
|
-
}
|
|
640
|
-
|
|
641
|
-
@media screen and (max-width: 767px) {
|
|
642
|
-
/* line 43, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
643
|
-
.nitro-navigation .navigation-topbar-left, .nitro-navigation .navigation-topbar-center, .nitro-navigation .navigation-topbar-right {
|
|
644
|
-
padding: 0 8px;
|
|
645
|
-
}
|
|
646
|
-
}
|
|
647
|
-
|
|
648
|
-
@media screen and (max-width: 767px) {
|
|
649
|
-
/* line 56, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
650
|
-
.nitro-navigation .navigation-topbar-center {
|
|
651
|
-
flex: 1;
|
|
652
|
-
}
|
|
653
|
-
}
|
|
654
|
-
|
|
655
|
-
/* line 61, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
656
|
-
.nitro-navigation .navigation-topbar-right {
|
|
657
|
-
color: #FFFFFF;
|
|
658
|
-
margin: 2px;
|
|
659
|
-
}
|
|
660
|
-
|
|
661
|
-
@media screen and (max-width: 767px) {
|
|
662
|
-
/* line 61, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
663
|
-
.nitro-navigation .navigation-topbar-right {
|
|
664
|
-
flex: 0;
|
|
665
|
-
padding-right: 0px;
|
|
666
|
-
}
|
|
667
|
-
}
|
|
668
|
-
|
|
669
|
-
/* line 70, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
670
|
-
.nitro-navigation .navigation-topbar-right .impersonating {
|
|
671
|
-
border: 2px solid #ff7034;
|
|
672
|
-
}
|
|
673
|
-
|
|
674
|
-
/* line 75, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
675
|
-
.nitro-navigation .navigation-topbar-right .dropdown_wrapper .pb_dropdown_container {
|
|
676
|
-
min-width: 280px;
|
|
677
|
-
max-height: calc(100vh - 90px);
|
|
678
|
-
}
|
|
679
|
-
|
|
680
|
-
/* line 79, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
681
|
-
.nitro-navigation .navigation-topbar-right .dropdown_wrapper .pb_dropdown_container > [class*="pb_dropdown_option"][class*="selected"] [class^="pb_body"] {
|
|
682
|
-
color: #687887 !important;
|
|
683
|
-
}
|
|
684
|
-
|
|
685
|
-
/* line 84, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
686
|
-
.nitro-navigation .navigation-topbar-right .dropdown_wrapper div[data-dropdown-custom-trigger] {
|
|
687
|
-
display: block !important;
|
|
688
|
-
}
|
|
689
|
-
|
|
690
|
-
/* line 89, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
691
|
-
.nitro-navigation .navigation-topbar-right .dropdown_wrapper:has(svg.svg_3x) .pb_dropdown_trigger {
|
|
692
|
-
width: 65px !important;
|
|
693
|
-
}
|
|
694
|
-
|
|
695
|
-
/* line 93, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
696
|
-
.nitro-navigation .navigation-topbar-right .dropdown_wrapper:has(svg.svg_3x) .icon-caret svg.svg_xs {
|
|
697
|
-
position: relative !important;
|
|
698
|
-
right: 10px !important;
|
|
699
|
-
}
|
|
700
|
-
|
|
701
|
-
/* line 100, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
702
|
-
.nitro-navigation .navigation-topbar-right .dropdown_wrapper:has(svg.svg_2x) .pb_dropdown_trigger {
|
|
703
|
-
width: 45px !important;
|
|
704
|
-
}
|
|
705
|
-
|
|
706
|
-
/* line 104, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
707
|
-
.nitro-navigation .navigation-topbar-right .dropdown_wrapper:has(svg.svg_2x) .icon-caret svg.svg_xs {
|
|
708
|
-
position: relative !important;
|
|
709
|
-
right: 5px !important;
|
|
710
|
-
}
|
|
711
|
-
|
|
712
|
-
/* line 110, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
713
|
-
.nitro-navigation .navigation-topbar-right .dropdown_wrapper .pb_dropdown_trigger img {
|
|
714
|
-
width: 38px;
|
|
715
|
-
border-radius: 1000px;
|
|
716
|
-
}
|
|
717
|
-
|
|
718
|
-
/* line 117, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
719
|
-
.nitro-navigation .navigation-topbar-right .menu-section-options li {
|
|
720
|
-
padding: 0px;
|
|
721
|
-
}
|
|
722
|
-
|
|
723
|
-
/* line 119, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
724
|
-
.nitro-navigation .navigation-topbar-right .menu-section-options li svg {
|
|
725
|
-
margin-right: 8px;
|
|
726
|
-
}
|
|
727
|
-
|
|
728
|
-
/* line 123, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
729
|
-
.nitro-navigation .navigation-topbar-right .menu-section-options a {
|
|
730
|
-
color: #687887;
|
|
731
|
-
}
|
|
732
|
-
|
|
733
|
-
/* line 126, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
734
|
-
.nitro-navigation .navigation-topbar-right .menu-section-options:hover {
|
|
735
|
-
background-color: #F3F7FB;
|
|
736
|
-
}
|
|
737
|
-
|
|
738
|
-
/* line 130, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
739
|
-
.nitro-navigation .navigation-topbar-right .pb_dropdown_option_selected_focused,
|
|
740
|
-
.nitro-navigation .navigation-topbar-right .pb_dropdown_option_selected {
|
|
741
|
-
background-color: unset !important;
|
|
742
|
-
}
|
|
743
|
-
|
|
744
|
-
/* line 135, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
745
|
-
.nitro-navigation .navigation-topbar-right [class^="pb_dropdown"] [class*="pb_list_kit"] li {
|
|
746
|
-
padding: 0px !important;
|
|
747
|
-
}
|
|
748
|
-
|
|
749
|
-
@media screen and (max-width: 767px) {
|
|
750
|
-
/* line 140, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
751
|
-
.nitro-navigation .navigation-topbar-left {
|
|
752
|
-
flex: 0;
|
|
753
|
-
padding-left: 0px;
|
|
754
|
-
}
|
|
755
|
-
}
|
|
756
|
-
|
|
757
|
-
/* line 147, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
758
|
-
.nitro-navigation .nitro-header-breadcrumbs-menu .breadcrumbs-separator {
|
|
759
|
-
width: 1px;
|
|
760
|
-
padding-top: 2px;
|
|
761
|
-
padding-bottom: 2px;
|
|
762
|
-
}
|
|
763
|
-
|
|
764
|
-
/* line 151, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
765
|
-
.nitro-navigation .nitro-header-breadcrumbs-menu .breadcrumbs-separator::before, .nitro-navigation .nitro-header-breadcrumbs-menu .breadcrumbs-separator::after {
|
|
766
|
-
background: rgba(255, 255, 255, 0.1);
|
|
767
|
-
}
|
|
768
|
-
|
|
769
|
-
/* line 156, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
770
|
-
.nitro-navigation .nitro-header-breadcrumbs-menu .breadcrumb-item {
|
|
771
|
-
white-space: nowrap;
|
|
772
|
-
}
|
|
773
|
-
|
|
774
|
-
/* line 159, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
775
|
-
.nitro-navigation .nitro-header-breadcrumbs-menu .breadcrumb-item:hover svg,
|
|
776
|
-
.nitro-navigation .nitro-header-breadcrumbs-menu .breadcrumb-item:hover .pb_detail_kit_color_light.dark {
|
|
777
|
-
color: #FFFFFF !important;
|
|
778
|
-
}
|
|
779
|
-
|
|
780
|
-
/* line 165, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
781
|
-
.nitro-navigation .nitro-header-breadcrumbs-menu .breadcrumb-item:first-child {
|
|
782
|
-
min-width: 59px;
|
|
783
|
-
}
|
|
784
|
-
|
|
785
|
-
/* line 11, ../../app/assets/stylesheets/compass/layout.scss */
|
|
786
|
-
body {
|
|
787
|
-
margin: 0px;
|
|
788
|
-
min-height: 100%;
|
|
789
|
-
height: auto;
|
|
790
|
-
}
|
|
791
|
-
|
|
792
|
-
/* line 17, ../../app/assets/stylesheets/compass/layout.scss */
|
|
793
|
-
html {
|
|
794
|
-
height: 100%;
|
|
795
|
-
}
|
|
796
|
-
|
|
797
|
-
/* line 21, ../../app/assets/stylesheets/compass/layout.scss */
|
|
798
|
-
html, body {
|
|
799
|
-
background: #F3F7FB;
|
|
800
|
-
}
|
|
801
|
-
|
|
802
|
-
/* line 27, ../../app/assets/stylesheets/compass/layout.scss */
|
|
803
|
-
.select2-drop {
|
|
804
|
-
z-index: 10014 !important;
|
|
805
|
-
}
|
|
806
|
-
|
|
807
|
-
/* line 30, ../../app/assets/stylesheets/compass/layout.scss */
|
|
808
|
-
.popover,
|
|
809
|
-
#colorbox,
|
|
810
|
-
#cboxOverlay,
|
|
811
|
-
#cboxWrapper {
|
|
812
|
-
z-index: 10013 !important;
|
|
813
|
-
}
|
|
814
|
-
|
|
815
|
-
/* line 36, ../../app/assets/stylesheets/compass/layout.scss */
|
|
816
|
-
.modal {
|
|
817
|
-
z-index: 10012 !important;
|
|
818
|
-
}
|
|
819
|
-
|
|
820
|
-
/* line 39, ../../app/assets/stylesheets/compass/layout.scss */
|
|
821
|
-
.modal-backdrop {
|
|
822
|
-
z-index: 10011 !important;
|
|
823
|
-
}
|