From 02e8e33e77181a9d74a41085d154a0cd09c0065d Mon Sep 17 00:00:00 2001
From: jlukic <jacklukic@gmail.com>
Date: Thu, 6 Nov 2014 17:15:21 -0500
Subject: [PATCH] Adds inverted input, css loaders for inputs

---
 server/documents/elements/input.html.eco | 27 +++++++++++++++++++++++-
 server/files/stylesheets/home.css        |  4 ++++
 2 files changed, 30 insertions(+), 1 deletion(-)

diff --git a/server/documents/elements/input.html.eco b/server/documents/elements/input.html.eco
index 5c87bb143..35e1de406 100755
--- a/server/documents/elements/input.html.eco
+++ b/server/documents/elements/input.html.eco
@@ -40,9 +40,15 @@ themes      : ['Default']
   <div class="example">
     <h4 class="ui header">Loading</h4>
     <p>An icon input field can show that it is currently loading data</p>
+    <div class="ui ignored message">Loading inputs automatically modify the input's icon on loading state to show loading indication</div>
+    <div class="ui left icon input loading">
+      <input type="text" placeholder="Search...">
+      <i class="search icon"></i>
+    </div>
+    <div class="ui divider"></div>
     <div class="ui icon input loading">
       <input type="text" placeholder="Search...">
-      <i class="icon"></i>
+      <i class="search icon"></i>
     </div>
   </div>
 
@@ -164,6 +170,25 @@ themes      : ['Default']
     </div>
   </div>
 
+  <div class="example">
+    <h4 class="ui header">Inverted</h4>
+    <p>An input can be formatted to appear on dark backgrounds</p>
+    <div class="ui inverted segment">
+      <div class="ui inverted input">
+        <input type="text" placeholder="Search...">
+      </div>
+      <div class="ui inverted icon input">
+        <i class="search icon"></i>
+        <input type="text" placeholder="Search...">
+      </div>
+      <div class="ui inverted left icon input">
+        <i class="search icon"></i>
+        <input type="text" placeholder="Search...">
+      </div>
+    </div>
+  </div>
+
+
   <div class="example">
     <h4 class="ui header">Fluid</h4>
     <p>An input can take the size of its container</p>
diff --git a/server/files/stylesheets/home.css b/server/files/stylesheets/home.css
index 11f2a4c37..d17a0eaa8 100755
--- a/server/files/stylesheets/home.css
+++ b/server/files/stylesheets/home.css
@@ -611,6 +611,10 @@
   padding-top: 0;
 }
 
+/*--------------
+    Following
+---------------*/
+
 #example.index .following.bar {
   position: absolute;
   top: 0px;