Commands for popopular use cases

[kof]

Ideally this type of snippets could be created also by the user for quick access and it would be able to:

• set css
• insert html with css

1. Truncate text

  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;

2. Line clamping https://x.com/getwebstudio/status/1811524195677020582

  display: -webkit-box
  webkit-box-orient: vertical
  -webkit-line-clamp: <# of lines>
  overflow: hidden

3. Link-cards (when user wants to have a big card clickable but there is also a link inside)

• position: relative on a card
• position: absolute; inset: 0; on a span inside a link to make link clickable