crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-23 04:36:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Complete color and font implementation into news and about pages

Browse Source
This commit is contained in:
Daniele Pancottini
2023-02-21 10:36:32 +01:00
parent 6e202e0cbd
commit 4be082fedc
8 changed files with 50 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
site/components/common/About/AboutSlider.module.css
View File

@@ -3,4 +3,8 @@
.aboutSliderText {
font-family: 'Dancing Script', cursive;
}
.aboutSliderHeading {
font-family: 'Dancing Script', cursive !important;
}

4
site/components/common/About/AboutSlider.tsx
View File

@@ -107,12 +107,12 @@ export default function AboutSlider() {
position="relative"
>
<Stack spacing={6} w={'full'} maxW={'-webkit-max-content'}>
<Heading fontSize={{ base: '3xl', md: '4xl', lg: '5xl' }}>
<Heading color={card.titleColor} className={style.aboutSliderHeading} fontSize={{ base: '3xl', md: '4xl', lg: '5xl' }}>
{card.title}
</Heading>
<Text
as={"span"}
fontSize={{ base: 'lg', lg: 'xl' }}
fontSize={{ base: 'xl', lg: '2xl' }}
color="GrayText"
className={style.aboutSliderText}
>

2
site/components/common/Layout/Layout.tsx
View File

@@ -121,7 +121,7 @@ const Layout: React.FC<Props> = ({
<style jsx>
{
`.vintageBackground {
background-color: rgba(240, 226, 123, 0.9)
background-color: rgba(240, 226, 123, 0.8)
}`
}
</style>

4
site/components/common/News/NewsSlider.module.css
View File

@@ -3,4 +3,8 @@
.newsSliderText {
font-family: 'Dancing Script', cursive;
}
.newsSliderHeading {
font-family: 'Dancing Script', cursive !important;
}

2
site/components/common/News/NewsSlider.tsx
View File

@@ -107,7 +107,7 @@ export default function NewsSlider() {
position="relative"
>
<Stack spacing={6} w={'full'} maxW={'-webkit-max-content'}>
<Heading fontSize={{ base: '3xl', md: '4xl', lg: '5xl' }}>
<Heading color={card.titleColor} className={style.newsSliderHeading} fontSize={{ base: '3xl', md: '4xl', lg: '5xl' }}>
{card.title}
</Heading>
<Text