# Add \`w_vw\` and \`h_vh\` to \`StyledExt\` for setting sizes in viewport units \(\#3600\) · gitcafe/zed

[View on GitCafe](https://git.cafe/gitcafe/zed/commit/75c1f0e99722db26dc3d8e51856327fd033593fd)

Repository: [gitcafe/zed](https://git.cafe/gitcafe/zed)

Visibility: public

Requested revision: 75c1f0e99722db26dc3d8e51856327fd033593fd

Requested commit: 75c1f0e99722db26dc3d8e51856327fd033593fd

Commit: 75c1f0e99722db26dc3d8e51856327fd033593fd

Tree: 10abf87d0b465ec43a0527a0ce6c17bea66b9487

Author: Marshall Bowers

Committer: GitHub

## Message

````
Add `w_vw` and `h_vh` to `StyledExt` for setting sizes in viewport units (#3600)

This PR adds `w_vw` and `h_vh` methods to `StyledExt`.

These methods are the same as their `w` and `h` counterparts, but
operate in viewport units, giving us the equivalent of `vw` and `vh` in
CSS.

You can see them in action in this story:

```
cargo run -p storybook2 -- components/viewport_units
```

Release Notes:

- N/A
````

## Parents

- [805df4fd15505d4e8e663fd486123779f2496727](https://git.cafe/gitcafe/zed/commit/805df4fd15505d4e8e663fd486123779f2496727?format=markdown)

[Source at this commit](https://git.cafe/gitcafe/zed/tree/75c1f0e99722db26dc3d8e51856327fd033593fd?format=markdown)