scale.yaml (4881B)
1 # Test that box shadows are drawn with correct symmetry in 2 # a variety of cases. This test checks for various scale 3 # factors, in combination with box shadows clipped by the 4 # screen rect. It also has come large box shadows that check 5 # the symmetry still works with segmentation enabled. 6 --- 7 root: 8 items: 9 - type: stacking-context 10 transform: scale(0.3) 11 items: 12 - type: box-shadow 13 bounds: [ -70, 50, 100, 100 ] 14 color: black 15 blur-radius: 1 16 clip-mode: inset 17 - type: stacking-context 18 transform: scale(0.4) 19 items: 20 - type: box-shadow 21 bounds: [ -70, 150, 100, 100 ] 22 color: black 23 blur-radius: 1 24 clip-mode: inset 25 - type: stacking-context 26 transform: scale(0.5) 27 items: 28 - type: box-shadow 29 bounds: [ -70, 250, 100, 100 ] 30 color: black 31 blur-radius: 1 32 clip-mode: inset 33 - type: stacking-context 34 transform: scale(0.6) 35 items: 36 - type: box-shadow 37 bounds: [ -70, 350, 100, 100 ] 38 color: black 39 blur-radius: 1 40 clip-mode: inset 41 - type: stacking-context 42 transform: scale(0.7) 43 items: 44 - type: box-shadow 45 bounds: [ -70, 450, 100, 100 ] 46 color: black 47 blur-radius: 1 48 clip-mode: inset 49 - type: stacking-context 50 transform: scale(0.73) 51 items: 52 - type: box-shadow 53 bounds: [ -70, 550, 100, 100 ] 54 color: black 55 blur-radius: 1 56 clip-mode: inset 57 - type: stacking-context 58 transform: scale(0.75) 59 items: 60 - type: box-shadow 61 bounds: [ -70, 650, 100, 100 ] 62 color: black 63 blur-radius: 1 64 clip-mode: inset 65 - type: stacking-context 66 transform: scale(0.77) 67 items: 68 - type: box-shadow 69 bounds: [ -70, 750, 100, 100 ] 70 color: black 71 blur-radius: 1 72 clip-mode: inset 73 - type: stacking-context 74 transform: scale(0.8) 75 items: 76 - type: box-shadow 77 bounds: [ -70, 850, 100, 100 ] 78 color: black 79 blur-radius: 1 80 clip-mode: inset 81 - type: stacking-context 82 items: 83 - type: box-shadow 84 bounds: [ -70, 800, 100, 100 ] 85 color: black 86 blur-radius: 1 87 clip-mode: inset 88 89 - type: stacking-context 90 transform: scale(0.3) 91 items: 92 - type: box-shadow 93 bounds: [ 50, 50, 100, 100 ] 94 color: black 95 blur-radius: 1 96 clip-mode: inset 97 - type: stacking-context 98 transform: scale(0.4) 99 items: 100 - type: box-shadow 101 bounds: [ 50, 150, 100, 100 ] 102 color: black 103 blur-radius: 1 104 clip-mode: inset 105 - type: stacking-context 106 transform: scale(0.5) 107 items: 108 - type: box-shadow 109 bounds: [ 50, 250, 100, 100 ] 110 color: black 111 blur-radius: 1 112 clip-mode: inset 113 - type: stacking-context 114 transform: scale(0.6) 115 items: 116 - type: box-shadow 117 bounds: [ 50, 350, 100, 100 ] 118 color: black 119 blur-radius: 1 120 clip-mode: inset 121 - type: stacking-context 122 transform: scale(0.7) 123 items: 124 - type: box-shadow 125 bounds: [ 50, 450, 100, 100 ] 126 color: black 127 blur-radius: 1 128 clip-mode: inset 129 - type: stacking-context 130 transform: scale(0.73) 131 items: 132 - type: box-shadow 133 bounds: [ 50, 550, 100, 100 ] 134 color: black 135 blur-radius: 1 136 clip-mode: inset 137 - type: stacking-context 138 transform: scale(0.75) 139 items: 140 - type: box-shadow 141 bounds: [ 50, 650, 100, 100 ] 142 color: black 143 blur-radius: 1 144 clip-mode: inset 145 - type: stacking-context 146 transform: scale(0.77) 147 items: 148 - type: box-shadow 149 bounds: [ 50, 750, 100, 100 ] 150 color: black 151 blur-radius: 1 152 clip-mode: inset 153 - type: stacking-context 154 transform: scale(0.8) 155 items: 156 - type: box-shadow 157 bounds: [ 50, 850, 100, 100 ] 158 color: black 159 blur-radius: 1 160 clip-mode: inset 161 - type: stacking-context 162 items: 163 - type: box-shadow 164 bounds: [ 50, 800, 100, 100 ] 165 color: black 166 blur-radius: 1 167 clip-mode: inset 168 169 - type: stacking-context 170 items: 171 - type: box-shadow 172 bounds: [ 200, -100, 600, 200 ] 173 color: black 174 blur-radius: 5 175 clip-mode: inset 176 177 - type: stacking-context 178 items: 179 - type: box-shadow 180 bounds: [ 200, 200, 600, 200 ] 181 color: black 182 blur-radius: 5 183 clip-mode: outset