Migrate CompatibilityTable to Compat macro (lang-ru) (#876)

* Migrate to Compat macro

* Migrate to Compat macro (multiple in page)

* Migrate to Compat macro

* Migrate to Compat macro (removed)

1 files changed, 1 insertions, 88 deletions

diff --git a/files/ru/web/css/ruby-align/index.html b/files/ru/web/css/ruby-align/index.html
index ec65055228..4b5bffe1aa 100644
--- a/files/ru/web/css/ruby-align/index.html
+++ b/files/ru/web/css/ruby-align/index.html
@@ -137,94 +137,7 @@ ruby-align: unset;
 
 <h2 id="Browser_compatibility" name="Browser_compatibility">Browser compatibility</h2>
 
-<p>{{ CompatibilityTable() }}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
-  <tr>
-   <th>Feature</th>
-   <th>Chrome</th>
-   <th>Firefox (Gecko)</th>
-   <th>Internet Explorer</th>
-   <th>Opera</th>
-   <th>Safari (WebKit)</th>
-  </tr>
-  <tr>
-   <td rowspan="1">Basic support</td>
-   <td rowspan="1">{{ CompatNo }} </td>
-   <td>{{CompatGeckoDesktop(38)}}</td>
-   <td rowspan="1">{{ CompatNo }} [1]</td>
-   <td rowspan="1">{{ CompatNo }} </td>
-   <td rowspan="1">{{ CompatNo }}</td>
-  </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
-  <tr>
-   <th>Feature</th>
-   <th>Android</th>
-   <th>Firefox Mobile (Gecko)</th>
-   <th>IE Phone</th>
-   <th>Opera Mobile</th>
-   <th>Safari Mobile</th>
-  </tr>
-  <tr>
-   <td>Basic support</td>
-   <td>{{ CompatNo }} </td>
-   <td>{{CompatGeckoMobile(38)}}</td>
-   <td>{{ CompatNo }} [1]</td>
-   <td>{{ CompatNo }} </td>
-   <td>CompatNo</td>
-  </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Internet Explorer, since IE9, implements an early draft of CSS Ruby where <code>ruby-align</code> had the following properties: <code>auto</code>, <code>left</code>, <code>center</code>, <code>right</code>, <code>distribute-letter</code>, <code>distribute-space</code>, and <code>line-edge</code>. Here is a rough conversion table:</p>
-
-<table class="standard-table">
- <thead>
-  <tr>
-   <th scope="col">IE syntax</th>
-   <th scope="col">Standard syntax</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td><code>auto</code></td>
-   <td>Don't use <code>ruby-align</code></td>
-  </tr>
-  <tr>
-   <td><code>left</code></td>
-   <td>Use <code>start</code> (in ltr scripts)</td>
-  </tr>
-  <tr>
-   <td><code>center</code></td>
-   <td><code>center</code></td>
-  </tr>
-  <tr>
-   <td><code>right</code></td>
-   <td>Use <code>start</code> (in rtl scripts)</td>
-  </tr>
-  <tr>
-   <td><code>distribute-letter</code></td>
-   <td>No direct equivalent, use <code>space-between</code> or <code>space-around</code></td>
-  </tr>
-  <tr>
-   <td><code>distribute-space</code></td>
-   <td><code>space-around</code></td>
-  </tr>
-  <tr>
-   <td><code>line-edge</code></td>
-   <td>No direct equivalent.</td>
-  </tr>
- </tbody>
-</table>
+<p>{{Compat("css.properties.ruby-align")}}</p>
 
 <h2 id="See_also">See also</h2>