Global styling - Githubissues

UoaWDCC / wdcc-website-v3

2024 Website Refresh

0 stars 0 forks source link

Global styling #37

Closed Bobsters6666 closed 3 months ago

Bobsters6666 commented 3 months ago

Context

Create global styles to keep styling consistent and making to easier to change styles in the future.

What Changed?

Initialised react and shadcn
Created a global.css file to keep track of global colors and font stylings for h1, h2, p...
Configured tailwind.config to utilise the global css variables.
Set the max width of the index page to 1125px as per figma design.

How To Review

./src/global.css
./tailwind.config.mjs
./src/pages/index.astro

Testing

Tested stylings with (h1, h2, ...., p) tags and button in index page.