ui: style links on homepage

This commit is contained in:
Jean-Philippe Sirois
2019-08-23 17:13:06 -04:00
parent ec07c9a31d
commit 1b26fc67b1
2 changed files with 25 additions and 0 deletions
+11
View File
@@ -4,5 +4,16 @@ import styled from "styled-components"
export const FooterWrapper = styled.footer`
& a {
display: inline;
color: #0090d8;
font-weight: 700;
border-bottom: 2px solid;
text-decoration: none;
transition: color 0.3s;
&:hover,
&:focus {
color: #5dbbea;
transition: none;
}
}
`
+14
View File
@@ -16,6 +16,20 @@ export const MainContent = styled.main`
width: 800px;
max-width: calc(100% - 64px);
padding: 0 32px;
a:not(.anchor) {
color: #0090d8;
font-weight: 700;
border-bottom: 2px solid;
text-decoration: none;
transition: color 0.3s;
&:hover,
&:focus {
color: #5dbbea;
transition: none;
}
}
`
export const WavesSpacer = styled.div`