Update cursive font to Caveat and fixed brand stores spacing problem.

This commit is contained in:
David Ball 2024-07-11 17:42:07 -04:00
parent 845cc7185d
commit e804720c7a
7 changed files with 33 additions and 33 deletions

View File

@ -3,7 +3,7 @@ import { getCategoryIdForSeoLink } from '../categories';
export const CoastStoreProducts: Product[] = [ export const CoastStoreProducts: Product[] = [
{ {
slug: 'B07V3LB5DN', slug: 'B00SJRDIN2',
tags: ['flashlight', 'safety'], tags: ['flashlight', 'safety'],
brand: 'Coast', brand: 'Coast',
name: 'Durable 8" Spot/Flood LED flashlight', name: 'Durable 8" Spot/Flood LED flashlight',

View File

@ -23,7 +23,7 @@ const { title } = Astro.props;
<script src={bootstrap}></script> <script src={bootstrap}></script>
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Holtwood+One+SC&family=Protest+Strike&family=Charm:wght@400;700&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Holtwood+One+SC&family=Caveat:wght@400..700&Protest+Strike&family=Charm:wght@400;700&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
</head> </head>
<body> <body>
<slot /> <slot />

View File

@ -126,12 +126,12 @@ const category = allCategories.find(c => c.id == product.categoryId)!;
margin-bottom: 2rem; margin-bottom: 2rem;
border: 1px solid rgba(var(--accent-light), 25%); border: 1px solid rgba(var(--accent-light), 25%);
background: linear-gradient(rgba(var(--accent-dark), 66%), rgba(var(--accent-dark), 33%)); background: linear-gradient(rgba(var(--accent-dark), 66%), rgba(var(--accent-dark), 33%));
padding: 1.5rem; padding: 0.5rem;
border-radius: 8px; border-radius: 8px;
font-family: "Charm", cursive; font-family: "Caveat", cursive;
font-weight: 400; font-weight: 400;
font-style: normal; font-style: normal;
font-size: 2rem; font-size: 2.5rem;
text-align: center; text-align: center;
} }
.instructions code { .instructions code {

View File

@ -72,12 +72,12 @@ import { allCategories } from '../data/categories';
margin-bottom: 2rem; margin-bottom: 2rem;
border: 1px solid rgba(var(--accent-light), 25%); border: 1px solid rgba(var(--accent-light), 25%);
background: linear-gradient(rgba(var(--accent-dark), 66%), rgba(var(--accent-dark), 33%)); background: linear-gradient(rgba(var(--accent-dark), 66%), rgba(var(--accent-dark), 33%));
padding: 1.5rem; padding: 0.5rem;
border-radius: 8px; border-radius: 8px;
font-family: "Charm", cursive; font-family: "Caveat", cursive;
font-weight: 400; font-weight: 400;
font-style: normal; font-style: normal;
font-size: 2rem; font-size: 2.5rem;
text-align: center; text-align: center;
} }
.instructions code { .instructions code {

View File

@ -90,12 +90,12 @@ const categoryProducts = allProducts.filter(p => p.categoryId === category.id)!;
margin-bottom: 2rem; margin-bottom: 2rem;
border: 1px solid rgba(var(--accent-light), 25%); border: 1px solid rgba(var(--accent-light), 25%);
background: linear-gradient(rgba(var(--accent-dark), 66%), rgba(var(--accent-dark), 33%)); background: linear-gradient(rgba(var(--accent-dark), 66%), rgba(var(--accent-dark), 33%));
padding: 1.5rem; padding: 0.5rem;
border-radius: 8px; border-radius: 8px;
font-family: "Charm", cursive; font-family: "Caveat", cursive;
font-weight: 400; font-weight: 400;
font-style: normal; font-style: normal;
font-size: 2rem; font-size: 2.5rem;
text-align: center; text-align: center;
} }
.instructions code { .instructions code {

View File

@ -70,12 +70,12 @@ import { allCategories } from '../data/categories';
margin-bottom: 2rem; margin-bottom: 2rem;
border: 1px solid rgba(var(--accent-light), 25%); border: 1px solid rgba(var(--accent-light), 25%);
background: linear-gradient(rgba(var(--accent-dark), 66%), rgba(var(--accent-dark), 33%)); background: linear-gradient(rgba(var(--accent-dark), 66%), rgba(var(--accent-dark), 33%));
padding: 1.5rem; padding: 0.5rem;
border-radius: 8px; border-radius: 8px;
font-family: "Charm", cursive; font-family: "Caveat", cursive;
font-weight: 400; font-weight: 400;
font-style: normal; font-style: normal;
font-size: 2rem; font-size: 2.5rem;
text-align: center; text-align: center;
} }
.instructions code { .instructions code {