From cea4c0bc0b7c5231b1da336ade552b7cc29a805c Mon Sep 17 00:00:00 2001 From: Maria Rushkova Date: Wed, 24 Nov 2021 10:58:19 +0100 Subject: [PATCH] Change border --- src/components/page/Menu.tsx | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/components/page/Menu.tsx b/src/components/page/Menu.tsx index 9841538..04840db 100644 --- a/src/components/page/Menu.tsx +++ b/src/components/page/Menu.tsx @@ -92,10 +92,10 @@ const NavLinks = styled.ul` display: flex; flex-direction: column; color: ${Colors.White}; - border-bottom: 5px solid ${Colors.White}; + border-bottom: 5px solid currentColor; @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}; font-size: calc(24px + (72 - 24) * ((100vw - 320px) / (1440 - 320))); text-transform: uppercase; - border-top: 5px solid ${Colors.White}; + border-top: 5px solid currentColor; cursor: pointer; padding: 0 24px; @media (max-width: 769px) { - border-top: 3px solid ${Colors.White}; + border-top: 3px solid currentColor; padding: 0 16px; } `