Eleventy Excellent 4.0

Changelog

Version 4.0 introduces breaking changes, improvements, and new features. Quick summary:

---

Breaking Changes

1. Updated Image Shortcode

• widths now comes before sizes.
• Introduced imageClass for <img>-specific classes

If you use the Nunjucks image shortcode, you might have to update your arguments.

2. Cascade Layers

• Global CSS is now organized with cascade layers
• Local CSS (formerly "inline") does not use cascade layers and has higher specificity

The "inline" CSS bundle was renamed to "local".

3. New Color System

• Running npm run colors after setting colors in src/_data/designTokens/colorsBase.json generates or updates the colors.json file, creating:
  • Scalable palettes for neutral and vibrant colors
  • Standalone values for fixed colors, including a "subdued" version for dark themes

The src/assets/css/global/base/variables.css file has changed significantly.
Update your colors in src/_data/designTokens/colorsBase.json.

---

New Features

• Now using the Eleventy Image Transform Plugin which allows co-located images with HTML and Markdown syntax, amongst other features
• Custom attributes lcan now be applied directly to Markdown image syntax
• Button styles have been refreshed
• border-radius is now a design token
• Added a 3XS spacing value
• New grid composition layout: data-layout='thirds'
• New OG image template

More in the release blog post: https://eleventy-excellent.netlify.app/blog/eleventy-excellent-40/

Have fun!

Full Changelog: v3.7.5...v4.0.0

v3.4.0

(Potentially) breaking changes

Added

• Streamlined CSS file for main navigation in src/assets/css/global/blocks/nav-main.css replacing separate state-specific styles in src/assets/css/bundle.

Removed

• CSS files that handled the main navigation for mobile CSS without JS, drawer CSS, and desktop independently.

Other changes

• Minor adjustments to src/assets/scripts/bundle/nav-drawer.js.
• Added 2XS size token to src/_data/designTokens/spacing.json

v3.1.0

Full Changelog: v3.0.0...v3.1.0

Eleventy Excellent 3.0

Release notes posted on the blog: https://eleventy-excellent.netlify.app/blog/eleventy-excellent-30/
Full Changelog: https://github.com/madrilene/eleventy-excellent/commits/v3.0.0

What has changed:

• ESM with Eleventy 3.0
• New Font: Inclusive Sans
• Revamped Config Structure
• New Filters
• SVG Handling Update
• CSS Overhaul
• JavaScript Updates
• Improved Organization

What's been contributed:

• feat: add dotenv config support by @erikyuzwa in #46
• feat: add support for changefreq in sitemap by @erikyuzwa in #47
• feat: add support for eleventy-env by @erikyuzwa in #48
• Updated card component to show all tags by @dvdlite in #49

New Contributors

• @erikyuzwa made their first contribution in #46
• @dvdlite made their first contribution in #49

Eleventy Excellent 2.0

Release notes posted on the blog: https://eleventy-excellent.netlify.app/blog/eleventy-excellent-20/
A "docs" page that explains some features: https://eleventy-excellent.netlify.app/get-started/
Full Changelog: https://github.com/madrilene/eleventy-excellent/commits/v2.0.0

New features:

• better structure and naming
• tags
• pagination
• carbon.txt
• dark and light mode
• gallery demo
• Countless small code improvements, everywhere

Contributors

• @krgr made their first contribution in #2
• @nhoizey made their first contribution in #6
• @deniseileen made their first contribution in #9
• @theapplegates made their first contribution in #11
• @dbellomo made their first contribution in #12
• @AgtLucas made their first contribution in #14
• @projectmb made their first contribution in #21
• @flamedfury made their first contribution in #24
• @httpsterio made their first contribution in #26
• @maltebaer made their first contribution in #30
• @b2m9 made their first contribution in #31