adds example of attach events to modal

build/less/collections/form.less

@@ -65,7 +65,6 @@
 
 .ui.form textarea,
 .ui.form input[type="text"],
-.ui.form input[type="email"],
 .ui.form input[type="date"],
 .ui.form input[type="password"],
 .ui.form .ui.input {
@@ -74,7 +73,6 @@
 
 .ui.form textarea,
 .ui.form input[type="text"],
-.ui.form input[type="email"],
 .ui.form input[type="date"],
 .ui.form input[type="password"] {
 
@@ -203,7 +201,6 @@
 ---------------------*/
 
 .ui.form input[type="text"]:focus,
-.ui.form input[type="email"]:focus,
 .ui.form input[type="password"]:focus,
 .ui.form textarea:focus {
   color: rgba(0, 0, 0, 0.85);
@@ -243,12 +240,10 @@
 }
 .ui.form .fields.error .field textarea,
 .ui.form .fields.error .field input[type="text"],
-.ui.form .fields.error .field input[type="email"],
 .ui.form .fields.error .field input[type="date"],
 .ui.form .fields.error .field input[type="password"],
 .ui.form .field.error textarea,
 .ui.form .field.error input[type="text"],
-.ui.form .field.error input[type="email"],
 .ui.form .field.error input[type="date"],
 .ui.form .field.error input[type="password"] {
   background-color: #FFFAFA;
@@ -268,7 +263,6 @@
 }
 .ui.form .field.error textarea:focus,
 .ui.form .field.error input[type="text"]:focus,
-.ui.form .field.error input[type="email"]:focus,
 .ui.form .field.error input[type="password"]:focus {
   border-color: rgba(255, 80, 80, 1);
   color: rgba(255, 80, 80, 1);
@@ -401,10 +395,7 @@
   color: #FFFFFF;
 }
 .ui.inverted.form .field.error textarea,
-.ui.inverted.form .field.error input[type="text"],
-.ui.inverted.form .field.error input[type="email"],
-.ui.inverted.form .field.error input[type="date"],
-.ui.inverted.form .field.error input[type="password"] {
+.ui.inverted.form .field.error input[type="text"] {
   background-color: #FFCCCC;
 }
 
@@ -536,8 +527,6 @@
 }
 .ui.small.form textarea,
 .ui.small.form input[type="text"],
-.ui.small.form input[type="email"],
-.ui.small.form input[type="date"],
 .ui.small.form input[type="password"],
 .ui.small.form label {
   font-size: 1em;

build/less/elements/basic.icon.less

@@ -458,17 +458,10 @@ i.basic.icon {
   font-size: 1em;
 }
 i.large.basic.icon {
-  font-size: 1.5em;
-  margin-right: 0.3em;
-  vertical-align: middle;
-}
-
-i.big.basic.icon {
   font-size: 2em;
   margin-right: 0.5em;
   vertical-align: middle;
 }
-
 i.huge.basic.icon {
   font-size: 4em;
   margin-right: 0.75em;

build/less/elements/icon.less

@@ -754,21 +754,11 @@ i.small.icon {
 i.icon {
   font-size: 1em;
 }
-
 i.large.icon {
-  font-size: 1.5em;
-  margin-right: 0.3em;
-  vertical-align: middle;
-}
-
-i.big.icon {
   font-size: 2em;
   margin-right: 0.5em;
   vertical-align: middle;
-
 }
-
-
 i.huge.icon {
   font-size: 4em;
   margin-right: 0.75em;

build/less/modules/modal.js

@@ -107,7 +107,7 @@ $.fn.modal = function(parameters) {
           ;
           event = $.isFunction(module[event])
             ? module[event]
-            : module.toggle
+            : module.show
           ;
           if($toggle.size() > 0) {
             module.debug('Attaching modal events to element', selector, event);

build/minified/modules/modal.js

@@ -107,7 +107,7 @@ $.fn.modal = function(parameters) {
           ;
           event = $.isFunction(module[event])
             ? module[event]
-            : module.toggle
+            : module.show
           ;
           if($toggle.size() > 0) {
             module.debug('Attaching modal events to element', selector, event);

build/uncompressed/modules/modal.js

@@ -107,7 +107,7 @@ $.fn.modal = function(parameters) {
           ;
           event = $.isFunction(module[event])
             ? module[event]
-            : module.toggle
+            : module.show
           ;
           if($toggle.size() > 0) {
             module.debug('Attaching modal events to element', selector, event);

node/src/documents/modules/modal.html.eco

@@ -186,6 +186,17 @@ type        : 'UI Module'
 
   <h2 class="ui dividing header">Behavior</h2>
 
+  <div class="no example">
+    <h4 class="ui header">Attach events</h4>
+    <p>A modal can attach events to another element</p>
+    <div class="code" data-demo="true">
+    $('.test.modal')
+      .modal('attach events', '.test.button', 'show')
+    ;
+    </div>
+    <div class="ui primary test button">Launch modal</div>
+  </div>
+
   <div class="no example">
     <h4 class="ui header">Show</h4>
     <p>A modal can show itself</p>

node/src/files/build/less/modules/modal.js

@@ -107,7 +107,7 @@ $.fn.modal = function(parameters) {
           ;
           event = $.isFunction(module[event])
             ? module[event]
-            : module.toggle
+            : module.show
           ;
           if($toggle.size() > 0) {
             module.debug('Attaching modal events to element', selector, event);

node/src/files/build/minified/modules/modal.js

@@ -107,7 +107,7 @@ $.fn.modal = function(parameters) {
           ;
           event = $.isFunction(module[event])
             ? module[event]
-            : module.toggle
+            : module.show
           ;
           if($toggle.size() > 0) {
             module.debug('Attaching modal events to element', selector, event);

node/src/files/build/uncompressed/modules/modal.js

@@ -107,7 +107,7 @@ $.fn.modal = function(parameters) {
           ;
           event = $.isFunction(module[event])
             ? module[event]
-            : module.toggle
+            : module.show
           ;
           if($toggle.size() > 0) {
             module.debug('Attaching modal events to element', selector, event);

src/modules/modal.js

@@ -107,7 +107,7 @@ $.fn.modal = function(parameters) {
           ;
           event = $.isFunction(module[event])
             ? module[event]
-            : module.toggle
+            : module.show
           ;
           if($toggle.size() > 0) {
             module.debug('Attaching modal events to element', selector, event);