@npm_leadtech/legal-lib-components 7.49.0 → 7.49.2
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.
- package/dist/src/components/atoms/FixedFooter/FixedFooter.styled.js +34 -1
- package/dist/src/components/atoms/FixedFooter/FixedFooter.styled.ts +34 -1
- package/dist/src/components/atoms/WideInfoBar/WideInfoBar.styled.js +10 -0
- package/dist/src/components/atoms/WideInfoBar/WideInfoBar.styled.ts +10 -0
- package/package.json +1 -1
|
@@ -745,6 +745,19 @@ export const FixedFooterStyled = styled.div `
|
|
|
745
745
|
.contact-bar-wrapper {
|
|
746
746
|
display: flex;
|
|
747
747
|
align-items: center;
|
|
748
|
+
flex: 1;
|
|
749
|
+
min-width: 0;
|
|
750
|
+
}
|
|
751
|
+
@media (min-width: 768px) {
|
|
752
|
+
.contact-bar-wrapper {
|
|
753
|
+
flex: 1;
|
|
754
|
+
min-width: 0;
|
|
755
|
+
}
|
|
756
|
+
}
|
|
757
|
+
@media (min-width: 720px) {
|
|
758
|
+
.contact-bar-wrapper {
|
|
759
|
+
flex: none;
|
|
760
|
+
}
|
|
748
761
|
}
|
|
749
762
|
.contact-bar-wrapper.hidden {
|
|
750
763
|
display: none;
|
|
@@ -753,10 +766,20 @@ export const FixedFooterStyled = styled.div `
|
|
|
753
766
|
width: -moz-max-content;
|
|
754
767
|
width: max-content;
|
|
755
768
|
margin: 0.25rem;
|
|
769
|
+
flex: 1;
|
|
770
|
+
min-width: 0;
|
|
771
|
+
}
|
|
772
|
+
@media (min-width: 768px) {
|
|
773
|
+
.contact-bar-wrapper__text {
|
|
774
|
+
margin: 0.5rem;
|
|
775
|
+
flex: 1;
|
|
776
|
+
min-width: 0;
|
|
777
|
+
}
|
|
756
778
|
}
|
|
757
779
|
@media (min-width: 720px) {
|
|
758
780
|
.contact-bar-wrapper__text {
|
|
759
781
|
margin: 1rem 0.5rem;
|
|
782
|
+
flex: none;
|
|
760
783
|
}
|
|
761
784
|
}
|
|
762
785
|
.contact-bar-wrapper__text .phone {
|
|
@@ -799,14 +822,24 @@ export const FixedFooterStyled = styled.div `
|
|
|
799
822
|
justify-content: space-between;
|
|
800
823
|
padding: 1rem 2rem;
|
|
801
824
|
|
|
825
|
+
@media (min-width: 768px) {
|
|
826
|
+
flex-flow: row;
|
|
827
|
+
font-size: 0.9rem;
|
|
828
|
+
padding: 1rem 2rem;
|
|
829
|
+
gap: 1rem;
|
|
830
|
+
flex-wrap: wrap;
|
|
831
|
+
}
|
|
832
|
+
|
|
802
833
|
@media (min-width: 720px) {
|
|
803
834
|
flex-flow: row;
|
|
804
835
|
font-size: 0.9rem;
|
|
805
836
|
padding: 0;
|
|
837
|
+
gap: 0.5rem;
|
|
806
838
|
}
|
|
807
839
|
|
|
808
|
-
@media {
|
|
840
|
+
@media (min-width: 960px) {
|
|
809
841
|
padding: 0;
|
|
842
|
+
gap: 1rem;
|
|
810
843
|
}
|
|
811
844
|
}
|
|
812
845
|
}
|
|
@@ -746,6 +746,19 @@ export const FixedFooterStyled = styled.div`
|
|
|
746
746
|
.contact-bar-wrapper {
|
|
747
747
|
display: flex;
|
|
748
748
|
align-items: center;
|
|
749
|
+
flex: 1;
|
|
750
|
+
min-width: 0;
|
|
751
|
+
}
|
|
752
|
+
@media (min-width: 768px) {
|
|
753
|
+
.contact-bar-wrapper {
|
|
754
|
+
flex: 1;
|
|
755
|
+
min-width: 0;
|
|
756
|
+
}
|
|
757
|
+
}
|
|
758
|
+
@media (min-width: 720px) {
|
|
759
|
+
.contact-bar-wrapper {
|
|
760
|
+
flex: none;
|
|
761
|
+
}
|
|
749
762
|
}
|
|
750
763
|
.contact-bar-wrapper.hidden {
|
|
751
764
|
display: none;
|
|
@@ -754,10 +767,20 @@ export const FixedFooterStyled = styled.div`
|
|
|
754
767
|
width: -moz-max-content;
|
|
755
768
|
width: max-content;
|
|
756
769
|
margin: 0.25rem;
|
|
770
|
+
flex: 1;
|
|
771
|
+
min-width: 0;
|
|
772
|
+
}
|
|
773
|
+
@media (min-width: 768px) {
|
|
774
|
+
.contact-bar-wrapper__text {
|
|
775
|
+
margin: 0.5rem;
|
|
776
|
+
flex: 1;
|
|
777
|
+
min-width: 0;
|
|
778
|
+
}
|
|
757
779
|
}
|
|
758
780
|
@media (min-width: 720px) {
|
|
759
781
|
.contact-bar-wrapper__text {
|
|
760
782
|
margin: 1rem 0.5rem;
|
|
783
|
+
flex: none;
|
|
761
784
|
}
|
|
762
785
|
}
|
|
763
786
|
.contact-bar-wrapper__text .phone {
|
|
@@ -800,14 +823,24 @@ export const FixedFooterStyled = styled.div`
|
|
|
800
823
|
justify-content: space-between;
|
|
801
824
|
padding: 1rem 2rem;
|
|
802
825
|
|
|
826
|
+
@media (min-width: 768px) {
|
|
827
|
+
flex-flow: row;
|
|
828
|
+
font-size: 0.9rem;
|
|
829
|
+
padding: 1rem 2rem;
|
|
830
|
+
gap: 1rem;
|
|
831
|
+
flex-wrap: wrap;
|
|
832
|
+
}
|
|
833
|
+
|
|
803
834
|
@media (min-width: 720px) {
|
|
804
835
|
flex-flow: row;
|
|
805
836
|
font-size: 0.9rem;
|
|
806
837
|
padding: 0;
|
|
838
|
+
gap: 0.5rem;
|
|
807
839
|
}
|
|
808
840
|
|
|
809
|
-
@media {
|
|
841
|
+
@media (min-width: 960px) {
|
|
810
842
|
padding: 0;
|
|
843
|
+
gap: 1rem;
|
|
811
844
|
}
|
|
812
845
|
}
|
|
813
846
|
}
|
|
@@ -18,14 +18,24 @@ export const WideInfoBarStyled = styled.div `
|
|
|
18
18
|
justify-content: space-between;
|
|
19
19
|
padding: 1rem 2rem;
|
|
20
20
|
|
|
21
|
+
@media ${device.tablets} {
|
|
22
|
+
flex-flow: row;
|
|
23
|
+
font-size: 0.9rem;
|
|
24
|
+
padding: 1rem 2rem;
|
|
25
|
+
gap: 1rem;
|
|
26
|
+
flex-wrap: wrap;
|
|
27
|
+
}
|
|
28
|
+
|
|
21
29
|
@media ${device['landscape-tablets']} {
|
|
22
30
|
flex-flow: row;
|
|
23
31
|
font-size: 0.9rem;
|
|
24
32
|
padding: 0;
|
|
33
|
+
gap: 0.5rem;
|
|
25
34
|
}
|
|
26
35
|
|
|
27
36
|
@media ${device.desktop} {
|
|
28
37
|
padding: 0;
|
|
38
|
+
gap: 1rem;
|
|
29
39
|
}
|
|
30
40
|
}
|
|
31
41
|
}
|
|
@@ -19,14 +19,24 @@ export const WideInfoBarStyled = styled.div`
|
|
|
19
19
|
justify-content: space-between;
|
|
20
20
|
padding: 1rem 2rem;
|
|
21
21
|
|
|
22
|
+
@media ${device.tablets} {
|
|
23
|
+
flex-flow: row;
|
|
24
|
+
font-size: 0.9rem;
|
|
25
|
+
padding: 1rem 2rem;
|
|
26
|
+
gap: 1rem;
|
|
27
|
+
flex-wrap: wrap;
|
|
28
|
+
}
|
|
29
|
+
|
|
22
30
|
@media ${device['landscape-tablets']} {
|
|
23
31
|
flex-flow: row;
|
|
24
32
|
font-size: 0.9rem;
|
|
25
33
|
padding: 0;
|
|
34
|
+
gap: 0.5rem;
|
|
26
35
|
}
|
|
27
36
|
|
|
28
37
|
@media ${device.desktop} {
|
|
29
38
|
padding: 0;
|
|
39
|
+
gap: 1rem;
|
|
30
40
|
}
|
|
31
41
|
}
|
|
32
42
|
}
|