mirror of
https://github.com/Stone-Red-Code/website.git
synced 2026-09-07 23:43:57 +02:00
ui: style links on homepage
This commit is contained in:
@@ -4,5 +4,16 @@ import styled from "styled-components"
|
|||||||
export const FooterWrapper = styled.footer`
|
export const FooterWrapper = styled.footer`
|
||||||
& a {
|
& a {
|
||||||
display: inline;
|
display: inline;
|
||||||
|
color: #0090d8;
|
||||||
|
font-weight: 700;
|
||||||
|
border-bottom: 2px solid;
|
||||||
|
text-decoration: none;
|
||||||
|
transition: color 0.3s;
|
||||||
|
|
||||||
|
&:hover,
|
||||||
|
&:focus {
|
||||||
|
color: #5dbbea;
|
||||||
|
transition: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`
|
`
|
||||||
|
|||||||
@@ -16,6 +16,20 @@ export const MainContent = styled.main`
|
|||||||
width: 800px;
|
width: 800px;
|
||||||
max-width: calc(100% - 64px);
|
max-width: calc(100% - 64px);
|
||||||
padding: 0 32px;
|
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`
|
export const WavesSpacer = styled.div`
|
||||||
|
|||||||
Reference in New Issue
Block a user