raphaelgoetter

CSS Release Notes - 2026

Most notable CSS features change log (unofficial)

🆕 Added

• @function : Define custom logic and reusable calculations directly inside your stylesheets.
• if() : Native conditions for dynamic, property-driven styling.
• sibling-index() : Real-time awareness of an element's rank among its siblings.
• attr() extension : Pass data directly from HTML attributes to any CSS property or unit.

raphaelgoetter

AGENTS.md

Prompt (à donner à l'agent) :

Analyze this codebase and create an AGENTS.md file at the project root.

AGENTS.md is loaded into every agent session, so it must stay short and high-value. Include ONLY:

1. **Project overview**: One sentence describing what this project is.

raphaelgoetter

.pastel-colors {
  background: powderblue;
  background: pink;
  background: darkseagreen;
  background: ivory;
  background: peachpuff;
  background: rosybrown;
  background: thistle;
  background: lightsteelblue;
  background: bisque;

raphaelgoetter

{
  "editor.fontFamily": " Hack, 'Fira Code', Menlo, Monaco, 'Courier New', monospace",
  "editor.fontLigatures": true,
  "editor.multiCursorModifier": "ctrlCmd",
  "editor.fontSize": 18,
  "editor.lineHeight": 2,
  "editor.tabSize": 2,
  "editor.detectIndentation": false,
  "editor.renderWhitespace": "boundary",
  "editor.minimap.enabled": false,

raphaelgoetter

(function () {
  function toggleNav() {
    // Define targets
    const button = document.querySelector('.burger-button');
    const target = document.querySelector('#navigation');

    button.addEventListener('click', () => {
      const currentState = target.getAttribute("data-state");

      if (!currentState || currentState === "closed") {