dan/abc-project-design
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: bold links

Browse Source
This commit is contained in:
Dan Head
2021-02-03 20:39:02 +00:00
parent dc024f32a7
commit c325b5cf37
3 changed files with 28 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/footer.js
View File

@@ -40,7 +40,13 @@ export default function Footer() {
<Icon color="dark" size="lg">
<Phone />
</Icon>
<Link color="dark" size="lg" to="tel:+447539051512" noDecoration>
<Link
weight="bold"
color="dark"
size="lg"
to="tel:+447539051512"
noDecoration
>
07539 051512
</Link>
</IconWithContent>
@@ -51,6 +57,7 @@ export default function Footer() {
<Envelope />
</Icon>
<Link
weight="bold"
color="dark"
size="md"
to="mailto:quotations@abcprojectdesign.com"

5
src/components/link.js
View File

@@ -20,6 +20,11 @@ const StyledLink = styled.a`
text-decoration-thickness: 2px;
text-underline-offset: 3px;
`}
${props =>
props.weight &&
css`
font-weight: ${props.weight};
`}
&:focus {
outline: 0;

17
src/pages/contact.js
View File

@@ -273,7 +273,13 @@ export default function Index({ data }) {
<Icon color="dark" size="lg">
<Phone />
</Icon>
<Link color="dark" size="lg" to="tel:+447539051512" noDecoration>
<Link
weight="bold"
color="dark"
size="lg"
to="tel:+447539051512"
noDecoration
>
07539 051512
</Link>
</IconWithContent>
@@ -281,7 +287,13 @@ export default function Index({ data }) {
<Icon color="dark" size="lg">
<Phone />
</Icon>
<Link color="dark" size="lg" to="tel:+441708938455" noDecoration>
<Link
weight="bold"
color="dark"
size="lg"
to="tel:+441708938455"
noDecoration
>
01708 938455
</Link>
</IconWithContent>
@@ -290,6 +302,7 @@ export default function Index({ data }) {
<Envelope />
</Icon>
<Link
weight="bold"
color="dark"
size="md"
to="mailto:quotations@abcprojectdesign.com"