Skip to content

Commit 9535242

Browse files
pimterrypimterry
committed
Migrate everything to linaria
1 parent 294aa4e commit 9535242

File tree

163 files changed

+2595
-2896
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

163 files changed

+2595
-2896
lines changed

‎src/app/(thank-you-pages)/web-purchase-thank-you/page.tsx‎

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,14 @@
11
import { Suspense } from 'react';
22

3-
import { CapturePurchaseEvent } from './capture-purchase-event';
43
import {
5-
StyledThankYouColumnContent,
4+
StyledThankYouSection,
65
StyledThankYouColumns,
6+
StyledThankYouColumnContent,
77
StyledGradientBottom,
8-
StyledTextContent,
9-
StyledThankYouSection,
108
StyledSectionCTAWrapper,
9+
StyledTextContent,
1110
} from './thank-you.styles';
12-
11+
import { CapturePurchaseEvent } from './capture-purchase-event';
1312
import { Container } from '@/components/elements/container';
1413
import { Heading } from '@/components/elements/heading';
1514
import { StyledHideElementOn } from '@/components/elements/hide-on/hide-on';

‎src/app/(thank-you-pages)/web-purchase-thank-you/thank-you.styles.ts‎

Lines changed: 3 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,7 @@
1-
'use client';
1+
import { styled } from '@linaria/react';
22

3-
import { Container } from '@/components/elements/container';
3+
import { screens } from '@/styles/tokens';
44
import { Section } from '@/components/elements/section';
5-
import { screens, styled } from '@/styles';
65

76
export const StyledThankYouSection = styled(Section)`
87
padding-top: 16px;
@@ -35,16 +34,6 @@ export const StyledThankYouColumnContent = styled.div`
3534
}
3635
`;
3736

38-
export const StyledButtonsWrapper = styled.div`
39-
display: flex;
40-
flex-direction: column;
41-
gap: 12px;
42-
43-
@media (min-width: ${screens['lg']}) {
44-
flex-direction: row;
45-
}
46-
`;
47-
4837
export const StyledGradientBottom = styled.div`
4938
width: 100%;
5039
height: 100%;
@@ -94,10 +83,6 @@ export const StyledSectionCTAWrapper = styled.div`
9483
}
9584
`;
9685

97-
export const StyledMobileText = styled(Container)`
98-
margin-top: 16px;
99-
`;
100-
10186
export const StyledTextContent = styled.div`
10287
text-align: center;
10388
justify-content: center;
@@ -108,4 +93,4 @@ export const StyledTextContent = styled.div`
10893
@media (min-width: ${screens['lg']}) {
10994
text-align: left;
11095
}
111-
`;
96+
`;

‎src/app/alternatives/alternatives.styles.ts‎

Lines changed: 0 additions & 63 deletions
This file was deleted.

‎src/app/alternatives/page.tsx‎

Lines changed: 62 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,6 @@
1-
import {
2-
StyledAlternativesColumnContent,
3-
StyledAlternativesPageColumns,
4-
StyledGradientLeft,
5-
StyledAlternativeHeadingTag,
6-
StyledAlternativeList
7-
} from './alternatives.styles';
1+
import { styled } from '@linaria/react';
82

3+
import { screens, fontSizes } from '@/styles/tokens';
94
import { LandingLayout } from '@/components/layout/landing-layout';
105
import { Container } from '@/components/elements/container';
116
import { Gradient } from '@/components/elements/gradient';
@@ -15,6 +10,66 @@ import Stack from '@/components/elements/stack';
1510
import { Text } from '@/components/elements/text';
1611
import { Link } from '@/components/elements/link';
1712

13+
const StyledAlternativesPageColumns = styled.div`
14+
display: grid;
15+
grid-template-columns: 1fr;
16+
gap: 64px;
17+
18+
@media (min-width: ${screens['lg']}) {
19+
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
20+
gap: 96px;
21+
}
22+
`;
23+
24+
const StyledAlternativesColumnContent = styled.div`
25+
display: flex;
26+
flex-direction: column;
27+
justify-content: space-between;
28+
gap: 32px;
29+
30+
@media (min-width: ${screens['lg']}) {
31+
gap: 64px;
32+
}
33+
34+
a {
35+
text-decoration: underline;
36+
}
37+
`;
38+
39+
const StyledGradientLeft = styled.div`
40+
position: absolute;
41+
max-width: 100%;
42+
top: -180px;
43+
left: 0;
44+
height: 780px;
45+
46+
pointer-events: none;
47+
48+
@media (min-width: ${screens['lg']}) {
49+
top: -7px;
50+
}
51+
`;
52+
53+
const StyledAlternativeList = styled.ul`
54+
list-style: disc inside;
55+
`;
56+
57+
const StyledAlternativeHeadingTag = styled.h2`
58+
display: inline-block;
59+
60+
font-size: ${fontSizes.heading.mobile.m};
61+
color: var(--text-light-grey);
62+
line-height: 1.5;
63+
64+
@media (min-width: ${screens.lg}) {
65+
font-size: ${fontSizes.heading.desktop.m};
66+
}
67+
68+
&:hover {
69+
text-decoration: underline;
70+
}
71+
`;
72+
1873
export default function AlternativesPage() {
1974
return (
2075
<LandingLayout>

‎src/app/blog/[slug]/post-share/index.tsx‎

Lines changed: 27 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,6 @@
11
import dynamic from 'next/dynamic';
22

3-
import { SocialShareContainer, SocialButton } from './post-share.styles';
4-
import type { SocialShareProps } from './post-share.types';
3+
import { styled } from '@linaria/react';
54

65
import { TwitterX, RedditLogo, DevToLogo, YCombinator, ProductHuntLogo, Butterfly } from '@/components/elements/icon';
76
import { SquareIcon } from '@/components/elements/square-icon';
@@ -11,6 +10,32 @@ import { siteMetadata } from '@/lib/site-metadata';
1110

1211
const WebShare = dynamic(() => import('@/components/modules/social-share/web-share'), { ssr: false });
1312

13+
interface SocialShareProps extends Pick<Post, 'socialLinks'> {
14+
postTitle?: string;
15+
postUrl?: string;
16+
}
17+
18+
const SocialShareContainer = styled.div`
19+
display: flex;
20+
flex-direction: column;
21+
align-items: center;
22+
width: 100%;
23+
justify-content: center;
24+
gap: 8px;
25+
margin-top: 64px;
26+
`;
27+
28+
const SocialButton = styled.a`
29+
display: inline-flex;
30+
cursor: pointer;
31+
32+
@media (hover: hover) {
33+
&:hover {
34+
cursor: pointer;
35+
}
36+
}
37+
`;
38+
1439
export const SocialPostShare = ({ postTitle, postUrl, socialLinks }: SocialShareProps) => {
1540
const fullPostUrl = `${siteMetadata.siteUrl}/blog/${postUrl}/`;
1641

‎src/app/blog/[slug]/post-share/post-share.styles.ts‎

Lines changed: 0 additions & 24 deletions
This file was deleted.

‎src/app/blog/[slug]/post-share/post-share.types.ts‎

Lines changed: 0 additions & 4 deletions
This file was deleted.

‎src/app/contact/contact.styles.ts‎

Lines changed: 0 additions & 39 deletions
This file was deleted.

‎src/app/contact/page.tsx‎

Lines changed: 38 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
1-
import { StyledContactColumnContent, StyledContactPageColumns, StyledGradientLeft } from './contact.styles';
1+
import { styled } from '@linaria/react';
22

3+
import { screens } from '@/styles/tokens';
34
import { Container } from '@/components/elements/container';
45
import { Gradient } from '@/components/elements/gradient';
56
import { Heading } from '@/components/elements/heading';
@@ -11,6 +12,42 @@ import { LandingLayout } from '@/components/layout/landing-layout';
1112
import { ContentCard } from '@/components/modules/content-card';
1213
import { ContactForm } from '@/components/sections/contact-form';
1314

15+
const StyledContactPageColumns = styled.div`
16+
display: grid;
17+
grid-template-columns: 1fr;
18+
gap: 64px;
19+
20+
@media (min-width: ${screens['lg']}) {
21+
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
22+
gap: 96px;
23+
}
24+
`;
25+
26+
const StyledContactColumnContent = styled.div`
27+
display: flex;
28+
flex-direction: column;
29+
justify-content: space-between;
30+
gap: 32px;
31+
32+
@media (min-width: ${screens['lg']}) {
33+
gap: 64px;
34+
}
35+
`;
36+
37+
const StyledGradientLeft = styled.div`
38+
position: absolute;
39+
max-width: 100%;
40+
top: -180px;
41+
left: 0;
42+
height: 780px;
43+
44+
pointer-events: none;
45+
46+
@media (min-width: ${screens['lg']}) {
47+
top: -7px;
48+
}
49+
`;
50+
1451
export default function ContactPage() {
1552
return (
1653
<LandingLayout>

0 commit comments

Comments
 (0)