border-suite-2.yaml (5026B)
1 --- 2 root: 3 items: 4 - type: stacking-context 5 bounds: [0, 0, 1000, 1000] 6 items: 7 - type: border 8 bounds: [ 10, 10, 100, 100 ] 9 width: [ 20, 20, 20, 20 ] 10 border-type: normal 11 style: groove 12 color: [ red, green, blue, yellow ] 13 radius: 0 14 - type: border 15 bounds: [ 120, 10, 100, 100 ] 16 width: [ 20, 20, 20, 20 ] 17 border-type: normal 18 style: groove 19 color: [ red, green, blue, yellow ] 20 radius: 10 21 - type: border 22 bounds: [ 230, 10, 100, 100 ] 23 width: [ 20, 20, 20, 20 ] 24 border-type: normal 25 style: groove 26 color: [ red, green, blue, yellow ] 27 radius: 20 28 - type: border 29 bounds: [ 340, 10, 100, 100 ] 30 width: [ 20, 20, 20, 20 ] 31 border-type: normal 32 style: groove 33 color: [ red, green, blue, yellow ] 34 radius: 30 35 - type: border 36 bounds: [ 450, 10, 100, 100 ] 37 width: [ 20, 20, 20, 20 ] 38 border-type: normal 39 style: groove 40 color: [ red, green, blue, yellow ] 41 radius: 40 42 - type: border 43 bounds: [ 560, 10, 100, 100 ] 44 width: [ 20, 20, 20, 20 ] 45 border-type: normal 46 style: groove 47 color: [ red, green, blue, yellow ] 48 radius: 50 49 50 - type: border 51 bounds: [ 10, 120, 100, 100 ] 52 width: [ 20, 20, 20, 20 ] 53 border-type: normal 54 style: ridge 55 color: [ red, green, blue, yellow ] 56 radius: 0 57 - type: border 58 bounds: [ 120, 120, 100, 100 ] 59 width: [ 20, 20, 20, 20 ] 60 border-type: normal 61 style: ridge 62 color: [ red, green, blue, yellow ] 63 radius: 10 64 - type: border 65 bounds: [ 230, 120, 100, 100 ] 66 width: [ 20, 20, 20, 20 ] 67 border-type: normal 68 style: ridge 69 color: [ red, green, blue, yellow ] 70 radius: 20 71 - type: border 72 bounds: [ 340, 120, 100, 100 ] 73 width: [ 20, 20, 20, 20 ] 74 border-type: normal 75 style: ridge 76 color: [ red, green, blue, yellow ] 77 radius: 30 78 - type: border 79 bounds: [ 450, 120, 100, 100 ] 80 width: [ 20, 20, 20, 20 ] 81 border-type: normal 82 style: ridge 83 color: [ red, green, blue, yellow ] 84 radius: 40 85 - type: border 86 bounds: [ 560, 120, 100, 100 ] 87 width: [ 20, 20, 20, 20 ] 88 border-type: normal 89 style: ridge 90 color: [ red, green, blue, yellow ] 91 radius: 50 92 93 - type: border 94 bounds: [ 10, 230, 100, 100 ] 95 width: 1 96 border-type: normal 97 style: dashed 98 color: [ red, green, blue, black ] 99 radius: 16 100 - type: border 101 bounds: [ 120, 230, 100, 100 ] 102 width: 2 103 border-type: normal 104 style: dashed 105 color: [ red, green, blue, black ] 106 radius: 32 107 - type: border 108 bounds: [ 230, 230, 100, 100 ] 109 width: 3 110 border-type: normal 111 style: dashed 112 color: [ red, green, blue, black ] 113 radius: 32 114 - type: border 115 bounds: [ 340, 230, 100, 100 ] 116 width: 8 117 border-type: normal 118 style: dashed 119 color: [ red, green, blue, black ] 120 radius: 32 121 - type: border 122 bounds: [ 450, 230, 200, 100 ] 123 width: 4 124 border-type: normal 125 style: dotted 126 color: [ red, green, blue, black ] 127 radius: { 128 top-left: [32, 48], 129 top-right: [64, 32], 130 bottom-left: [10, 40], 131 bottom-right: [48, 48], 132 } 133 134 - type: border 135 bounds: [ 10, 340, 200, 200 ] 136 width: [4, 8, 16, 8] 137 border-type: normal 138 style: dashed 139 color: [ red, green, blue, black ] 140 radius: { 141 top-left: [32, 64], 142 top-right: [32, 32], 143 bottom-left: [64, 32], 144 bottom-right: [32, 32], 145 } 146 - type: border 147 bounds: [ 230, 340, 200, 200 ] 148 width: 4 149 border-type: normal 150 style: dashed 151 color: [ red, green, blue, black ] 152 radius: { 153 top-left: [64, 128], 154 top-right: [16, 32], 155 bottom-left: [40, 18], 156 bottom-right: [100, 50], 157 } 158 - type: border 159 bounds: [ 450, 340, 200, 100 ] 160 width: 8 161 border-type: normal 162 style: dotted 163 color: [ red, green, blue, black ] 164 radius: 32 165 - type: border 166 bounds: [ 450, 450, 200, 100 ] 167 width: [8, 8, 12, 12] 168 border-type: normal 169 style: dotted 170 color: [ red, green, blue, black ] 171 radius: 40