argyleink / gui-challenges

Components from the YouTube show GUI Challenges: accessible, responsive, adaptive and cross browser components.

Home Page:https://youtube.com/playlist?list=PLNYkxOF6rcIAaV1wwI9540OC_3XoIzMjQ

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Color-scheme is missing class from example

schroef opened this issue · comments

Im looking at the color-scheme setup i noticed some classes seem to be missing. Forking the this project and check the css i noticed some class are missing.

see below
missing-class
missing-class2

When i checked the css from the example and compare this. Look how much is different,
fork-vs-example

I see the part for the base of the divs is added, but its incorrect, this only works in scss if im correct
incorrect-sub-class

yo! the color-schemes project uses Vite to build the CSS. Things like, place-content: center becoming also align-content: center and justify-content: center are results of PostCSS preprocessor build work. Do you have Nodejs installed?

if you wanted to peep just the vanilla output, check out the hosted demo! https://gui-challenges.web.app/color-schemes/dist/ it's the result of a build, so you wont need to comb through any PostCSS stuff 👍🏻