Add other elements specs

docs/cyp/elements/other.html

@@ -0,0 +1,13 @@
+---
+layout: cypress
+title: Elements/Other
+---
+
+<div id="block" class="block"></div>
+
+<span id="delete" class="delete"></span>
+<span id="delete-small" class="delete is-small"></span>
+<span id="delete-medium" class="delete is-medium"></span>
+<span id="delete-large" class="delete is-large"></span>
+
+<span id="loader" class="loader"></span>

docs/cyp/form/tools.html

@@ -107,4 +107,44 @@ title: Form/Tools
   </div>
 {% endfor %}
 
+<div id="control" class="control">
+  <input class="input" type="text" placeholder="Find a repository">
+</div>
+
+<div id="control-has-icons-left" class="control has-icons-left">
+  <input class="input" type="email" placeholder="Text input">
+
+  <span class="icon is-left">
+    <i class="fas fa-envelope fa-sm"></i>
+  </span>
+</div>
+
+<div id="control-has-icons-right" class="control has-icons-right">
+  <input class="input" type="email" placeholder="Text input">
+
+  <span class="icon is-right">
+    <i class="fas fa-check fa-lg"></i>
+  </span>
+</div>
+
+<div id="control-has-icons-left-and-right" class="control has-icons-left has-icons-right">
+  <input class="input" type="email" placeholder="Text input">
+
+  <span class="icon is-medium is-left">
+    <i class="fas fa-envelope fa-lg"></i>
+  </span>
+
+  <span class="icon is-medium is-right">
+    <i class="fas fa-check fa-lg"></i>
+  </span>
+</div>
+
+<div id="control-loading" class="control is-loading"></div>
+
+<div id="control-loading-small" class="control is-loading is-small"></div>
+
+<div id="control-loading-medium" class="control is-loading is-medium"></div>
+
+<div id="control-loading-large" class="control is-loading is-large"></div>
+
 <p>Last element</p>