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