Now that we also need this, this method and the previous one could be optimized by:
1. Having 3 styles on the host: horizontal, vertical, handle.
2. Replacing the relevant rules' selectors in the CSS by something like: `:host(.horizontal.handle) {...}` and `:host(.horizontal) > #draggable {...}`
This would avoid compounding changes upon the existing code, instead generalizing the existing code such that it easily suites the new needs.