mirror of
https://github.com/Stone-Red-Code/website.git
synced 2026-09-04 09:15:58 +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`
|
||||
& 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;
|
||||
}
|
||||
}
|
||||
`
|
||||
|
||||
@@ -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`
|
||||
|
||||
Reference in New Issue
Block a user