Commit 9ec729c0 authored by Wohlgemuth, Jason's avatar Wohlgemuth, Jason
Browse files

feat: Update astro and use experimental font api to update fonts

parent 09c74d02

astro.config.mjs

+29 −1
Original line number Diff line number Diff line 
import { defineConfig } from 'astro/config';

import { defineConfig, fontProviders } from 'astro/config';

import react from '@astrojs/react';



import tailwind from '@astrojs/tailwind';



// https://astro.build/config

export default defineConfig({

    experimental: {

        fonts: [

            {

                provider: fontProviders.google(),

                name: 'Lato',

                cssVariable: '--font-lato',

                weights: [400, 500, 600]

            },

            {

                provider: fontProviders.google(),

                name: 'Open Sans',

                cssVariable: '--font-open-sans',

                weights: [300, 400, 500]

            },

            {

                provider: fontProviders.google(),

                name: 'Oswald',

                cssVariable: '--font-oswald',

                weights: [300, 400, 500, 600]

            },

            {

                provider: fontProviders.google(),

                name: 'Roboto',

                cssVariable: '--font-roboto',

                weights: [400, 500, 600]

            }

        ]

    },

    outDir: 'html',

    integrations: [react(), tailwind({ applyBaseStyles: false })],

});

package-lock.json

+654 −545

File changed.

Preview size limit exceeded, changes collapsed.

package.json

+1 −1
Original line number Diff line number Diff line
@@ -29,7 +29,7 @@ 
    "@radix-ui/react-label": "^2.1.0",

    "@radix-ui/react-navigation-menu": "^1.2.5",

    "@radix-ui/react-slot": "^1.2.3",

    "astro": "5.3.0",

    "astro": "^5.12.8",

    "astro-capo": "^0.0.1",

    "astro-lighthouse": "^0.1.3",

    "class-variance-authority": "^0.7.0",

src/components/Catalog.astro

+3 −1
Original line number Diff line number Diff line
@@ -49,6 +49,9 @@ const { items } = Astro.props; 
        height: 300px;

    }

    .card-title {

        font-family: var(--font-lato);

        font-size: 1.2rem;

        font-weight: 600;

        -webkit-line-clamp: 1;

        line-clamp: 1;

        -webkit-box-orient: vertical;
@@ -57,7 +60,6 @@ const { items } = Astro.props; 
        display: -webkit-box;

        max-height: 50px;

        overflow: hidden;

        font-size: 1.2rem;

    }

    .card-description {

        -webkit-line-clamp: 2;

src/components/Header.astro

+7 −1
Original line number Diff line number Diff line
@@ -30,7 +30,6 @@ const { title, subtitle, isAboutPage } = Astro.props; 
    }

    header {

        color: #FFF;

        font-family: var(--font-family);

        margin-top: 4px;

        padding: 0;

        width: 100%;
@@ -46,9 +45,14 @@ const { title, subtitle, isAboutPage } = Astro.props; 
            padding: 40px;

            width: var(--header-width);

            & > h1 {

                font-family: var(--font-oswald);

                font-size: 3.5rem;

                font-weight: 400;

                text-transform: uppercase;

                & + p {

                    font-family: var(--font-open-sans);

                    font-size: 1.5rem;

                    font-weight: 300;

                }

            }

            & > h2 {
@@ -62,6 +66,8 @@ const { title, subtitle, isAboutPage } = Astro.props; 
    #navigation-menu-container {

        display: flex;

        height: var(--menu-height);

        font-family: var(--font-open-sans);

        font-variant: normal;

        max-width: 2000px;

        margin: 0 auto;

        min-width: 1000px;