# The "preserve-3d" context has a mix of children being other stacking contexts and
# just primitives. The other stacking contexts are also "preserve-3d" but on the same plane,
# so the result ordering should be exactly matching the way we specify the children.
---
root:
  items:
    - type: stacking-context
      bounds: [0, 0, 200, 200]
      transform-style: preserve-3d
      transform: rotate-x(30)
      items:
        - type: rect
          bounds: [0, 0, 100, 100]
          color: green
        - type: stacking-context
          bounds: [25, 25, 100, 100]
          #TODO: https://github.com/servo/webrender/issues/2946
          #transform: rotate-z(45)
          items:
            - type: rect
              bounds: [0, 0, 100, 100]
              color: red
        - type: rect
          bounds: [100, 0, 100, 100]
          color: blue