use spacing variables in components->views

[NSV1991]

fixes element-hq/element-web#25070

Type: enhancement

Signed-off-by: Neeraj Vageele neerajvageele451@gmail.com

Checklist

• Tests written for new code (and old code if feasible)
• Linter and other CI checks pass
• Sign-off given on the changes (see CONTRIBUTING.md)

---

Here's what your changelog entry will look like:

✨ Features

• use spacing variables in components->views (#10564). Fixes Replace hard-coded values for spacing with variables specified on _spacing.pcss element-hq/element-web#25070. Contributed by @NSV1991.

[richvdh]

I'm not entirely convinced this is a useful change. Do we need to go through and replace every single margin, padding and position with a $spacing variable? What does that project actually achieve?

@gsouquet what are your thoughts?

[richvdh]

I thought the whole point of the $spacing variables was to encourage people not to use values which are not a multiple of 4?

[luixxiul]

I'm not entirely convinced this is a useful change. Do we need to go through and replace every single margin, padding and position with a $spacing variable? What does that project actually achieve?

If needed, it would be appreciated to update this line on the style guide to make an internal agreement public.

[richvdh]

@NSV1991: thank you for the contribution, but as per element-hq/element-web#25070: we don't think this is particularly useful.