query

Media Queries

• media query: hover
• media query: pointer

Container Queries

• An Interactive Guide to CSS Container Queries

  /* Try to add more items and see what happens. */
  .timelineWrapper {
    container: timeline / inline-size;
    --force-vertical: false;
  
    &:has(.c-timeline__item:nth-last-child(n + 5)) {
      --force-vertical: true;
    }
  }
  

  @container timeline (inline-size > 430px) and style(--force-vertical: false) {
    /* Apply the full variation. */
  }
  

Style Queries

• CSS Style Queries
• Getting Started with Style Queries
  • Can't you do it with attributes?