Relase and build version 0.14.0

RELEASE NOTES.md

@@ -1,5 +1,19 @@
 ## RELEASE NOTES
 
+### Version 0.14.0- Mar 03, 2014
+
+**Enhancements**
+- **Modal** - Modal now uses requestAnimationFrame instead of debounced callback
+- **Dropdown** - Dropdown now has error state **Thanks Musatov**
+- **Form** - Form fields with errors will now properly style dropdown elements **Thanks Musatov**
+- **Step** - Steps can now appear vertically
+
+**Fixes**
+- **List** - Bulleted and horizontal lists now appear correctly in IE10-11
+
+**Project**
+- **NPM** - Docpad is now moved to a dev dependency **Thanks kapouer**
+
 ### Version 0.13.1- Feb 28, 2014
 
 **Fixes**

build/less/collections/form.less

@@ -268,6 +268,46 @@
   box-shadow: 0.3em 0em 0em 0em #FF5050 inset;
 }
 
+/*----------------------------
+  Dropdown Selection Warning
+-----------------------------*/
+
+.ui.form .fields.error .field .ui.dropdown,
+.ui.form .fields.error .field .ui.dropdown .item,
+.ui.form .field.error .ui.dropdown,
+.ui.form .field.error .ui.dropdown .item {
+  background-color: #FFFAFA;
+  color: #D95C5C;
+}
+
+.ui.form .fields.error .field .ui.dropdown,
+.ui.form .field.error .ui.dropdown {
+  -webkit-box-shadow: 0px 0px 0px 1px #E7BEBE !important;
+  box-shadow: 0px 0px 0px 1px #E7BEBE !important;
+}
+
+.ui.form .fields.error .field .ui.dropdown:hover,
+.ui.form .field.error .ui.dropdown:hover {
+  -webkit-box-shadow: 0px 0px 0px 1px #E7BEBE !important;
+  box-shadow: 0px 0px 0px 1px #E7BEBE !important;
+}
+
+.ui.form .fields.error .field .ui.dropdown:hover .menu,
+.ui.form .field.error .ui.dropdown:hover .menu {
+  -webkit-box-shadow: 0px 1px 0px 1px #E7BEBE;
+  box-shadow: 0px 1px 0px 1px #E7BEBE;
+}
+
+.ui.form .fields.error .field .ui.dropdown .menu .item:hover,
+.ui.form .field.error .ui.dropdown .menu .item:hover {
+  background-color: #FFF2F2;
+}
+
+.ui.form .fields.error .field .ui.dropdown .menu .active.item,
+.ui.form .field.error .ui.dropdown .menu .active.item {
+  background-color: #FDCFCF !important;
+}
+
 /*--------------------
   Empty (Placeholder)
 ---------------------*/

build/less/elements/step.less

@@ -52,6 +52,49 @@
     box-shadow 0.1s ease;
 }
 
+/*******************************
+            Types
+*******************************/
+
+.ui.vertical.steps {
+  overflow: visible;
+}
+
+.ui.vertical.steps .step {
+  display: block;
+  border-radius: 0em;
+  padding: 1em 2em;
+}
+
+.ui.vertical.steps .step:first-child {
+  padding: 1em 2em;
+  border-top-left-radius: 0.3125rem;
+  border-top-right-radius: 0.3125rem;
+}
+
+.ui.vertical.steps .step:last-child {
+  border-bottom-left-radius: 0.3125rem;
+  border-bottom-right-radius: 0.3125rem;
+}
+
+/* Arrow */
+
+.ui.vertical.steps .step:after {
+  display: none;
+}
+
+/* Disabled */
+
+.ui.vertical.steps .disabled.step:after {
+  padding: 1em 2em;
+}
+
+/* Active Arrow */
+
+.ui.vertical.steps .active.step:after {
+  display: block;
+}
+
 /*******************************
             Group
 *******************************/
@@ -60,6 +103,7 @@
   cursor: pointer;
   display: inline-block;
   font-size: 0em;
+  overflow: hidden;
   -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
   box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
   line-height: 1;

build/less/modules/dropdown.less

@@ -166,13 +166,21 @@
   display: block;
 }
 
+/*--------------------
+        Hover
+----------------------*/
+
 /* Menu Item Hover */
 
 .ui.dropdown .menu .item:hover {
   background-color: rgba(0, 0, 0, 0.02);
   z-index: 12;
 }
 
+/*--------------------
+        Active
+----------------------*/
+
 /* Menu Item Active */
 
 .ui.dropdown .menu .active.item {
@@ -186,7 +194,9 @@
   z-index: 12;
 }
 
-/* Default Text */
+/*--------------------
+     Default Text
+----------------------*/
 
 .ui.dropdown > .default.text,
 .ui.default.dropdown > .text {
@@ -198,6 +208,43 @@
   color: rgba(0, 0, 0, 0.8);
 }
 
+/*--------------------
+        Error
+----------------------*/
+
+.ui.dropdown.error,
+.ui.dropdown.error .item {
+  color: #D95C5C !important;
+}
+
+.ui.selection.dropdown.error {
+  background-color: #FFFAFA;
+  -webkit-box-shadow: 0px 0px 0px 1px rgba(231, 190, 190, 1) !important;
+  box-shadow: 0px 0px 0px 1px rgba(231, 190, 190, 1) !important;
+}
+
+.ui.selection.dropdown.error:hover {
+  -webkit-box-shadow: 0px 0px 0px 1px rgba(231, 190, 190, 1) !important;
+  box-shadow: 0px 0px 0px 1px rgba(231, 190, 190, 1) !important;
+}
+
+.ui.dropdown.error .menu {
+  -webkit-box-shadow: 0px 0px 1px 1px #E7BEBE !important;
+  box-shadow: 0px 0px 1px 1px #E7BEBE !important;
+}
+
+/* Item Hover */
+
+.ui.dropdown.error .menu .item:hover {
+  background-color: #FFF2F2 !important;
+}
+
+/* Item Active */
+
+.ui.dropdown.error .menu .active.item {
+  background-color: #FDCFCF !important;
+}
+
 /*******************************
            Variations
 *******************************/
@@ -316,22 +363,6 @@
   margin-right: 0.5em;
 }
 
-/* Hover */
-
-.ui.selection.dropdown:hover {
-  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) !important;
-  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) !important;
-}
-
-.ui.selection.dropdown:hover .menu {
-  -webkit-box-shadow: 0px 1px 0px 1px #D3D3D3;
-  box-shadow: 0px 1px 0px 1px #D3D3D3;
-}
-
-.ui.selection.dropdown:hover > .dropdown.icon {
-  opacity: 1;
-}
-
 /* Visible */
 
 .ui.visible.selection.dropdown {
@@ -349,8 +380,6 @@
   opacity: 1;
 }
 
-
-
 /*--------------
       Fluid
 ---------------*/

build/less/views/list.less

@@ -54,7 +54,7 @@ ol.ui.list li,
   list-style-type: none;
   list-style-position: inside;
   padding: 0.3em 0em;
-  line-height: 1.2;
+  line-height: 1.2em;
 }
 
 .ui.list .item:after {
@@ -109,7 +109,7 @@ ol.ui.list li,
 .ui.list .item > .content {
   display: inline-block;
   vertical-align: middle;
-  line-height: 1.2;
+  line-height: 1.2em;
 }
 
 .ui.list .item > .icon + .content {
@@ -349,8 +349,6 @@ ul.ui.list li:before,
   position: absolute;
   left: -1.5em;
   content: '•';
-  line-height: 1.2rem;
-  vertical-align: top;
 }
 
 ul.ui.list ul,
@@ -434,6 +432,7 @@ ol.ui.horizontal.list,
 ol.ui.horizontal.list li:before,
 .ui.ordered.horizontal.list .item:before {
   position: static;
+  left: 0em;
   margin: 0em 0.5em 0em 0em;
 }
 
@@ -518,7 +517,7 @@ ol.ui.horizontal.list li:before,
   margin: 0em;
   padding-left: 0.75em;
   padding-right: 0.75em;
-  line-height: 0.6;
+  line-height: 0.6em;
 }
 
 .ui.horizontal.divided.list > .item:first-child {
@@ -613,7 +612,7 @@ ol.ui.horizontal.list li:before,
   margin: 0em;
   padding-left: 0.75em;
   padding-right: 0.75em;
-  line-height: 0.6;
+  line-height: 0.6em;
 }
 
 .ui.horizontal.celled.list .item:last-child {

build/minified/collections/breadcrumb.min.css

@@ -1,14 +1,14 @@
 /*
 * # Semantic UI
-* Version: 0.13.1
+* Version: 0.14.0
 * http://github.com/jlukic/semantic-ui
 *
 *
 * Copyright 2014 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
-* Released: 03/02/2014
+* Released: 03/04/2014
 */
 
 .ui.breadcrumb{margin:1em 0;display:inline-block;vertical-align:middle}.ui.breadcrumb:first-child{margin-top:0}.ui.breadcrumb:last-child{margin-bottom:0}.ui.breadcrumb .divider{display:inline-block;opacity:.5;margin:0 .15em;font-size:1em;color:rgba(0,0,0,.3)}.ui.breadcrumb a.section{cursor:pointer}.ui.breadcrumb .section{display:inline-block;margin:0;padding:0}.ui.breadcrumb.segment{display:inline-block;padding:.5em 1em}.ui.breadcrumb .active.section{font-weight:700}.ui.small.breadcrumb{font-size:.75em}.ui.large.breadcrumb{font-size:1.1em}.ui.huge.breadcrumb{font-size:1.3em}