Adds reverse examples to docs

Author: jlukic

server/documents/behaviors/api.html.eco

@@ -1038,7 +1038,7 @@ type        : 'UI Behavior'
         <tr>
           <td>errorDuration</td>
           <td>2000</td>
-          <td>Duration in milliseconds to show error state after request error.</td>
+          <td>Setting to <code>true</code>, will not remove error. Setting to a duration in milliseconds to show error state after request error.</td>
         </tr>
       </tbody>
     </table>

server/documents/collections/grid.html.eco

@@ -1286,21 +1286,37 @@ themes      : ['Default']
       </div>
     </div>
     <div class="example" data-use-content="true" data-class="computer reversed, tablet reversed, mobile reversed, computer vertically reversed, mobile vertically reversed, tablet vertically reversed">
-      <h4 class="ui header">Responsive Order</h4>
+      <h4 class="ui header">Reversed</h4>
       <p>A grid or row can specify that its columns should reverse order at different device sizes</p>
-      <div class="ui ignored warning message">Reversed grids are not yet compatible with variations like <code>divided</code> which require special <code>:first-child</code> and <code>:last-child</code> styling</div>
-      <div class="ui mobile reversed equal width grid">
-        <div class="column">
-          Tablet Fourth
-        </div>
-        <div class="column">
-          Tablet Third
-        </div>
-        <div class="column">
-          Tablet Second
+      <div class="ui ignored info message message">Reversed grids are compatible with <code>divided</code> grids and other complex grid types.</div>
+      <div class="ui computer equal width grid">
+        <div class="row">
+          <div class="column">
+            Computer A Fourth
+          </div>
+          <div class="column">
+            Computer A Third
+          </div>
+          <div class="column">
+            Computer A Second
+          </div>
+          <div class="column">
+            Computer A First
+          </div>
         </div>
-        <div class="column">
-          Tablet First
+        <div class="row">
+          <div class="column">
+            Computer B Fourth
+          </div>
+          <div class="column">
+            Computer B Third
+          </div>
+          <div class="column">
+            Computer B Second
+          </div>
+          <div class="column">
+            Computer B First
+          </div>
         </div>
       </div>
       <div class="ui tablet reversed equal width grid">
@@ -1317,18 +1333,18 @@ themes      : ['Default']
           Tablet First
         </div>
       </div>
-      <div class="ui computer reversed equal width grid">
+      <div class="ui mobile reversed equal width grid">
         <div class="column">
-          Computer Fourth
+          Mobile Fourth
         </div>
         <div class="column">
-          Computer Third
+          Mobile Third
         </div>
         <div class="column">
-          Computer Second
+          Mobile Second
         </div>
         <div class="column">
-          Computer First
+          Mobile First
         </div>
       </div>
     </div>

server/documents/hotfix.html.eco

@@ -8,61 +8,15 @@ type       : 'Library'
 ---
 
 <div class="ui container">
-<div class="ui container">
-    <h1 class="ui header">Semantic UI Button Popup Test</h1>
-    <div class="ui panel">
-      <div id="button1" class="ui button" data-content="This is button #1" data-variation="inverted">
-        Button 1
-      </div>
-      <div id="button2" class="ui button" data-variation="inverted">
-        Button 2
-      </div>
-      <div class="ui popup" data-variation="inverted">
-        This is button #2
-      </div>
-      <div id="button3" class="ui button">
-        Button 3
-      </div>
-      <div class="ui popup">
-        This is button #3
-      </div>
-      <div id="button4" class="ui button">
-        Button 4
-      </div>
-      <div class="ui popup">
-        This is button #4
-      </div>
-      <div id="button5" class="ui button">
-        Button 5
-      </div>
-      <div class="ui popup">
-        This is button #5
-      </div>
-      <div id="button6" class="ui button">
-        Button 6
-      </div>
-    </div>
-  </div>
+<div class="ui button blue" tabindex="0">btn</div>
+<div class="ui basic button blue" tabindex="0">btn</div>
+<div class="ui basic button blue"tabindex="0">btn</div>
+<div class="ui button blue"tabindex="0">btn</div>
 </div>
 </body>
 <!-- TEST JS HERE !-->
 <script>
-$('#button1').popup();
-$('#button2').popup();
-$('#button3').popup({
-  variation: "inverted"
-});
-$('#button4').popup({
-  variation: "inverted"
-});
-$('#button5').popup({
-  inline: true,
-  variation: "inverted"
-});
-$('#button6').popup({
-  content: "This is button #6",
-  variation: "inverted"
-});
+
 </script>
 
 <!-- TEST CSS HERE !-->