styled components; navbar section

2026-05-04 05:58:16 +00:00 · 2023-08-31 15:45:24 +02:00
parent a342e6eeec
commit dffa5fdda9
15 changed files with 1306 additions and 166 deletions
@@ -0,0 +1,26 @@
+import { styled } from 'styled-components';
+
+export const StyledNavbar = styled.nav`
+  display: flex;
+  justify-content: space-between;
+
+  color: black;
+  font-size: 1.2em;
+  background-color: ${({ theme }) => theme.colors.primary};
+  padding: 0.5em;
+`;
+
+export const StyledNavlinkBrand = styled.div`
+  color: black;
+  opacity: 0.85;
+  font-weight: 700;
+`;
+
+export const StyledNavlinkList = styled.div`
+  display: flex;
+  gap: 0.5em;
+`;
+
+export const StyledNavlink = styled.a`
+  color: black;
+`;