border-gradient-simple-ref.yaml (1623B)
1 --- 2 root: 3 items: 4 - type: stacking-context 5 bounds: [0, 0, 50, 50] 6 items: 7 - type: gradient # top left 8 bounds: [ 0, 0, 10, 10] 9 start: [ 25, 0 ] 10 end: [ 25, 50 ] 11 stops: [ 0.0, red, 1.0, green ] 12 repeat: false 13 - type: gradient # top right 14 bounds: [ 40, 0, 10, 10] 15 start: [ -15, 0 ] 16 end: [ -15, 50 ] 17 stops: [ 0.0, red, 1.0, green ] 18 repeat: false 19 - type: gradient # bottom left 20 bounds: [ 0, 40, 10, 10] 21 start: [ 25, -40 ] 22 end: [ 25, 10 ] 23 stops: [ 0.0, red, 1.0, green ] 24 repeat: false 25 - type: gradient # bottom right 26 bounds: [ 40, 40, 10, 10] 27 start: [ -15, -40 ] 28 end: [ -15, 10 ] 29 stops: [ 0.0, red, 1.0, green ] 30 repeat: false 31 - type: gradient # top 32 bounds: [ 10, 0, 30, 10] 33 start: [ 15, 0 ] 34 end: [ 15, 50 ] 35 stops: [ 0.0, red, 1.0, green ] 36 repeat: false 37 - type: gradient # right 38 bounds: [ 40, 10, 10, 30] 39 start: [ -15, -10 ] 40 end: [ -15, 40 ] 41 stops: [ 0.0, red, 1.0, green ] 42 repeat: false 43 - type: gradient # bottom 44 bounds: [ 10, 40, 30, 10] 45 start: [ 15, -40 ] 46 end: [ 15, 10 ] 47 stops: [ 0.0, red, 1.0, green ] 48 repeat: false 49 - type: gradient # left 50 bounds: [ 0, 10, 10, 30] 51 start: [ 25, -10 ] 52 end: [ 25, 40 ] 53 stops: [ 0.0, red, 1.0, green ] 54 repeat: false