Try out standard indentation

[jgerigmeyer]

[netlify]

✅ Deploy Preview for sass-site-oddbird ready!

Name	Link
🔨 Latest commit	b1dcf05
🔍 Latest deploy log	https://app.netlify.com/sites/sass-site-oddbird/deploys/64778dd673c8f60008cd37c9
😎 Deploy Preview	https://deploy-preview-57--sass-site-oddbird.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[github-actions]

View diff of compiled files (may take a few minutes): https://github.com/oddbird/sass-site-built/compare/main..indentation

[jgerigmeyer]

@jerivas @sanajaved7 I think this seems to work well, so that we can use more typical indentation for paired shortcodes (e.g. {% compatibility %}, {% codeExample %}, etc). If the approach looks okay to you two, I'll apply it globally.

Note that it doesn't solve the problem of codeExample not playing well with markdown -- I looked into that again, but don't think there's an easy way around the issue where code examples include multiple newlines (\n\n), which markdown turns into <p> tags.

[jerivas]

This is great! Makes it way easier to browse a file and identify the blocks of content 👍

[jgerigmeyer]

@jerivas I think I converted the remaining pages, so this is ready for final review ✔️

[jerivas]

Unrelated, but what do you think about changing {% compatibility %} to accept string arguments instead, and parse them in the TS implementation into a proper object:

{% compatibility 'dart:"1.11.0"', 'libsass:false', 'ruby:false', 'feature:"Range Syntax"', 'useMarkdown:false' %}

Advantages:

• We can get rid of the comment before each invocation
• No need to specify null for unused arguments, not including them should be enough
• If 11ty lands support for kwargs, we can migrate to them with a regex that removes the single quotes

[jgerigmeyer]

I love it! I'll try that out in this another PR.

[jgerigmeyer]

Implemented in #59.

[sanajaved7]

Nice! so much easier to read