jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-11-20 19:40:52 -05:00
Code Issues Activity

switch some style props to css

Browse Source
This commit is contained in:
Jake Jarvis
2022-03-03 11:46:18 -05:00
parent 4e32048cca
commit dc7622a7af
6 changed files with 32 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
pages/hillary.tsx
View File

@@ -38,15 +38,15 @@ const Hillary = () => (
<Copyright>
Video is property of{" "}
<Link href="https://www.hillaryclinton.com/" style={{ fontWeight: 700 }}>
<Link href="https://www.hillaryclinton.com/" css={{ fontWeight: 700 }}>
Hillary for America
</Link>
, the{" "}
<Link href="https://democrats.org/" style={{ fontWeight: 700 }}>
<Link href="https://democrats.org/" css={{ fontWeight: 700 }}>
Democratic National Committee
</Link>
, and{" "}
<Link href="https://cnnpressroom.blogs.cnn.com/" style={{ fontWeight: 700 }}>
<Link href="https://cnnpressroom.blogs.cnn.com/" css={{ fontWeight: 700 }}>
CNN / WarnerMedia
</Link>
. &copy; 2016.

31
pages/index.tsx
View File

@@ -1,6 +1,7 @@
import Content from "../components/Content/Content";
import Link, { CustomLinkProps } from "../components/Link/Link";
import { styled, keyframes, darkTheme } from "../lib/styles/stitches.config";
import type * as Stitches from "@stitches/react";
const Wrapper = styled(Content, {
fontSize: "1em",
@@ -10,26 +11,28 @@ const Wrapper = styled(Content, {
const ColorfulLink = ({
lightColor,
darkColor,
css,
...rest
}: CustomLinkProps & {
lightColor: string;
darkColor: string;
css?: Stitches.CSS;
}) => {
return (
<>
<Link
css={{
color: lightColor,
backgroundGradientHack: { color: lightColor },
<Link
css={{
color: lightColor,
backgroundGradientHack: { color: lightColor },
[`.${darkTheme} &`]: {
color: darkColor,
backgroundGradientHack: { color: darkColor },
},
}}
{...rest}
/>
</>
[`.${darkTheme} &`]: {
color: darkColor,
backgroundGradientHack: { color: darkColor },
},
...css,
}}
{...rest}
/>
);
};
@@ -330,7 +333,7 @@ const Index = () => (
title="My Public Key"
lightColor="#757575"
darkColor="#959595"
style={{ background: "none" }}
css={{ background: "none !important" }}
forceNewWindow
>
<code>🔐 2B0C 9CF2 51E6 9A39</code>

4
pages/leo.tsx
View File

@@ -39,11 +39,11 @@ const Leo = () => (
<Copyright>
Video is property of{" "}
<Link href="https://web.archive.org/web/20070511004304/http://www.g4techtv.ca/" style={{ fontWeight: 700 }}>
<Link href="https://web.archive.org/web/20070511004304/http://www.g4techtv.ca/" css={{ fontWeight: 700 }}>
G4techTV Canada
</Link>{" "}
&amp;{" "}
<Link href="https://leolaporte.com/" style={{ fontWeight: 700 }}>
<Link href="https://leolaporte.com/" css={{ fontWeight: 700 }}>
Leo Laporte
</Link>
. &copy; 2007 G4 Media, Inc.