jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-07-03 23:46:40 -04:00
Code Issues Activity

refactor component styles to use type-safe stitches tokens

Browse Source 
https://stitches.dev/docs/typescript#stricter-experience
This commit is contained in:
Jake Jarvis
2022-07-07 13:33:20 -04:00
parent 2c7e266fc3
commit b1a92a2eab
40 changed files with 170 additions and 223 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
components/MenuItem/MenuItem.tsx
View File

@ -1,9 +1,9 @@
import Link from "../Link";
import { styled } from "../../lib/styles/stitches.config";
import { styled, theme } from "../../lib/styles/stitches.config";
const MenuLink = styled(Link, {
display: "inline-block",
color: "$mediumDark",
color: theme.colors.mediumDark,
padding: "0.6em",
variants: {
@ -11,12 +11,12 @@ const MenuLink = styled(Link, {
current: {
true: {
marginBottom: "-0.2em",
borderBottom: "0.2em solid $linkUnderline",
borderBottom: `0.2em solid ${theme.colors.linkUnderline}`,
},
false: {
"&:hover": {
marginBottom: "-0.2em",
borderBottom: "0.2em solid $kindaLight",
borderBottom: `0.2em solid ${theme.colors.kindaLight}`,
},
},
},