jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-07-01 04:26:37 -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

6
components/IFrame/IFrame.tsx
View File

@ -1,12 +1,12 @@
import { styled } from "../../lib/styles/stitches.config";
import { styled, theme } from "../../lib/styles/stitches.config";
import type { ComponentProps } from "react";
const RoundedIFrame = styled("iframe", {
width: "100%",
display: "block",
margin: "1em auto",
border: "2px solid $kindaLight",
borderRadius: "$rounded",
border: `2px solid ${theme.colors.kindaLight}`,
borderRadius: theme.radii.rounded,
});
export type IFrameProps = ComponentProps<typeof RoundedIFrame> & {