margin-padding.mjs (7290B)
1 /* This Source Code Form is subject to the terms of the Mozilla Public 2 * License, v. 2.0. If a copy of the MPL was not distributed with this 3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 4 5 // InactivePropertyHelper `align-content` test cases. 6 7 export default [ 8 { 9 info: "margin is active on block containers", 10 property: "margin", 11 tagName: "div", 12 rules: ["div { margin: 10px; }"], 13 isActive: true, 14 }, 15 { 16 info: "margin is active on flex containers", 17 property: "margin", 18 tagName: "div", 19 rules: ["div { display: flex; margin: 10px; }"], 20 isActive: true, 21 }, 22 { 23 info: "margin is active on grid containers", 24 property: "margin", 25 tagName: "div", 26 rules: ["div { display: grid; margin: 10px; }"], 27 isActive: true, 28 }, 29 { 30 info: "margin is active on tables", 31 property: "margin", 32 tagName: "div", 33 rules: ["div { display: table; margin: 10px; }"], 34 isActive: true, 35 }, 36 { 37 info: "margin is active on inline tables", 38 property: "margin", 39 tagName: "div", 40 rules: ["div { display: inline-table; margin: 10px; }"], 41 isActive: true, 42 }, 43 { 44 info: "margin is active on table captions", 45 property: "margin", 46 tagName: "div", 47 rules: ["div { display: table-caption; margin: 10px; }"], 48 isActive: true, 49 }, 50 { 51 info: "margin is inactive on table cells", 52 property: "margin", 53 tagName: "div", 54 rules: ["div { display: table-cell; margin: 10px; }"], 55 isActive: false, 56 }, 57 { 58 info: "margin-block is inactive on table cells", 59 property: "margin-block", 60 tagName: "div", 61 rules: ["div { display: table-cell; margin-block: 10px; }"], 62 isActive: false, 63 }, 64 { 65 info: "margin-block-start is inactive on table cells", 66 property: "margin-block-start", 67 tagName: "div", 68 rules: ["div { display: table-cell; margin-block-start: 10px; }"], 69 isActive: false, 70 }, 71 { 72 info: "margin-block-end is inactive on table cells", 73 property: "margin-block-end", 74 tagName: "div", 75 rules: ["div { display: table-cell; margin-block-end: 10px; }"], 76 isActive: false, 77 }, 78 { 79 info: "margin-block is inactive on table cells", 80 property: "margin-block", 81 tagName: "div", 82 rules: ["div { display: table-cell; margin-block: 10px; }"], 83 isActive: false, 84 }, 85 { 86 info: "margin-bottom is inactive on table rows", 87 property: "margin-bottom", 88 tagName: "div", 89 rules: ["div { display: table-row; margin-bottom: 10px; }"], 90 isActive: false, 91 }, 92 { 93 info: "margin-inline-start is inactive on table rows", 94 property: "margin-inline-start", 95 tagName: "div", 96 rules: ["div { display: table-row; margin-inline-start: 10px; }"], 97 isActive: false, 98 }, 99 { 100 info: "margin-inline-end is inactive on table rows", 101 property: "margin-inline-end", 102 tagName: "div", 103 rules: ["div { display: table-row; margin-inline-end: 10px; }"], 104 isActive: false, 105 }, 106 { 107 info: "margin-inline is inactive on table rows", 108 property: "margin-inline", 109 tagName: "div", 110 rules: ["div { display: table-row; margin-inline: 10px; }"], 111 isActive: false, 112 }, 113 { 114 info: "margin-left is inactive on table columns", 115 property: "margin-left", 116 tagName: "div", 117 rules: ["div { display: table-column; margin-left: 10px; }"], 118 isActive: false, 119 }, 120 { 121 info: "margin-right is inactive on table row groups", 122 property: "margin-right", 123 tagName: "div", 124 rules: ["div { display: table-row-group; margin-right: 10px; }"], 125 isActive: false, 126 }, 127 { 128 info: "margin-top is inactive on table column groups", 129 property: "margin-top", 130 tagName: "div", 131 rules: ["div { display: table-column-group; margin-top: 10px; }"], 132 isActive: false, 133 }, 134 { 135 info: "padding is active on block containers", 136 property: "padding", 137 tagName: "div", 138 rules: ["div { padding: 10px; }"], 139 isActive: true, 140 }, 141 { 142 info: "padding is active on flex containers", 143 property: "padding", 144 tagName: "div", 145 rules: ["div { display: flex; padding: 10px; }"], 146 isActive: true, 147 }, 148 { 149 info: "padding is active on grid containers", 150 property: "padding", 151 tagName: "div", 152 rules: ["div { display: grid; padding: 10px; }"], 153 isActive: true, 154 }, 155 { 156 info: "padding is active on tables", 157 property: "padding", 158 tagName: "div", 159 rules: ["div { display: table; padding: 10px; }"], 160 isActive: true, 161 }, 162 { 163 info: "padding is active on inline tables", 164 property: "padding", 165 tagName: "div", 166 rules: ["div { display: inline-table; padding: 10px; }"], 167 isActive: true, 168 }, 169 { 170 info: "padding is active on table captions", 171 property: "padding", 172 tagName: "div", 173 rules: ["div { display: table-caption; padding: 10px; }"], 174 isActive: true, 175 }, 176 { 177 info: "padding is active on table cells", 178 property: "padding", 179 tagName: "div", 180 rules: ["div { display: table-cell; padding: 10px; }"], 181 isActive: true, 182 }, 183 { 184 info: "padding-block is active on table cells", 185 property: "padding-block", 186 tagName: "div", 187 rules: ["div { display: table-cell; padding-block: 10px; }"], 188 isActive: true, 189 }, 190 { 191 info: "padding-block-start is active on table cells", 192 property: "padding-block-start", 193 tagName: "div", 194 rules: ["div { display: table-cell; padding-block-start: 10px; }"], 195 isActive: true, 196 }, 197 { 198 info: "padding-block-end is active on table cells", 199 property: "padding-block-end", 200 tagName: "div", 201 rules: ["div { display: table-cell; padding-block-end: 10px; }"], 202 isActive: true, 203 }, 204 { 205 info: "padding-block is active on table cells", 206 property: "padding-block", 207 tagName: "div", 208 rules: ["div { display: table-cell; padding-block: 10px; }"], 209 isActive: true, 210 }, 211 { 212 info: "padding-bottom is inactive on table rows", 213 property: "padding-bottom", 214 tagName: "div", 215 rules: ["div { display: table-row; padding-bottom: 10px; }"], 216 isActive: false, 217 }, 218 { 219 info: "padding-inline-start is inactive on table rows", 220 property: "padding-inline-start", 221 tagName: "div", 222 rules: ["div { display: table-row; padding-inline-start: 10px; }"], 223 isActive: false, 224 }, 225 { 226 info: "padding-inline-end is inactive on table rows", 227 property: "padding-inline-end", 228 tagName: "div", 229 rules: ["div { display: table-row; padding-inline-end: 10px; }"], 230 isActive: false, 231 }, 232 { 233 info: "padding-inline is inactive on table rows", 234 property: "padding-inline", 235 tagName: "div", 236 rules: ["div { display: table-row; padding-inline: 10px; }"], 237 isActive: false, 238 }, 239 { 240 info: "padding-left is inactive on table columns", 241 property: "padding-left", 242 tagName: "div", 243 rules: ["div { display: table-column; padding-left: 10px; }"], 244 isActive: false, 245 }, 246 { 247 info: "padding-right is inactive on table row groups", 248 property: "padding-right", 249 tagName: "div", 250 rules: ["div { display: table-row-group; padding-right: 10px; }"], 251 isActive: false, 252 }, 253 { 254 info: "padding-top is inactive on table column groups", 255 property: "padding-top", 256 tagName: "div", 257 rules: ["div { display: table-column-group; padding-top: 10px; }"], 258 isActive: false, 259 }, 260 ];