Media query source order

[johnnyBira]

Hi!
I have and issue related to the order media queries are added to the generated CSS.

In short I have a HOC that generates media queries and pass them down to it's wrapped component. The wrapped component in turn adds it's own media queries, and merges the queries from both sources when rendering the component. Here's my example using Glamorous:

<Column css={[styles, breakpoints]}>
  {children}
</Column>

I posted a more detailed description on the Glamorous project.
I also think this might be related to issue #54.

The desired order of my media queries should start form the smallest and up to work correctly. Any pointers on how this could be achieved, or details on how Glamor determines the source order would be highly appreciated.