---
root:
  items:
    - type: stacking-context
      bounds: [0, 0, 50, 50]
      items:
        - type: gradient # top left
          bounds: [ 0, 0, 10, 10]
          start: [ 25, 0 ]
          end: [ 25, 50 ]
          stops: [ 0.0, red, 1.0, green ]
          repeat: false
        - type: gradient # top right
          bounds: [ 40, 0, 10, 10]
          start: [ -15, 0 ]
          end: [ -15, 50 ]
          stops: [ 0.0, red, 1.0, green ]
          repeat: false
        - type: gradient # bottom left
          bounds: [ 0, 40, 10, 10]
          start: [ 25, -40 ]
          end: [ 25, 10 ]
          stops: [ 0.0, red, 1.0, green ]
          repeat: false
        - type: gradient # bottom right
          bounds: [ 40, 40, 10, 10]
          start: [ -15, -40 ]
          end: [ -15, 10 ]
          stops: [ 0.0, red, 1.0, green ]
          repeat: false
        - type: gradient # top
          bounds: [ 10, 0, 30, 10]
          start: [ 15, 0 ]
          end: [ 15, 50 ]
          stops: [ 0.0, red, 1.0, green ]
          repeat: false
        - type: gradient # right
          bounds: [ 40, 10, 10, 30]
          start: [ -15, -10 ]
          end: [ -15, 40 ]
          stops: [ 0.0, red, 1.0, green ]
          repeat: false
        - type: gradient # bottom
          bounds: [ 10, 40, 30, 10]
          start: [ 15, -40 ]
          end: [ 15, 10 ]
          stops: [ 0.0, red, 1.0, green ]
          repeat: false
        - type: gradient # left
          bounds: [ 0, 10, 10, 30]
          start: [ 25, -10 ]
          end: [ 25, 40 ]
          stops: [ 0.0, red, 1.0, green ]
          repeat: false