[csswg-drafts] [css-scrollbars] Real world product usage

iamdustan has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-scrollbars] Real world product usage ==
Attached is a screenshot demonstrating a subset of the current Webflow Designer scrollbar. This isn‘t intended to be comprehensive of Webflow’s current usage, but is reflective of how much customization is in place. The intent of bringing this up is because the current draft being primarily limited to colors does not sufficiently cover this current usage. (My apologies in this likely being a far cry from proper spec form.)

![screen shot 2017-11-10 at 11 52 13 am](https://user-images.githubusercontent.com/227879/32669722-89888914-c60f-11e7-9495-fe5a35bd5893.png)

The following selectors and properties are in use here:

| selector | props |
|----|----|
| `::-webkit-scrollbar` | width, height |
| `::-webkit-scrollbar:horizontal` | display, border-width |
| `::-webkit-scrollbar-track` | background-color, background-clip, border-style, border-color, border-width |
| `::-webkit-scrollbar-track:horizontal` | ^-- same |
| `::-webkit-scrollbar-thumb` | background-color, border, background-clip |
| `::-webkit-scrollbar-thumb:horizontal` | border-width |
| `::-webkit-scrollbar-thumb:hover` | background-color |
| `::-webkit-scrollbar-thumb:disabled` | background-color |
| `::-webkit-scrollbar-button` | display, height, position, background-color, background-image, background-repeate, border-color, border-style |
| `::-webkit-scrollbar-button:hover` | background-color |
| `::-webkit-scrollbar-button:disabled` | background-color |
| `::-webkit-scrollbar-button:vertical` | background-position |
| `::-webkit-scrollbar-button:vertical:hover` | background-position |
| `::-webkit-scrollbar-button:vertical:disabled` | background-position |
| `::-webkit-scrollbar-button:vertical:decrement` | border-width, background-position |
| `::-webkit-scrollbar-button:vertical:increment` | border-width, background-position |
| `::-webkit-scrollbar-button:vertical:start:increment` | display |
| `::-webkit-scrollbar-button:vertical:end:increment` | display |
| `::-webkit-scrollbar-corner` | background-color |

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/1969 using your GitHub account

Received on Friday, 10 November 2017 17:33:41 UTC