EthicalSource / hippocratic-license-3

An ethical license for open source.

https://firstdonoharm.dev/

Other

33 stars 5 forks source link

Improve button styling #34

Closed nilsnh closed 2 years ago

nilsnh commented 2 years ago

Milestone

Related to #20 .

Getting there

Iterated my way to a simple button style in our Figma project.
Implemented a new button style and made use of it.

Interesting bits

I had to figure out how to style web components from the outside. Apparently the proper way to do it is using ::part().
Furthermore, in order to style nested components one needs to make use of an experimental exportparts attribute. Caniuse reports that it is supported in all major browsers despite being marked as experimental in MDN Web Docs.

What I need help with

Not much here I think. :slightly_smiling_face:

What's next

After merging, this PR should allow us to:

Further improve the styling.

netlify[bot] commented 2 years ago

✔️ Deploy Preview for hl3 ready!

🔨 Explore the source changes: 781d20ef5efad3e0d326e99ecc0f70327526bee7

🔍 Inspect the deploy log: https://app.netlify.com/sites/hl3/deploys/61d1ec2a61fea400070c6343

😎 Browse the preview: https://deploy-preview-34--hl3.netlify.app