Change border
This commit is contained in:
parent
0f4515ccb9
commit
cea4c0bc0b
|
@ -92,10 +92,10 @@ const NavLinks = styled.ul`
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
color: ${Colors.White};
|
color: ${Colors.White};
|
||||||
border-bottom: 5px solid ${Colors.White};
|
border-bottom: 5px solid currentColor;
|
||||||
|
|
||||||
@media (max-width: 769px) {
|
@media (max-width: 769px) {
|
||||||
border-bottom: 3px solid ${Colors.White};
|
border-bottom: 3px solid currentColor;
|
||||||
}
|
}
|
||||||
`
|
`
|
||||||
|
|
||||||
|
@ -104,12 +104,12 @@ const StyledLink = styled(Link)`
|
||||||
color: ${Colors.White};
|
color: ${Colors.White};
|
||||||
font-size: calc(24px + (72 - 24) * ((100vw - 320px) / (1440 - 320)));
|
font-size: calc(24px + (72 - 24) * ((100vw - 320px) / (1440 - 320)));
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
border-top: 5px solid ${Colors.White};
|
border-top: 5px solid currentColor;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
padding: 0 24px;
|
padding: 0 24px;
|
||||||
|
|
||||||
@media (max-width: 769px) {
|
@media (max-width: 769px) {
|
||||||
border-top: 3px solid ${Colors.White};
|
border-top: 3px solid currentColor;
|
||||||
padding: 0 16px;
|
padding: 0 16px;
|
||||||
}
|
}
|
||||||
`
|
`
|
||||||
|
|
Loading…
Reference in New Issue