Skip to content

Commit d40bbe4

Browse files
TylerAPfleddererTylerAPfledderer
committed
style(pages/what-is-ethereum): update spacing and color util classes
1 parent 8e98151 commit d40bbe4

File tree

1 file changed

+19
-22
lines changed

1 file changed

+19
-22
lines changed

‎src/pages/what-is-ethereum.tsx

Lines changed: 19 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -66,16 +66,13 @@ const Slogan = (props: ChildOnlyProp) => (
6666

6767
const Title = (props: ChildOnlyProp) => (
6868
<h1
69-
className="text-sm font-medium uppercase leading-xs tracking-wider text-[#7f7f7f] dark:text-[hsla(0,0%,69.8%,.8)]"
69+
className="text-sm font-medium uppercase leading-xs tracking-wider"
7070
{...props}
7171
/>
7272
)
7373

7474
const Subtitle = (props: ChildOnlyProp) => (
75-
<p
76-
className="text-xl leading-xs text-[#666] dark:text-[#b2b2b2]"
77-
{...props}
78-
/>
75+
<p className="text-xl leading-xs" {...props} />
7976
)
8077

8178
const Hero = (props: ChildOnlyProp) => (
@@ -263,7 +260,7 @@ const WhatIsEthereumPage = ({
263260
title: t("page-what-is-ethereum-cryptocurrency-tab-title"),
264261
eventName: "Cryptocurrency tab",
265262
content: (
266-
<Stack className="gap-[1.45rem]">
263+
<Stack className="gap-6">
267264
<p>
268265
<Translation id="page-what-is-ethereum:page-what-is-ethereum-cryptocurrency-tab-content-1" />
269266
</p>
@@ -307,7 +304,7 @@ const WhatIsEthereumPage = ({
307304
<Stack className="mb-6 gap-4" asChild>
308305
<header>
309306
<Title>{t("page-what-is-ethereum-title")}</Title>
310-
<Stack className="gap-[1.45rem]">
307+
<Stack className="gap-6">
311308
<Slogan>{t("page-what-is-ethereum-desc")}</Slogan>
312309
<Subtitle>{t("page-what-is-ethereum-subtitle")}</Subtitle>
313310
<ButtonRow>
@@ -339,7 +336,7 @@ const WhatIsEthereumPage = ({
339336
<h2 className="text-[1.4rem] leading-xs text-[#4c4c4c] dark:text-[#ccc]">
340337
{t("page-what-is-ethereum-summary-title")}
341338
</h2>
342-
<Stack className="gap-[1.45rem]">
339+
<Stack className="gap-6">
343340
<p>{t("page-what-is-ethereum-summary-desc-1")}</p>
344341
<p>{t("page-what-is-ethereum-summary-desc-2")}</p>
345342
<p>{t("page-what-is-ethereum-summary-desc-3")}</p>
@@ -349,7 +346,7 @@ const WhatIsEthereumPage = ({
349346
</Width60>
350347
<Width40 />
351348
</TwoColumnContent>
352-
<div>
349+
<Stack className="gap-8">
353350
<div>
354351
<H2>{t("page-what-is-ethereum-what-can-eth-do-title")}</H2>
355352
<CardContainer>
@@ -383,7 +380,7 @@ const WhatIsEthereumPage = ({
383380
</Width60>
384381
<Width40 />
385382
</TwoColumnContent>
386-
</div>
383+
</Stack>
387384
</Stack>
388385
</Section>
389386

@@ -393,7 +390,7 @@ const WhatIsEthereumPage = ({
393390
<H2>
394391
{t("page-what-is-ethereum-why-would-i-use-ethereum-title")}
395392
</H2>
396-
<Stack className="gap-[1.45rem]">
393+
<Stack className="gap-6">
397394
<p>{t("page-what-is-ethereum-why-would-i-use-ethereum-1")}</p>
398395
<p>{t("page-what-is-ethereum-why-would-i-use-ethereum-2")}</p>
399396

@@ -408,7 +405,7 @@ const WhatIsEthereumPage = ({
408405
>
409406
<EmblaSlide>
410407
<H3>{t("page-what-is-ethereum-slide-1-title")}</H3>
411-
<Stack className="mb-[1.45rem] gap-[1.45rem]">
408+
<Stack className="mb-4 gap-6">
412409
<p>
413410
<Translation id="page-what-is-ethereum:page-what-is-ethereum-slide-1-desc-1" />
414411
</p>
@@ -417,7 +414,7 @@ const WhatIsEthereumPage = ({
417414
</EmblaSlide>
418415
<EmblaSlide>
419416
<H3>{t("page-what-is-ethereum-slide-2-title")}</H3>
420-
<Stack className="mb-[1.45rem] gap-[1.45rem]">
417+
<Stack className="mb-4 gap-6">
421418
<p>{t("page-what-is-ethereum-slide-2-desc-1")}</p>
422419
<p>
423420
<Translation id="page-what-is-ethereum:page-what-is-ethereum-slide-2-desc-2" />
@@ -426,15 +423,15 @@ const WhatIsEthereumPage = ({
426423
</EmblaSlide>
427424
<EmblaSlide>
428425
<H3>{t("page-what-is-ethereum-slide-3-title")}</H3>
429-
<Stack className="mb-[1.45rem] gap-[1.45rem]">
426+
<Stack className="mb-4 gap-6">
430427
<p>
431428
<Translation id="page-what-is-ethereum:page-what-is-ethereum-slide-3-desc-1" />
432429
</p>
433430
</Stack>
434431
</EmblaSlide>
435432
<EmblaSlide>
436433
<H3>{t("page-what-is-ethereum-slide-4-title")}</H3>
437-
<Stack className="mb-[1.45rem] gap-[1.45rem]">
434+
<Stack className="mb-4 gap-6">
438435
<p>{t("page-what-is-ethereum-slide-4-desc-1")}</p>
439436
<p>{t("page-what-is-ethereum-slide-4-desc-2")}</p>
440437
</Stack>
@@ -615,7 +612,7 @@ const WhatIsEthereumPage = ({
615612
</Width40>
616613
<Width60>
617614
<H2>{t("page-what-is-ethereum-who-runs-ethereum-title")}</H2>
618-
<Stack className="gap-[1.45rem]">
615+
<Stack className="gap-6">
619616
<p>
620617
<Translation id="page-what-is-ethereum:page-what-is-ethereum-who-runs-ethereum-desc-1" />
621618
</p>
@@ -639,7 +636,7 @@ const WhatIsEthereumPage = ({
639636
</Width40>
640637
<Width60>
641638
<H2>{t("page-what-is-ethereum-smart-contract-title")}</H2>
642-
<Stack className="gap-[1.45rem]">
639+
<Stack className="gap-6">
643640
<p>
644641
<Translation id="page-what-is-ethereum:page-what-is-ethereum-smart-contract-desc-1" />
645642
</p>
@@ -675,7 +672,7 @@ const WhatIsEthereumPage = ({
675672
</Width40>
676673
<Width60>
677674
<H2>{t("page-what-is-ethereum-meet-ether-title")}</H2>
678-
<Stack className="gap-[1.45rem]">
675+
<Stack className="gap-6">
679676
<p>{t("page-what-is-ethereum-meet-ether-desc-1")}</p>
680677
<p>{t("page-what-is-ethereum-meet-ether-desc-2")}</p>
681678
<ButtonRow>
@@ -704,7 +701,7 @@ const WhatIsEthereumPage = ({
704701
</Width40>
705702
<Width60>
706703
<H2>{t("page-what-is-ethereum-energy-title")}</H2>
707-
<Stack className="gap-[1.45rem]">
704+
<Stack className="gap-6">
708705
<p>
709706
<Translation id="page-what-is-ethereum:page-what-is-ethereum-energy-desc-1" />
710707
</p>
@@ -737,7 +734,7 @@ const WhatIsEthereumPage = ({
737734
</Width40>
738735
<Width60>
739736
<H2>{t("page-what-is-ethereum-criminal-activity-title")}</H2>
740-
<Stack className="gap-[1.45rem]">
737+
<Stack className="gap-6">
741738
<p>{t("page-what-is-ethereum-criminal-activity-desc-1")}</p>
742739
<p>{t("page-what-is-ethereum-criminal-activity-desc-2")}</p>
743740
<p>
@@ -766,7 +763,7 @@ const WhatIsEthereumPage = ({
766763
</Width40>
767764
<Width60>
768765
<H2>{t("page-what-is-ethereum-btc-eth-diff-title")}</H2>
769-
<Stack className="gap-[1.45rem]">
766+
<Stack className="gap-6">
770767
<p>{t("page-what-is-ethereum-btc-eth-diff-1")}</p>
771768
<p>
772769
<Translation id="page-what-is-ethereum:page-what-is-ethereum-btc-eth-diff-2" />
@@ -781,7 +778,7 @@ const WhatIsEthereumPage = ({
781778

782779
<Content>
783780
<H2>{t("page-what-is-ethereum-additional-reading")}</H2>
784-
<Stack className="mb-[1.45rem] gap-[1.45rem]">
781+
<Stack className="mb-4 gap-6">
785782
<p>
786783
<InlineLink href="https://weekinethereumnews.com/">
787784
{t("page-what-is-ethereum-week-in-ethereum")}

0 commit comments

Comments
 (0)