Michael WaalerDec 19, 2022

Completed my first #frontendmentor challenge using #parcel

There was a learning curve, particularly with regard to how it handles relative paths. But I really liked being able to use custom media queries and nested media queries!

https://www.frontendmentor.io/solutions/github-user-search-app-RmQax1_NfR#comment-63a05e47a01489593714e242

Frontend Mentor | Github API search app made with Parcel, future CSS syntax, BEM coding challenge solution

10high's front-end solution for the GitHub user search app coding challenge on Frontend Mentor

Frontend Mentor
Show threadMichael WaalerDec 19, 2022

Also, I was surprised to learn that you can use a #CSS custom property as the value for an attribute in HTML, like so:
<svg class="header__toggleIcon" width="20" height="20" xmlns="http://www.w3.org/2000/svg">
<g fill="var(--toggleModeFontColor)" fill-rule="nonzero">
<path d="..." />
</g>
</svg>

I'm not sure yet why it works...

SVG namespace

Show threadMassimo VillaDec 19, 2022

@10high SVG world is full of surprises :) By the way, when using inline SVGs you can just delete

xmlns="http://www.w3.org/2000/svg"

to save some bits.

SVG namespace

Show threadMichael Waaler
@massimovilla oh, thanks for the tip!
Dec 19, 2022 at 6:52pmWeb