From 8750b09fca7e94ca1643f81a1fb3dd3f80554e94 Mon Sep 17 00:00:00 2001
From: WilliamKoza <william.koza@gmail.com>
Date: Mon, 14 Jan 2019 16:31:04 +0100
Subject: [PATCH] fix(docs-infra): Add crossed through styling (#28111)

PR Close #28111
---
 aio/src/styles/2-modules/_cli-pages.scss        | 6 ------
 aio/tools/transforms/templates/cli/lib/cli.html | 9 ++++-----
 2 files changed, 4 insertions(+), 11 deletions(-)

diff --git a/aio/src/styles/2-modules/_cli-pages.scss b/aio/src/styles/2-modules/_cli-pages.scss
index e4a3b14019..03de07b761 100644
--- a/aio/src/styles/2-modules/_cli-pages.scss
+++ b/aio/src/styles/2-modules/_cli-pages.scss
@@ -7,9 +7,3 @@
 .cli-option-syntax {
   white-space: pre;
 }
-
-.cli-deprecated {
-  background-color: $brightred;;
-  padding: 2px 10px;
-  margin-right: 10px;
-}
diff --git a/aio/tools/transforms/templates/cli/lib/cli.html b/aio/tools/transforms/templates/cli/lib/cli.html
index a190956c74..038a5be3e9 100644
--- a/aio/tools/transforms/templates/cli/lib/cli.html
+++ b/aio/tools/transforms/templates/cli/lib/cli.html
@@ -53,15 +53,14 @@
   {% for option in options %}
     <tr class="cli-option">
       <td>
-        <code class="cli-option-syntax no-auto-link">{$ renderOption(option.name, option.type, option.default, option.enum) $}</code>
+        <code class="cli-option-syntax no-auto-link{% if option.deprecated %} deprecated-api-item{% endif %}">{$ renderOption(option.name, option.type, option.default, option.enum) $}</code>
       </td>
       <td>
         {% if option.deprecated %}
-          {% if option.deprecated !== true %}
-            {$ ('**Deprecated:** ' + option.deprecated) | marked $}
-          {% endif %}
           {% if option.deprecated === true %}
-            {$ ('**Deprecated**') | marked $}
+            <p><strong>Deprecated</strong></p>
+          {% else %}
+            {$ ('**Deprecated:** ' + option.deprecated) | marked $}
           {% endif %}
         {% endif %}
         {$ option.description | marked $}