I want longhand properties for everything in CSS

[WebWeWantBot]

---

title: I want longhand properties for everything in CSS
date: 2023-04-24T23:34:04.918Z
submitter: Cory Birdsong
number: 644711ecfd1409005ea8671c
tags: [ ]
discussion: https://github.com/WebWeWant/webwewant.fyi/discussions/
status: [ discussing || in-progress || complete ]
related:

• title:
  url:
  type: [ article || explainer || draft || spec || note || discussion ]

---

Most shorthand CSS properties have equivalent longhand properties for all their constituent parts, but a few properties do not:

• text-shadow
• box-shadow

This makes it hard to change them in transitions and animations since you have to rewrite the entire statement or create a proxy in custom properties.

---

If posted, this will appear at https://webwewant.fyi/wants/644711ecfd1409005ea8671c/

[github-actions]

🤖 Approved and ready for processing.

Follow ALL instructions in .github/instructions/wants-processing.instructions.md section "Step 5: Want File Creation" - this is your ONLY source of truth.

Key steps:

1. Run npm run create-want to generate UUID and markdown template
2. Fill in the markdown file with data from this issue (ensure the discussion URL ends with this issue number)
3. Add any related links and update the original issue body to match the cleaned want content (no frontmatter)
4. Run npm run validate-want wants/<UUID>.md to validate
5. Create branch and PR with markdown file
6. Reference this issue number in the PR description

Do not look at any other documentation files for processing guidance.