semantic-ui-rails 0.6.5 → 0.7.2

data/vendor/assets/stylesheets/semantic-ui/modules/checkbox.less

@@ -24,8 +24,9 @@
   position: relative;
   display: inline-block;
 
-  width: 1em;
-  height: 1.5em;
+  min-width: 1em;
+  height: 1.25em;
+  line-height: 1em;
 
   outline: none;
   vertical-align: middle;
@@ -44,21 +45,14 @@
 .ui.checkbox .box,
 .ui.checkbox label {
   cursor: pointer;
-  position: relative;
-
-  min-width: 1em;
-  height: 1.5em;
-
   padding-left: 2em;
   outline: none;
-
-  white-space: nowrap;
 }
 
 .ui.checkbox .box:before,
 .ui.checkbox label:before {
   position: absolute;
-  top: 0.25em;
+  top: 0em;
   left: 0em;
 
   line-height: 1;
@@ -117,7 +111,7 @@
 }
 .ui.checkbox .box:after,
 .ui.checkbox label:after {
-  top: 0.54em;
+  top: 0.275em;
   left: 0.2em;
   width: 0.45em;
   height: 0.15em;
@@ -208,7 +202,7 @@
 
 .ui.radio.checkbox .box:before,
 .ui.radio.checkbox label:before {
-  width: 1em;
+  min-width: 1em;
   height: 1em;
   -webkit-border-radius: 500px;
   -moz-border-radius: 500px;
@@ -217,7 +211,7 @@
 .ui.radio.checkbox .box:after,
 .ui.radio.checkbox label:after {
   border: none;
-  top: 0.45em;
+  top: 0.2em;
   left: 0.2em;
 
   width: 0.6em;
@@ -225,6 +219,8 @@
 
   background-color: #555555;
 
+  transform: none;
+
   -webkit-border-radius: 500px;
   -moz-border-radius: 500px;
   border-radius: 500px;
@@ -237,13 +233,12 @@
 .ui.slider.checkbox {
   cursor: pointer;
   min-width: 3em;
-  height: 2em;
 }
 
 /* Line */
 .ui.slider.checkbox:after {
   position: absolute;
-  top: 0.8em;
+  top: 0.5em;
   left: 0em;
   content: '';
 
@@ -263,8 +258,8 @@
   display: block;
 
   position: absolute;
-  top: 0em;
-  left: 0;
+  top: -0.25em;
+  left: 0em;
   z-index: 1;
 
   width: 1.5em;
@@ -290,7 +285,7 @@
 
   position: absolute;
   content: '';
-  top: 0.375em;
+  top: 0.15em;
   left: 0em;
   z-index: 2;
 
@@ -302,6 +297,8 @@
 
   border-radius: 50rem;
 
+  transform: none;
+
   -webkit-transition:
     background 0.3s ease 0s,
     left 0.3s ease 0s
@@ -360,7 +357,6 @@
 
 .ui.toggle.checkbox {
   cursor: pointer;
-  height: 2em;
 }
 
 .ui.toggle.checkbox .box,
@@ -376,7 +372,7 @@
 
   position: absolute;
   content: '';
-  top: 0em;
+  top: -0.25em;
   left: 0em;
   z-index: 1;
 
@@ -403,7 +399,7 @@
 
   content: '';
   position: absolute;
-  top: 0.35em;
+  top: 0.15em;
   left: 0.5em;
   z-index: 2;
 

data/vendor/assets/stylesheets/semantic-ui/modules/dimmer.less

@@ -74,27 +74,6 @@
   z-index: 1000;
 }
 
-/*
-.ui.dimmed.dimmable > :not(.dimmer) {
-  -webkit-transition:
-    filter 0.5s ease
-  ;
-  -moz-transition:
-    filter 0.5s ease
-  ;
-  -o-transition:
-    filter 0.5s ease
-  ;
-  -ms-transition:
-    filter 0.5s ease
-  ;
-  transition:
-    filter 0.5s ease
-  ;
-}
-*/
-
-
 /* Dimmer Content */;
 .ui.dimmer > .content {
   width: 100%;
@@ -129,12 +108,11 @@
 /*******************************
             States
 *******************************/
-/*
-.ui.dimmed.dimmable > :not(.dimmer) {
-  -webkit-filter: ~"blur(5px) grayscale(0.7)";
-  -moz-filter: ~"blur(5px) grayscale(0.7)";
+
+.ui.dimmed.dimmable:not(body) {
+  overflow: hidden;
 }
-*/
+
 .ui.dimmed.dimmable > .ui.dimmer,
 .ui.active.dimmer {
   display: block;
@@ -148,7 +126,6 @@
   height: 0em !important;
 }
 
-
 /*******************************
            Variations
 *******************************/

data/vendor/assets/stylesheets/semantic-ui/modules/dropdown.less

@@ -89,13 +89,12 @@
 
 .ui.dropdown > .dropdown.icon {
   width: auto;
-  margin: 0em 0em 0em 0.5em;
+  margin: 0em 0em 0em 1em;
 }
 
 .ui.dropdown > .dropdown.icon:before {
   content: "\f0d7";
 }
-
 .ui.dropdown .menu .item .dropdown.icon {
   width: auto;
   float: right;
@@ -193,10 +192,6 @@
 *******************************/
 
 /* Dropdown Visible */
-.ui.visible.dropdown {
-  border-bottom-left-radius: 0em !important;
-  border-bottom-right-radius: 0em !important;
-}
 .ui.visible.dropdown > .menu {
   display: block;
 }
@@ -308,9 +303,9 @@
   line-height: 1.33;
   color: rgba(0, 0, 0, 0.8);
 
-  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
-  -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
-  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
+  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) !important;
+  -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) !important;
+  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) !important;
 
   -webkit-border-radius: 0.3125em !important;
   -moz-border-radius: 0.3125em !important;
@@ -320,8 +315,6 @@
   display: none;
 }
 .ui.selection.dropdown > .dropdown.icon {
-  float: right;
-
   opacity: 0.7;
   margin: 0.2em 0em 0.2em 1.25em;
 
@@ -348,9 +341,9 @@
   overflow-x: hidden;
   overflow-y: auto;
 
-  -webkit-box-shadow: 0px 1px 0px 1px #EEEEEE;
-  -moz-box-shadow: 0px 1px 0px 1px #EEEEEE;
-  box-shadow: 0px 1px 0px 1px #EEEEEE;
+  -webkit-box-shadow: 0px 1px 0px 1px #E0E0E0;
+  -moz-box-shadow: 0px 1px 0px 1px #E0E0E0;
+  box-shadow: 0px 1px 0px 1px #E0E0E0;
 
   -moz-border-radius: 0px 0px 0.325em 0.325em;
   -webkit-border-radius: 0px 0px 0.325em 0.325em;
@@ -368,33 +361,37 @@
 }
 
 /* Hover */
-.ui.selection.dropdown:hover,
-.ui.selection.dropdown.hover {
-  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
-  -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
-  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
+.ui.selection.dropdown:hover {
+  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) !important;
+  -moz-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;
+  -moz-box-shadow: 0px 1px 0px 1px #D3D3D3;
+  box-shadow: 0px 1px 0px 1px #D3D3D3;
 }
 .ui.selection.dropdown:hover > .dropdown.icon {
   opacity: 1;
 }
 
 /* Visible */
-.ui.selection.active.dropdown {
-  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) !important;
-  -moz-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.visible.selection.dropdown {
+  border-bottom-left-radius: 0em !important;
+  border-bottom-right-radius: 0em !important;
+}
+
+/* Active */
+.ui.active.selection.dropdown {
 
   -webkit-border-radius: 0.3125em 0.3125em 0em 0em !important;
   -moz-border-radius: 0.3125em 0.3125em 0em 0em !important;
   border-radius: 0.3125em 0.3125em 0em 0em !important;
 }
-.ui.selection.active.dropdown > .dropdown.icon {
+.ui.active.selection.dropdown > .dropdown.icon {
   opacity: 1;
 }
-.ui.selection.active.dropdown .menu {
-  -webkit-box-shadow: 0px 1px 0px 1px #D3D3D3;
-  -moz-box-shadow: 0px 1px 0px 1px #D3D3D3;
-  box-shadow: 0px 1px 0px 1px #D3D3D3;
+.ui.active.selection.dropdown .menu {
 }
 
 /*--------------
@@ -404,6 +401,9 @@
 .ui.fluid.dropdown {
   display: block;
 }
+.ui.fluid.dropdown > .dropdown.icon {
+  float: right;
+}
 
 /*--------------
      Inline

data/vendor/assets/stylesheets/semantic-ui/modules/popup.less

@@ -1,255 +1,255 @@
-/*
- * # Semantic - Popup
- * http://github.com/jlukic/semantic-ui/
- *
- *
- * Copyright 2013 Contributors
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
-
-/*******************************
-            Popup
-*******************************/
-
-.ui.popup {
-  display: none;
-  position: absolute;
-  top: 0px;
-  right: 0px;
-  z-index: 900;
-
-  border: 1px solid #DCDDDE;
-  max-width: 250px;
-  background-color: #FFFFFF;
-
-  padding: 0.8em 1.2em;
-  font-size: 0.875rem;
-  font-weight: normal;
-  font-style: normal;
-  color: rgba(0, 0, 0, 0.7);
-
-  -webkit-border-radius: 0.2em;
-  -moz-border-radius: 0.2em;
-  border-radius: 0.2em;
-
-  -webkit-box-shadow: 0px 1px 1px #DCDDDE;
-  -moz-box-shadow: 0px 1px 1px #DCDDDE;
-  box-shadow: 0px 1px 1px #DCDDDE;
-}
-.ui.popup .header {
-  padding: 0em 0em 0.5em;
-
-  font-size: 1.125em;
-  line-height: 1.2;
-  font-weight: bold;
-}
-
-.ui.popup:before {
-  position: absolute;
-  content: "";
-  width: 0.75em;
-  height: 0.75rem;
-
-  background-image: none;
-  background-color: #FFFFFF;
-
-  -webkit-transform: rotate(45deg);
-  -moz-transform: rotate(45deg);
-  transform: rotate(45deg);
-
-  z-index: 2;
-
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  box-sizing: border-box;
-
-  -webkit-box-shadow: 1px 1px 1px #DCDDDE;
-  -moz-box-shadow: 1px 1px 1px #DCDDDE;
-  box-shadow: 1px 1px 1px #DCDDDE;
-}
-
-.ui.popup .ui.button {
-  width: 100%;
-}
-
-/*******************************
-            Types
-*******************************/
-
-/*--------------
-     Spacing
----------------*/
-
-.ui.popup {
-  margin: 0em;
-}
-.ui.popup.bottom {
-  margin: 0.75em 0em 0em;
-}
-.ui.popup.top {
-  margin: 0em 0em 0.75em;
-}
-.ui.popup.left.center {
-  margin: 0em 0.75em 0em 0em;
-}
-.ui.popup.right.center {
-  margin: 0em 0em 0em 0.75em;
-}
-.ui.popup.center {
-  margin-left: -1.25em;
-}
-
-/*--------------
-     Pointer
----------------*/
-
-/*--- Below ---*/
-.ui.bottom.center.popup:before {
-  margin-left: -0.4em;
-  top: -0.4em;
-  left: 50%;
-  right: auto;
-  bottom: auto;
-  -webkit-box-shadow: -1px -1px 1px #dcddde;
-  -moz-box-shadow: -1px -1px 1px #dcddde;
-  box-shadow: -1px -1px 1px #dcddde;
-}
-
-.ui.bottom.left.popup {
-  margin-right: -0.8em;
-}
-.ui.bottom.left.popup:before {
-  top: -0.4em;
-  right: 1em;
-  bottom: auto;
-  left: auto;
-  margin-left: 0em;
-  -webkit-box-shadow: -1px -1px 1px #dcddde;
-  -moz-box-shadow: -1px -1px 1px #dcddde;
-  box-shadow: -1px -1px 1px #dcddde;
-}
-
-.ui.bottom.right.popup {
-  margin-left: -0.8em;
-}
-.ui.bottom.right.popup:before {
-  top: -0.4em;
-  left: 1em;
-  right: auto;
-  bottom: auto;
-  margin-left: 0em;
-  -webkit-box-shadow: -1px -1px 1px #dcddde;
-  -moz-box-shadow: -1px -1px 1px #dcddde;
-  box-shadow: -1px -1px 1px #dcddde;
-}
-
-/*--- Above ---*/
-.ui.top.center.popup:before {
-  top: auto;
-  right: auto;
-  bottom: -0.4em;
-  left: 50%;
-  margin-left: -0.4em;
-}
-.ui.top.left.popup {
-  margin-right: -0.8em;
-}
-.ui.top.left.popup:before {
-  bottom: -0.4em;
-  right: 1em;
-  top: auto;
-  left: auto;
-  margin-left: 0em;
-}
-.ui.top.right.popup {
-  margin-left: -0.8em;
-}
-.ui.top.right.popup:before {
-  bottom: -0.4em;
-  left: 1em;
-  top: auto;
-  right: auto;
-  margin-left: 0em;
-}
-
-/*--- Left Center ---*/
-.ui.left.center.popup:before {
-  top: 50%;
-  right: -0.35em;
-  bottom: auto;
-  left: auto;
-  margin-top: -0.4em;
-  -moz-box-shadow: 1px -1px 1px #dcddde;
-  -webkit-box-shadow: 1px -1px 1px #dcddde;
-  box-shadow: 1px -1px 1px #dcddde;
-}
-
-/*--- Right Center  ---*/
-.ui.right.center.popup:before {
-  top: 50%;
-  left: -0.35em;
-  bottom: auto;
-  right: auto;
-  margin-top: -0.4em;
-  -moz-box-shadow: -1px 1px 1px #dcddde;
-  -webkit-box-shadow: -1px 1px 1px #dcddde;
-  box-shadow: -1px 1px 1px #dcddde;
-}
-
-/*******************************
-            States
-*******************************/
-
-.ui.loading.popup {
-  display: block;
-  visibility: hidden;
-}
-.ui.active.popup {
-  display: block;
-}
-
-
-/*******************************
-            Variations
-*******************************/
-
-/*--------------
-      Size
----------------*/
-
-.ui.small.popup {
-  font-size: 0.75rem;
-}
-.ui.large.popup {
-  font-size: 1rem;
-}
-
-
-/*--------------
-     Colors
----------------*/
-
-/* Inverted colors  */
-.ui.inverted.popup {
-  background-color: #333333;
-  border: none;
-  color: #FFFFFF;
-
-  -webkit-box-shadow: none;
-  -moz-box-shadow: none;
-  box-shadow: none;
-}
-.ui.inverted.popup .header {
-  background-color: rgba(0, 0, 0, 0.2);
-  color: #FFFFFF;
-}
-.ui.inverted.popup:before {
-  background-color: #333333;
-
-  -webkit-box-shadow: none;
-  -moz-box-shadow: none;
-  box-shadow: none;
-}
+/*
+ * # Semantic - Popup
+ * http://github.com/jlukic/semantic-ui/
+ *
+ *
+ * Copyright 2013 Contributors
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+            Popup
+*******************************/
+
+.ui.popup {
+  display: none;
+  position: absolute;
+  top: 0px;
+  right: 0px;
+  z-index: 900;
+
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  max-width: 250px;
+  background-color: #FFFFFF;
+
+  padding: 0.8em 1.2em;
+  font-size: 0.875rem;
+  font-weight: normal;
+  font-style: normal;
+  color: rgba(0, 0, 0, 0.7);
+
+  -webkit-border-radius: 0.2em;
+  -moz-border-radius: 0.2em;
+  border-radius: 0.2em;
+
+  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
+  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
+  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
+}
+.ui.popup .header {
+  padding: 0em 0em 0.5em;
+
+  font-size: 1.125em;
+  line-height: 1.2;
+  font-weight: bold;
+}
+
+.ui.popup:before {
+  position: absolute;
+  content: "";
+  width: 0.75em;
+  height: 0.75rem;
+
+  background-image: none;
+  background-color: #FFFFFF;
+
+  -webkit-transform: rotate(45deg);
+  -moz-transform: rotate(45deg);
+  transform: rotate(45deg);
+
+  z-index: 2;
+
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+
+  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
+  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
+  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
+}
+
+.ui.popup .ui.button {
+  width: 100%;
+}
+
+/*******************************
+            Types
+*******************************/
+
+/*--------------
+     Spacing
+---------------*/
+
+.ui.popup {
+  margin: 0em;
+}
+.ui.popup.bottom {
+  margin: 0.75em 0em 0em;
+}
+.ui.popup.top {
+  margin: 0em 0em 0.75em;
+}
+.ui.popup.left.center {
+  margin: 0em 0.75em 0em 0em;
+}
+.ui.popup.right.center {
+  margin: 0em 0em 0em 0.75em;
+}
+.ui.popup.center {
+  margin-left: -1.25em;
+}
+
+/*--------------
+     Pointer
+---------------*/
+
+/*--- Below ---*/
+.ui.bottom.center.popup:before {
+  margin-left: -0.4em;
+  top: -0.4em;
+  left: 50%;
+  right: auto;
+  bottom: auto;
+  -webkit-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
+  -moz-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
+  box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
+}
+
+.ui.bottom.left.popup {
+  margin-right: -2em;
+}
+.ui.bottom.left.popup:before {
+  top: -0.4em;
+  right: 1em;
+  bottom: auto;
+  left: auto;
+  margin-left: 0em;
+  -webkit-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
+  -moz-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
+  box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
+}
+
+.ui.bottom.right.popup {
+  margin-left: -2em;
+}
+.ui.bottom.right.popup:before {
+  top: -0.4em;
+  left: 1em;
+  right: auto;
+  bottom: auto;
+  margin-left: 0em;
+  -webkit-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
+  -moz-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
+  box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
+}
+
+/*--- Above ---*/
+.ui.top.center.popup:before {
+  top: auto;
+  right: auto;
+  bottom: -0.4em;
+  left: 50%;
+  margin-left: -0.4em;
+}
+.ui.top.left.popup {
+  margin-right: -2em;
+}
+.ui.top.left.popup:before {
+  bottom: -0.4em;
+  right: 1em;
+  top: auto;
+  left: auto;
+  margin-left: 0em;
+}
+.ui.top.right.popup {
+  margin-left: -2em;
+}
+.ui.top.right.popup:before {
+  bottom: -0.4em;
+  left: 1em;
+  top: auto;
+  right: auto;
+  margin-left: 0em;
+}
+
+/*--- Left Center ---*/
+.ui.left.center.popup:before {
+  top: 50%;
+  right: -0.35em;
+  bottom: auto;
+  left: auto;
+  margin-top: -0.4em;
+  -moz-box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.2);
+  box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.2);
+}
+
+/*--- Right Center  ---*/
+.ui.right.center.popup:before {
+  top: 50%;
+  left: -0.35em;
+  bottom: auto;
+  right: auto;
+  margin-top: -0.4em;
+  -moz-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.2);
+  box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.2);
+}
+
+/*******************************
+            States
+*******************************/
+
+.ui.loading.popup {
+  display: block;
+  visibility: hidden;
+}
+.ui.active.popup {
+  display: block;
+}
+
+
+/*******************************
+            Variations
+*******************************/
+
+/*--------------
+      Size
+---------------*/
+
+.ui.small.popup {
+  font-size: 0.75rem;
+}
+.ui.large.popup {
+  font-size: 1rem;
+}
+
+
+/*--------------
+     Colors
+---------------*/
+
+/* Inverted colors  */
+.ui.inverted.popup {
+  background-color: #333333;
+  border: none;
+  color: #FFFFFF;
+
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+.ui.inverted.popup .header {
+  background-color: rgba(0, 0, 0, 0.2);
+  color: #FFFFFF;
+}
+.ui.inverted.popup:before {
+  background-color: #333333;
+
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}