More refined sizing for Mobile Devices

[FilledStacks]

Currently we have only Desktop, Tablet, Mobile and Watch. As we know there are many different sizes in even the mobile devices. I suggest we add a Large, Medium and Small sizing within the mobile devices as an additional builder function to supply.

[ghost]

@FilledStacks did you add this feature? Is there any doc about it?

[FilledStacks]

@eherediadev it's not. I probably closed the wrong issue. Still need that to be implemented.

[FilledStacks]

The master branch actually has the refined size functionality in here. there are some unit tests failing. But I think that's only due to the sizing not mapping nicely.

Currently we never get the small size which is fine. For this issue to be completed we should have a guide that shows which screenType will be returned for which sizes (using our default sizes, or sizes supplied to the builder). We should also do the same for the new refinedSize enums and builders that we've created. once that's done we can push the new version out and close this issue.

[hajajmaor]

How can you define sm md lg screens on mobile?
There are a lot of phones with different resolutions out there.

[FilledStacks]

I think that was merged in @hajajmaor You can see how to use it by looking at the code here