/* Shorthand sets all properties by name */
/* observe: [<condition> <list-of-breakpoints>]* */
one {
  observe: width 200 500;
}

two {
  observe:
    width 200 500
    height 100 200 300
    children 5
  ;
}

/* Each condition has a property name */
/* observe-<condition>: <list-of-breakpoints> */
one {
  observe-width: 200 500;
}

two {
  observe-width: 200 500;
  observe-height: 100 200 300;
  observe-children: 5;
}

/*

Resize-observing properties:

- observe-width:;
- observe-height:;
- observe-aspect-ratio:;
- observe-orientation:;

Mutation-observing properties:

- observe-children:;
- observe-characters:;

Intersection-observing properties:

- observe-scroll-x:;
- observe-scroll-y:;

*/