EthicalSource / hippocratic-license-3

An ethical license for open source.

https://firstdonoharm.dev/

Other

34 stars 6 forks source link

Reorganize css #30

Closed nilsnh closed 2 years ago

nilsnh commented 2 years ago

Milestone

This PR resolves issue #19 .

Getting there

I created an assets/ folder and started splitting the main.css file into two categories of Sass files.
- Files with .elements.scss suffix are files that style HTML elements directly. This helps surface the styles that might conflict.
- Files with .components.scss suffix is for any .class usage. Styling HTML elements are allowed but only nested within a css class.
- I also explain this naming convention in the main.scss file.

Interesting bits

Moving forward you'll need the Hugo extended version that includes code for building Sass. There are only two variants of Hugo available, so if you have trouble building the application you can run hugo version to verify that you have the extended version installed.

What I need help with

Please ask questions or give feedback if something about this seems unclear. 🙂

What's next

After merging, this PR should allow us to:

More easily do styling without having accidentally clobbering styles around the site. 😅

netlify[bot] commented 2 years ago

✔️ Deploy Preview for hl3 ready!

🔨 Explore the source changes: b6d6b5dab0774aaf8b126fa56c0ef8b42f8751d7

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

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