New Issue Checklist

🚫 If this template is not filled out your issue will be closed with no comment. 🚫

• I have looked at the Documentation
• I have read the F.A.Q.
• I have filled out this issue template.

Issue Info

First of all, a huge thank you for this awesome project. We use it in production at our company and it works just great (has saved us many hours of coding) 💯 💯
I also want to contribute to this project in some way, but im still new in the Javascript world.
Anyway, here are some ways in which I am capable to help with::

• Documentation Site (https://docusaurus.io/)
• Translate the docs to ger

The docs on rebassjs.org are pretty slim when it comes to using forms and the props that are accepted and what they do.

I was able to use inputs and checkboxes without too much effort but wanted to use a Switch in an instance instead of a checkbox. A switch is a ON|OFF Component so it would make sense that in the DOM it would use a checkbox and allow handlers with OnChange but that is not wha

I am looking into variants and i feel like its a bit confusing which is the old api and which is the new one?

I feel like I should just be able to drop the variant function onto a component and give it scale="accents" and then if I pass variant="info" then it should look in the theme object for accents and pull the info key inside that yet it doesn't do that unless I write `variants: {

Bug Report

What is the expected behavior?

To wiki show the correct way to be used now.

What is the current behavior?

I updated to latest beta 24, and saw that $media got deprecated, but docs still shows the old way for listening for MediaChange (using it).
I couldn't find a way to get the asObservable from MediaObserver that is not from $media like it shows in changelog.

Hello,
So, I use getItemsById and I get an array of components with that ID. I can then manipulate the componentState values and such, that's all fine. How do I re-insert this back into my layout once I'm done modifying a component?

Thanks

CSS has the ability to allow proportional margin and padding:
https://webplatform.github.io/docs/guides/the_css_layout_model/#Proportional-margins-and-padding-in-the-W3C-box-model

I was wondering if it is possible to implement a similar concept with edges. For example, if I wanted my top margin of a subview to its superview to be 20% of the superview height (i.e. subview.top = superview.top +

In order to make the Tailwind preset more approachable for people that already know Tailwind, we should:

• Font sizes should have the same aliases (e.g. lg = 2)
• Colors should be aliased to the same aliases * 100, e.g. purple.5 === purple.500
• Breaking change for a major version: Make the padding scale match Tailwind's

I think you could rename the project's file to follow the guidelines with lowercase and undescore. Just an improvement :)

`
Some file systems are not case-sensitive, so many projects require filenames to be all lowercase. Using a separating character allows names to still be readable in that form. Using underscores as the separator ensur

Out of this twitter conversation let's follow @steipete recommendation of adding some code snippets comparing EasyPeasy with UIKit and AppKit Auto Layout APIs.