box-shadow-suite-no-blur.yaml (3616B)
1 --- 2 root: 3 items: 4 - type: stacking-context 5 bounds: [0, 0, 1000, 1000] 6 items: 7 # 1st row 8 - type: box-shadow 9 bounds: [ 50, 50, 100, 100 ] 10 color: red 11 clip-mode: outset 12 13 - type: box-shadow 14 bounds: [ 200, 50, 100, 100 ] 15 color: red 16 clip-mode: outset 17 offset: 20 0 18 19 - type: box-shadow 20 bounds: [ 350, 50, 100, 100 ] 21 color: red 22 clip-mode: outset 23 offset: 0 -40 24 25 - type: box-shadow 26 bounds: [ 500, 50, 100, 100 ] 27 color: red 28 clip-mode: outset 29 spread-radius: 30 30 31 - type: box-shadow 32 bounds: [ 650, 50, 100, 100 ] 33 color: red 34 clip-mode: outset 35 spread-radius: 30 36 offset: 50 -10 37 38 # 2nd row 39 - type: box-shadow 40 bounds: [ 50, 250, 100, 100 ] 41 color: green 42 border-radius: 32 43 44 - type: box-shadow 45 bounds: [ 200, 250, 100, 100 ] 46 color: green 47 offset: 20 0 48 border-radius: 32 49 50 - type: box-shadow 51 bounds: [ 350, 250, 100, 100 ] 52 color: green 53 offset: 0 -40 54 border-radius: 32 55 56 - type: box-shadow 57 bounds: [ 500, 250, 100, 100 ] 58 color: green 59 spread-radius: 30 60 border-radius: 32 61 62 - type: box-shadow 63 bounds: [ 650, 250, 100, 100 ] 64 color: green 65 spread-radius: 30 66 offset: 50 -10 67 border-radius: 32 68 69 # 3rd row 70 - type: box-shadow 71 bounds: [ 50, 450, 100, 100 ] 72 color: red 73 clip-mode: inset 74 75 - type: box-shadow 76 bounds: [ 200, 450, 100, 100 ] 77 color: red 78 clip-mode: inset 79 offset: 20 0 80 81 - type: box-shadow 82 bounds: [ 350, 450, 100, 100 ] 83 color: red 84 clip-mode: inset 85 offset: 0 -40 86 87 - type: box-shadow 88 bounds: [ 500, 450, 100, 100 ] 89 color: red 90 clip-mode: inset 91 spread-radius: 30 92 93 - type: box-shadow 94 bounds: [ 650, 450, 100, 100 ] 95 color: red 96 clip-mode: inset 97 spread-radius: 30 98 offset: 50 -10 99 100 # 4th row 101 - type: box-shadow 102 bounds: [ 50, 650, 100, 100 ] 103 color: red 104 clip-mode: inset 105 border-radius: 32 106 107 - type: box-shadow 108 bounds: [ 200, 650, 100, 100 ] 109 color: red 110 clip-mode: inset 111 offset: 20 0 112 border-radius: 32 113 114 - type: box-shadow 115 bounds: [ 350, 650, 100, 100 ] 116 color: red 117 clip-mode: inset 118 offset: 0 -40 119 border-radius: 32 120 121 - type: box-shadow 122 bounds: [ 500, 650, 100, 100 ] 123 color: red 124 clip-mode: inset 125 spread-radius: 30 126 border-radius: 32 127 128 - type: box-shadow 129 bounds: [ 650, 650, 100, 100 ] 130 color: red 131 clip-mode: inset 132 spread-radius: 30 133 offset: 50 -10 134 border-radius: 32