[darwin, docs] Add jazzy styling for deprecated/unavailable methods

platform/darwin/docs/theme/assets/css/jazzy.css.scss

@@ -523,6 +523,9 @@ h1 > .anchor-icon { margin-bottom: 2px; }
     background-repeat: no-repeat;
   }
 
+  .discouraged {
+    text-decoration: line-through;
+  }
   .declaration-note {
     font-size: 13px;
     color: #808080;
@@ -571,6 +574,7 @@ h1 > .anchor-icon { margin-bottom: 2px; }
   padding: 6px 12px;
   margin: 12px 0;
   border-left: $aside_border;
+  border-radius: 4px;
   overflow-y: hidden;
   .aside-title {
     font-size: 10px;
@@ -579,7 +583,6 @@ h1 > .anchor-icon { margin-bottom: 2px; }
     text-transform: uppercase;
     padding: 2px 8px;
     display: inline;
-    border-radius: 4px;
     margin: 0;
     -webkit-user-select: none;
   }
@@ -590,19 +593,17 @@ h1 > .anchor-icon { margin-bottom: 2px; }
 
 .language {
   background: $color_light;
-  border-radius: 4px;
   border-left: $declaration_language_border;
 }
 
 .aside.aside-see, .aside.aside-note, {
   background: $color_light;
-  border-radius: 4px;
   .aside-title {
     padding-left: 0px;
   }
 }
 
-.aside-warning {
+.aside-warning, .aside-deprecated, .aside-unavailable {
   border-left: $aside_warning_border;
   .aside-title {
     color: $aside_warning_color;

platform/darwin/docs/theme/templates/deprecation.mustache

@@ -0,0 +1,12 @@
+{{#deprecation_message}}
+<div class="aside aside-deprecated">
+  <p class="aside-title">Deprecated</p>
+  {{{deprecation_message}}}
+</div>
+{{/deprecation_message}}
+{{#unavailable_message}}
+<div class="aside aside-unavailable">
+  <p class="aside-title">Unavailable</p>
+  {{{unavailable_message}}}
+</div>
+{{/unavailable_message}}

platform/darwin/docs/theme/templates/doc.mustache

@@ -43,6 +43,7 @@
         <section class="section">
           <div class="section-content">
             {{^hide_name}}<a href="#/{{name}}"><h1 id="{{name}}">{{name}}<span class="anchor-icon" /></h1></a>{{/hide_name}}
+            {{> deprecation}}
             {{#declaration}}
               <div class="declaration">
                 <div class="language">

platform/darwin/docs/theme/templates/task.mustache

@@ -15,7 +15,7 @@
         <code>
         <a name="/{{usr}}"></a>
         <a name="//apple_ref/{{language_stub}}/{{dash_type}}/{{name}}" class="dashAnchor"></a>
-        <a class="token" href="#/{{usr}}"><span class="token-name">{{name}}</span><span class="token-icon" /></a>
+        <a class="token {{#usage_discouraged}}discouraged{{/usage_discouraged}}" href="#/{{usr}}"><span class="token-name">{{name}}</span><span class="token-icon" /></a>
         </code>
         {{#default_impl_abstract}}
           <span class="declaration-note">
@@ -30,6 +30,7 @@
       </div>
       <div class="height-container">
         <section class="section">
+          {{> deprecation}}
           {{#abstract}}
           <div class="abstract">
             {{{abstract}}}