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