Migrate to Compat macro (zh-cn)

1 files changed, 1 insertions, 47 deletions

diff --git a/files/zh-cn/web/css/word-spacing/index.html b/files/zh-cn/web/css/word-spacing/index.html
index 914fa1a7d6..92c9872b81 100644
--- a/files/zh-cn/web/css/word-spacing/index.html
+++ b/files/zh-cn/web/css/word-spacing/index.html
@@ -112,50 +112,4 @@ word-spacing: inherit;</code></pre>
 
 <h2 id="Browser_compatibility" name="Browser_compatibility" style="margin: 0px 0px 20px; padding: 0px; border: 0px; word-wrap: break-word; font-family: 'Open Sans', Arial, sans-serif; line-height: 1; font-size: 2.14285714285714rem; letter-spacing: -1px; color: rgb(77, 78, 83); background-color: rgb(255, 255, 255);">Browser compatibility</h2>
 
-<p style="margin: 0px 0px 24px; padding: 0px; border: 0px; color: rgb(77, 78, 83); font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; line-height: 21px; background-color: rgb(255, 255, 255);">{{ CompatibilityTable() }}</p>
-
-<div id="compat-desktop" style="margin: 0px; padding: 0px; border: 0px; color: rgb(77, 78, 83); font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; line-height: 21px; background-color: rgb(255, 255, 255);">
-<table class="compat-table" style="border-collapse: collapse; border: 1px solid transparent; margin: 0px; padding: 0px;">
- <tbody>
-  <tr style="margin: 0px; padding: 0px; border: 0px;">
-   <th style="margin: 0px; padding: 2px 4px 8px; border: 1px solid rgba(212, 221, 228, 0); font-style: inherit; font-weight: 200; font-family: 'Open Sans Light', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 16px; background: 0px 0px;">Feature</th>
-   <th style="margin: 0px; padding: 2px 4px 8px; border: 1px solid rgba(212, 221, 228, 0); font-style: inherit; font-weight: 200; font-family: 'Open Sans Light', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 16px; background: 0px 0px;">Chrome</th>
-   <th style="margin: 0px; padding: 2px 4px 8px; border: 1px solid rgba(212, 221, 228, 0); font-style: inherit; font-weight: 200; font-family: 'Open Sans Light', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 16px; background: 0px 0px;">Firefox (Gecko)</th>
-   <th style="margin: 0px; padding: 2px 4px 8px; border: 1px solid rgba(212, 221, 228, 0); font-style: inherit; font-weight: 200; font-family: 'Open Sans Light', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 16px; background: 0px 0px;">Internet Explorer</th>
-   <th style="margin: 0px; padding: 2px 4px 8px; border: 1px solid rgba(212, 221, 228, 0); font-style: inherit; font-weight: 200; font-family: 'Open Sans Light', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 16px; background: 0px 0px;">Opera</th>
-   <th style="margin: 0px; padding: 2px 4px 8px; border: 1px solid rgba(212, 221, 228, 0); font-style: inherit; font-weight: 200; font-family: 'Open Sans Light', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 16px; background: 0px 0px;">Safari</th>
-  </tr>
-  <tr style="margin: 0px; padding: 0px; border: 0px;">
-   <td style="margin: 0px; padding: 5px; border: 1px solid rgba(212, 221, 228, 0.247059); font-size: 12px; vertical-align: top; word-wrap: break-word; background-clip: initial;">Basic support</td>
-   <td style="margin: 0px; padding: 5px; border: 1px solid rgba(212, 221, 228, 0.247059); font-size: 12px; vertical-align: top; word-wrap: break-word; background-clip: initial;">1.0</td>
-   <td style="margin: 0px; padding: 5px; border: 1px solid rgba(212, 221, 228, 0.247059); font-size: 12px; vertical-align: top; word-wrap: break-word; background-clip: initial;">{{ CompatGeckoDesktop("1.0") }}</td>
-   <td style="margin: 0px; padding: 5px; border: 1px solid rgba(212, 221, 228, 0.247059); font-size: 12px; vertical-align: top; word-wrap: break-word; background-clip: initial;">6.0</td>
-   <td style="margin: 0px; padding: 5px; border: 1px solid rgba(212, 221, 228, 0.247059); font-size: 12px; vertical-align: top; word-wrap: break-word; background-clip: initial;">3.5</td>
-   <td style="margin: 0px; padding: 5px; border: 1px solid rgba(212, 221, 228, 0.247059); font-size: 12px; vertical-align: top; word-wrap: break-word; background-clip: initial;">1.0 (85)</td>
-  </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile" style="margin: 0px; padding: 0px; border: 0px; color: rgb(77, 78, 83); font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; line-height: 21px; background-color: rgb(255, 255, 255);">
-<table class="compat-table" style="border-collapse: collapse; border: 1px solid transparent; margin: 0px; padding: 0px;">
- <tbody>
-  <tr style="margin: 0px; padding: 0px; border: 0px;">
-   <th style="margin: 0px; padding: 2px 4px 8px; border: 1px solid rgba(212, 221, 228, 0); font-style: inherit; font-weight: 200; font-family: 'Open Sans Light', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 16px; background: 0px 0px;">Feature</th>
-   <th style="margin: 0px; padding: 2px 4px 8px; border: 1px solid rgba(212, 221, 228, 0); font-style: inherit; font-weight: 200; font-family: 'Open Sans Light', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 16px; background: 0px 0px;">Android</th>
-   <th style="margin: 0px; padding: 2px 4px 8px; border: 1px solid rgba(212, 221, 228, 0); font-style: inherit; font-weight: 200; font-family: 'Open Sans Light', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 16px; background: 0px 0px;">Firefox Mobile (Gecko)</th>
-   <th style="margin: 0px; padding: 2px 4px 8px; border: 1px solid rgba(212, 221, 228, 0); font-style: inherit; font-weight: 200; font-family: 'Open Sans Light', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 16px; background: 0px 0px;">IE Mobile</th>
-   <th style="margin: 0px; padding: 2px 4px 8px; border: 1px solid rgba(212, 221, 228, 0); font-style: inherit; font-weight: 200; font-family: 'Open Sans Light', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 16px; background: 0px 0px;">Opera Mobile</th>
-   <th style="margin: 0px; padding: 2px 4px 8px; border: 1px solid rgba(212, 221, 228, 0); font-style: inherit; font-weight: 200; font-family: 'Open Sans Light', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 16px; background: 0px 0px;">Safari Mobile</th>
-  </tr>
-  <tr style="margin: 0px; padding: 0px; border: 0px;">
-   <td style="margin: 0px; padding: 5px; border: 1px solid rgba(212, 221, 228, 0.247059); font-size: 12px; vertical-align: top; word-wrap: break-word; background-clip: initial;">Basic support</td>
-   <td style="margin: 0px; padding: 5px; border: 1px solid rgba(212, 221, 228, 0.247059); font-size: 12px; vertical-align: top; word-wrap: break-word; background-clip: initial;">{{ CompatUnknown() }}</td>
-   <td style="margin: 0px; padding: 5px; border: 1px solid rgba(212, 221, 228, 0.247059); font-size: 12px; vertical-align: top; word-wrap: break-word; background-clip: initial;">{{ CompatUnknown() }}</td>
-   <td style="margin: 0px; padding: 5px; border: 1px solid rgba(212, 221, 228, 0.247059); font-size: 12px; vertical-align: top; word-wrap: break-word; background-clip: initial;">{{ CompatUnknown() }}</td>
-   <td style="margin: 0px; padding: 5px; border: 1px solid rgba(212, 221, 228, 0.247059); font-size: 12px; vertical-align: top; word-wrap: break-word; background-clip: initial;">{{ CompatUnknown() }}</td>
-   <td style="margin: 0px; padding: 5px; border: 1px solid rgba(212, 221, 228, 0.247059); font-size: 12px; vertical-align: top; word-wrap: break-word; background-clip: initial;">{{ CompatUnknown() }}</td>
-  </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.properties.word-spacing")}}