Summary

Adds padding for line numbers in code blocks. Reduces their opacity (made it similar to VSCode), and standardises the font size between all code blocks (those with line numbers had a larger font).

Adds numbered code block to Markdown demo.

Related issue

Fixes #435 (#434)

Screenshots

Before, no spacing, larger font when adding line numbers:

After:

Type of change

• Bug fix (fixes an issue without altering functionality)
• New feature (adds non-breaking functionality)
• Breaking change (alters existing functionality)
• UI/UX improvement (enhances user interface without altering functionality)
• Refactor (improves code quality without altering functionality)
• Documentation update
• Other (please describe below)

Checklist

• I have verified the accessibility of my changes
• I have tested all possible scenarios for this change
• I have updated theme.toml with a sane default for the feature
• I have made corresponding changes to the documentation:
  • Updated config.toml comments
  • Updated theme.toml comments
  • Updated "Mastering tabi" post in English
  • (Optional) Updated "Mastering tabi" post in Spanish
  • (Optional) Updated "Mastering tabi" post in Catalan