hazemKrimi/personal-website
1
0
Fork 0
mirror of https://github.com/hazemKrimi/personal-website.git synced 2026-05-01 18:00:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add styled scrollbar and update text line height

Browse Source
This commit is contained in:
Hazem Krimi
2021-01-12 23:27:52 +01:00
parent 29dbb51c44
commit 31ade8ab82
1 changed files with 10 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/GlobalStyles.tsx
+10
View File
@@ -12,6 +12,7 @@ const Global = createGlobalStyle<Props>`
box-sizing: border-box; box-sizing: border-box;
font-family: 'Source Code Pro', monospace; font-family: 'Source Code Pro', monospace;
font-size: 17px; font-size: 17px;
line-height: 1.5;
outline: none; outline: none;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
} }
@@ -21,6 +22,15 @@ const Global = createGlobalStyle<Props>`
dark ? theme.colors.dark.background : theme.colors.light.background}; dark ? theme.colors.dark.background : theme.colors.light.background};
color: ${({ dark, theme }) => (dark ? theme.colors.dark.text : theme.colors.light.text)}; color: ${({ dark, theme }) => (dark ? theme.colors.dark.text : theme.colors.light.text)};
transition: color 250ms ease-in-out, background 250ms ease-in-out; transition: color 250ms ease-in-out, background 250ms ease-in-out;
scroll-behavior: smooth;
}
body::-webkit-scrollbar {
width: 0.5rem;
}
body::-webkit-scrollbar-thumb {
background-color: ${({ dark, theme }) => (dark ? theme.colors.dark.text : theme.colors.light.text)};
} }
`; `;