Spythere/spythere-portfolio
1
0
Fork 0
mirror of https://github.com/Spythere/spythere-portfolio.git synced 2026-05-03 21:48:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

navbar; logo & landing animation

Browse Source
This commit is contained in:
Spythere
2023-08-31 18:16:21 +02:00
parent dffa5fdda9
commit 579c728628
14 changed files with 199 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/styles/Navbar.styled.ts
+10 -7
View File
@@ -3,24 +3,27 @@ import { styled } from 'styled-components';
export const StyledNavbar = styled.nav`
display: flex;
justify-content: space-between;
align-items: center;
height: 3.5em;
color: black;
font-size: 1.2em;
background-color: ${({ theme }) => theme.colors.primary};
padding: 0.5em;
color: white;
padding: 0.75em 2em;
`;
export const StyledNavlinkBrand = styled.div`
color: black;
opacity: 0.85;
font-weight: 700;
color: ${({ theme }) => theme.colors.primary};
font-size: 1.3em;
`;
export const StyledNavlinkList = styled.div`
display: flex;
gap: 0.5em;
gap: 1em;
font-size: 1.1em;
`;
export const StyledNavlink = styled.a`
color: black;
/* color: black; */
font-weight: bold;
`;