Other

Testing

TODO: https://github.com/Heydon/REVENGE.CSS

CSS is actually “Turing Complete”

Article - from Solved with CSS! Logical Styling Based on the Number of Given Elements

CSS just changed forever… plus 7 new features you don't know about

Source - Youtube

1. Center content without flexbox or grid

.centered {
  display: block;
  align-content: center;
}

2. Property-at-rule
3. @starting-style

Details

From MDN

[popover]:popover-open {
  opacity: 1;
  transform: scaleX(1);
}

@starting-style {
  [popover]:popover-open {
    opacity: 0;
    transform: scaleX(0);
  }
}

4. round(), rem(), mod(), etc.

5. light-dark function

6. :user-valid / :user-invalid - form

7. interpolate-size - as of now (Dec 2024) not fully supported by browsers See Can I Use