semantic-ui-sass 0.0.3 → 0.8.0.0

data/app/assets/javascripts/semantic-ui/video.js

@@ -24,7 +24,7 @@ $.fn.video = function(parameters) {
     methodInvoked   = (typeof query == 'string'),
     queryArguments  = [].slice.call(arguments, 1),
 
-    invokedResponse
+    returnedValue
   ;
 
   $allModules
@@ -32,7 +32,7 @@ $.fn.video = function(parameters) {
       var
         settings        = ( $.isPlainObject(parameters) )
           ? $.extend(true, {}, $.fn.video.settings, parameters)
-          : $.fn.video.settings,
+          : $.extend({}, $.fn.video.settings),
 
         selector        = settings.selector,
         className       = settings.className,
@@ -41,7 +41,7 @@ $.fn.video = function(parameters) {
         namespace       = settings.namespace,
 
         eventNamespace  = '.' + namespace,
-        moduleNamespace = namespace + '-module',
+        moduleNamespace = 'module-' + namespace,
 
         $module         = $(this),
         $placeholder    = $module.find(selector.placeholder),
@@ -80,6 +80,12 @@ $.fn.video = function(parameters) {
             .removeData(moduleNamespace)
             .off(eventNamespace)
           ;
+          $placeholder
+            .off(eventNamespace)
+          ;
+          $playButton
+            .off(eventNamespace)
+          ;
         },
 
         // sets new video
@@ -225,26 +231,22 @@ $.fn.video = function(parameters) {
         },
 
         setting: function(name, value) {
-          if(value !== undefined) {
-            if( $.isPlainObject(name) ) {
-              $.extend(true, settings, name);
-            }
-            else {
-              settings[name] = value;
-            }
+          if( $.isPlainObject(name) ) {
+            $.extend(true, settings, name);
+          }
+          else if(value !== undefined) {
+            settings[name] = value;
           }
           else {
             return settings[name];
           }
         },
         internal: function(name, value) {
-          if(value !== undefined) {
-            if( $.isPlainObject(name) ) {
-              $.extend(true, module, name);
-            }
-            else {
-              module[name] = value;
-            }
+          if( $.isPlainObject(name) ) {
+            $.extend(true, module, name);
+          }
+          else if(value !== undefined) {
+            module[name] = value;
           }
           else {
             return module[name];
@@ -372,14 +374,14 @@ $.fn.video = function(parameters) {
           else if(found !== undefined) {
             response = found;
           }
-          if($.isArray(invokedResponse)) {
-            invokedResponse.push(response);
+          if($.isArray(returnedValue)) {
+            returnedValue.push(response);
           }
-          else if(typeof invokedResponse == 'string') {
-            invokedResponse = [invokedResponse, response];
+          else if(returnedValue !== undefined) {
+            returnedValue = [returnedValue, response];
           }
           else if(response !== undefined) {
-            invokedResponse = response;
+            returnedValue = response;
           }
           return found;
         }
@@ -399,8 +401,8 @@ $.fn.video = function(parameters) {
       }
     })
   ;
-  return (invokedResponse !== undefined)
-    ? invokedResponse
+  return (returnedValue !== undefined)
+    ? returnedValue
     : this
   ;
 };

data/app/assets/stylesheets/semantic-ui/collections/_grid.scss

@@ -623,7 +623,7 @@ body > .ui.grid {
     display: block !important;
     padding: 0em;
   }
-  .ui.stackable.grid .row > .column,
+  .ui.stackable.grid > .row > .column,
   .ui.stackable.grid > .column {
     display: block !important;
     width: auto !important;

data/app/assets/stylesheets/semantic-ui/collections/_menu.scss

@@ -237,34 +237,45 @@
   margin-bottom: 0px;
 }
 
+
+/*--------------
+     Button
+---------------*/
+
+.ui.menu:not(.vertical) .item > .button {
+  position: relative;
+  top: -0.05em;
+
+  margin: -0.55em 0;
+  padding-bottom: 0.55em;
+  padding-top: 0.55em;
+
+  font-size: 0.875em;
+  box-shadow: none;
+}
+
+
 /*--------------
      Inputs
 ---------------*/
 
-.ui.menu .item > .input,
-.ui.menu .item > .input input {
+.ui.menu:not(.vertical) .item > .input {
+  margin-top: -0.83em;
+  margin-bottom: -0.83em;
+  padding-top: 0.3em;
+  padding-bottom: 0.3em;
   width: 100%;
 }
-.ui.menu .ui.input > .icon {
-  padding-top: 0.1em;
-  height: auto;
-}
-.ui.menu .item > .input input,
-.ui.menu .item > input[type="text"] {
-  position: relative;
-  margin: -0.45em 0em;
-  padding-top: 0.45em;
-  padding-bottom: 0.45em;
+.ui.menu .item > .input input {
+  padding-top: 0.5em;
+  padding-bottom: 0.5em;
 }
-.ui.vertical.menu .item > .input input,
-.ui.vertical.menu .item > input[type="text"] {
-  top: 0em;
+.ui.vertical.menu .item > .input input {
   margin: 0em;
   padding-top: 0.63em;
   padding-bottom: 0.63em;
 }
 .ui.vertical.menu .ui.input > .icon {
-  top: 0px;
   padding-top: 0.63em;
 }
 
@@ -284,9 +295,15 @@
 /*--------------
     Dropdowns
 ---------------*/
-/*.ui.menu .dropdown.item .menu {
+.ui.menu .dropdown.item .menu {
+  left: 1px;
   margin: 1px 0px 0px 0px;
-}*/
+  min-width: calc(100% - 1px);
+  box-shadow: 0 1px 1px 1px #DDDDDD;
+}
+.ui.menu .pointing.dropdown.item .menu {
+  margin-top: 0.75em;
+}
 .ui.menu .simple.dropdown.item .menu {
   margin: 0px !important;
 }
@@ -481,7 +498,6 @@
 
 .ui.vertical.menu .item > .label {
   float: right;
-  min-width: 2.5;
   text-align: center;
 }
 .ui.vertical.menu .item > .icon:not(.input) {
@@ -536,11 +552,13 @@
 /*--- Dropdown ---*/
 .ui.vertical.menu .dropdown.item > i {
   float: right;
+  content: "\f0da";
 }
 .ui.vertical.menu .dropdown.item .menu {
   top: 0% !important;
   left: 100%;
   margin: 0px 0px 0px 1px;
+  box-shadow: 0 0px 1px 1px #DDDDDD;
 }
 .ui.vertical.menu .dropdown.item.active {
   border-top-right-radius: 0em;
@@ -672,6 +690,8 @@
   background-color: transparent;
   border-bottom: 1px solid #DCDDDE;
 
+  border-radius: 0em;
+
   -webkit-box-shadow: none !important;
   -moz-box-shadow: none !important;
   box-shadow: none !important;
@@ -700,14 +720,15 @@
 /* Active */
 .ui.tabular.menu .active.item {
   position: relative;
-  top: 1px;
 
   background-color: #FFFFFF;
   color: rgba(0, 0, 0, 0.8);
 
   border-color: #DCDDDE;
+  font-weight: bold;
 
-  padding-top: 0.83em;
+  margin-bottom: -1px;
+  border-bottom: 1px solid #FFFFFF;
 
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
@@ -739,10 +760,12 @@
 }
 
 .ui.pagination.menu .item {
-  min-width: 2.7em;
-  min-height: 2.7em;
+  min-width: 3em;
   text-align: center;
 }
+.ui.pagination.menu .icon.item .icon {
+  vertical-align: top;
+}
 .ui.pagination.menu.floated {
   display: block;
 }
@@ -772,6 +795,7 @@
   -moz-box-shadow: none;
   box-shadow: none;
 }
+.ui.secondary.menu > .menu > .item,
 .ui.secondary.menu > .item {
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
@@ -787,10 +811,15 @@
   -moz-border-radius: 0.3125em;
   border-radius: 0.3125em;
 }
+.ui.secondary.menu > .menu > .item:before,
 .ui.secondary.menu > .item:before {
   display: none !important;
 }
 
+.ui.secondary.menu .item > .input input {
+  background-color: transparent;
+  border: none;
+}
 .ui.secondary.menu .link.item,
 .ui.secondary.menu a.item {
   opacity: 0.8;
@@ -801,7 +830,6 @@
   -ms-transition: none;
   transition: none;
 }
-
 .ui.secondary.menu .header.item {
   border-right: 0.1em solid rgba(0, 0, 0, 0.1);
   background-color: transparent;
@@ -818,6 +846,7 @@
 }
 
 /* active */
+.ui.secondary.menu > .menu > .active.item,
 .ui.secondary.menu > .active.item {
   background-color: rgba(0, 0, 0, 0.08);
   opacity: 1;
@@ -862,18 +891,9 @@
 
 .ui.secondary.pointing.menu {
   border-bottom: 3px solid rgba(0, 0, 0, 0.1);
-
-}
-
-.ui.secondary.pointing.menu .header.item {
-  border-right-width: 0px;
-  font-weight: bold;
-}
-
-.ui.secondary.pointing.menu .text.item {
-  box-shadow: none !important;
 }
 
+.ui.secondary.pointing.menu > .menu > .item,
 .ui.secondary.pointing.menu > .item {
   margin: 0em 0em -3px;
   padding: 0.6em 0.95em;
@@ -900,24 +920,40 @@
     color 0.2s
   ;
 }
+
+/* Item Types */
+.ui.secondary.pointing.menu .header.item {
+  border-right-width: 0px;
+  font-weight: bold;
+}
+.ui.secondary.pointing.menu .text.item {
+  box-shadow: none !important;
+}
+.ui.secondary.pointing.menu > .menu > .item:after,
 .ui.secondary.pointing.menu > .item:after {
   display: none;
 }
 
 /* Hover */
-.ui.secondary.pointing.menu > .item.hover,
-.ui.secondary.pointing.menu > .item:hover {
+.ui.secondary.pointing.menu > .menu > .link.item:hover,
+.ui.secondary.pointing.menu > .link.item:hover,
+.ui.secondary.pointing.menu > .menu > a.item:hover,
+.ui.secondary.pointing.menu > a.item:hover {
   background-color: transparent;
   color: rgba(0, 0, 0, 0.7);
 }
 
 /* Down */
-.ui.secondary.pointing.menu > .item:active {
+.ui.secondary.pointing.menu > .menu > .link.item:active,
+.ui.secondary.pointing.menu > .link.item:active,
+.ui.secondary.pointing.menu > .menu > a.item:active,
+.ui.secondary.pointing.menu > a.item:active {
   background-color: transparent;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 /* Active */
+.ui.secondary.pointing.menu > .menu > .item.active,
 .ui.secondary.pointing.menu > .item.active {
   background-color: transparent;
   border-color: rgba(0, 0, 0, 0.4);
@@ -1744,6 +1780,10 @@
 .ui.small.menu .item {
   font-size: 0.875rem;
 }
+.ui.small.menu:not(.vertical) .item > .input input {
+  padding-top: 0.4em;
+  padding-bottom: 0.4em;
+}
 .ui.small.vertical.menu {
   width: 13rem;
 }
@@ -1762,6 +1802,14 @@
 .ui.large.menu .item .item {
   font-size: 0.875rem;
 }
+.ui.large.menu:not(.vertical) .item > .input input {
+  top: -0.125em;
+  padding-bottom: 0.6em;
+  padding-top: 0.6em;
+}
+.ui.large.menu .dropdown.item .item {
+  font-size: 1rem;
+}
 .ui.large.vertical.menu {
   width: 18rem;
 }

data/app/assets/stylesheets/semantic-ui/collections/_message.scss

@@ -116,7 +116,7 @@
 .ui.message ul.list li {
   position: relative;
   list-style-type: none;
-  margin: 0em 0em 0em 1em;
+  margin: 0em 0em 0.3em 1em;
   padding: 0em;
 }
 .ui.message ul.list li:before {
@@ -233,7 +233,7 @@
   display: table-cell;
   vertical-align: middle;
   font-size: 3.8em;
-  opacity: 0.2;
+  opacity: 0.5;
 }
 .ui.icon.message > .icon + .content {
   padding-left: 1em;
@@ -308,21 +308,20 @@
 /* Red Text Block */
 .ui.red.message {
   background-color: #F1D7D7;
-
   color: #A95252;
 }
 
 /* Success Text Block */
 .ui.success.message,
 .ui.positive.message {
-  background-color: #5BBD72;
-  color: #FFFFFF;
+  background-color: #DEFCD5;
+  color: #52A954;
 }
 /* Error Text Block */
 .ui.error.message,
 .ui.negative.message {
-  background-color: #D95C5C;
-  color: #FFFFFF;
+  background-color: #F1D7D7;
+  color: #A95252;
 }
 
 

data/app/assets/stylesheets/semantic-ui/collections/_table.scss

@@ -41,10 +41,13 @@
 .ui.table thead {
   border-bottom: 1px solid rgba(0, 0, 0, 0.03);
 }
+.ui.table tfoot th {
+  background-color: rgba(0, 0, 0, 0.03);
+}
 .ui.table th {
   cursor: auto;
 
-  background-color: rgba(0, 0, 0, 0.03);
+  background-color: rgba(0, 0, 0, 0.05);
 
   text-align: left;
   color: rgba(0, 0, 0, 0.8);
@@ -100,6 +103,53 @@
   display: block;
 }
 
+
+/* Responsive */
+
+@media only screen and (max-width : 768px) {
+  .ui.table {
+    display: block;
+    padding: 0em;
+  }
+  .ui.table thead,
+  .ui.table tfoot {
+    display: none;
+  }
+  .ui.table tbody {
+    display: block;
+  }
+  .ui.table tr {
+    display: block;
+  }
+
+  .ui.table tr > td {
+    width: 100% !important;
+    display: block;
+    border: none !important;
+    padding: 0.25em 0.75em;
+    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.05) !important;
+  }
+  .ui.table td:first-child {
+    font-weight: bold;
+    padding-top: 1em;
+  }
+  .ui.table td:last-child {
+    box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important;
+    padding-bottom: 1em;
+  }
+
+  /* Clear BG Colors */
+  .ui.table tr > td.warning,
+  .ui.table tr > td.error,
+  .ui.table tr > td.active,
+  .ui.table tr > td.positive,
+  .ui.table tr > td.negative {
+    background-color: transparent !important;
+  }
+}
+
+
+
 /*******************************
              States
 *******************************/
@@ -109,19 +159,23 @@
 ---------------*/
 
 /* Sortable */
-.ui.sortable.table thead th:hover {
-  background-image: none;
-  color: rgba(0, 0, 0, 0.8);
-}
 .ui.sortable.table th.disabled:hover {
   cursor: auto;
-  background-color: rgba(0, 0, 0, 0.1);
-
   text-align: left;
   font-weight: bold;
   color: #333333;
   color: rgba(0, 0, 0, 0.8);
 }
+.ui.sortable.table thead th:hover {
+  background-color: rgba(0, 0, 0, 0.13);
+  color: rgba(0, 0, 0, 0.8);
+}
+
+/* Inverted Sortable */
+.ui.inverted.sortable.table thead th:hover {
+  background-color: rgba(255, 255, 255, 0.13);
+  color: rgba(255, 255, 255, 1);
+}
 
 
 /*--------------
@@ -168,8 +222,8 @@
 .ui.table tr.negative:hover td,
 .ui.table td:hover.negative,
 .ui.table th:hover.negative {
-  background-color: #F2E8E8 !important;
-  color: #CD2929 !important;
+  background-color: #F2E8E8;
+  color: #CD2929;
 }
 
 /*--------------
@@ -185,16 +239,16 @@
 .ui.table tr.error td,
 .ui.table td.error,
 .ui.table th.error {
-  background-color: #F9F4F4 !important;
-  color: #CD2929 !important;
+  background-color: #F9F4F4;
+  color: #CD2929;
 }
 .ui.celled.table tr.error:hover td,
 .ui.celled.table tr:hover td.error,
 .ui.table tr.error:hover td,
 .ui.table td:hover.error,
 .ui.table th:hover.error {
-  background-color: #F2E8E8 !important;
-  color: #CD2929 !important;
+  background-color: #F2E8E8;
+  color: #CD2929;
 }
 
 /*--------------
@@ -211,15 +265,15 @@
 .ui.table td.warning,
 .ui.table th.warning {
   background-color: #FBF6E9;
-  color: #7D6C00 !important;
+  color: #7D6C00;
 }
 .ui.celled.table tr.warning:hover td,
 .ui.celled.table tr:hover td.warning,
 .ui.table tr.warning:hover td,
 .ui.table td:hover.warning,
 .ui.table th:hover.warning {
-  background-color: #F3EDDC !important;
-  color: #7D6C00 !important;
+  background-color: #F3EDDC;
+  color: #7D6C00;
 }
 
 
@@ -236,7 +290,7 @@
 
 .ui.table tr.active td,
 .ui.table tr td.active {
-  background-color: #E0E0E0 !important;
+  background-color: #E0E0E0;
   color: rgba(50, 50, 50, 0.9);
   /* border-color: rgba(0, 0, 0, 0.15) !important; */
 }
@@ -385,18 +439,17 @@
   border: none;
 }
 .ui.celled.table th,
-.ui.celled.table tbody td {
+.ui.celled.table td {
   border: 1px solid rgba(0, 0, 0, 0.1);
 }
 
 /* Coupling with segment */
-.ui.celled.table.segment th {
-  border: none;
-}
-.ui.celled.table.segment tbody td:first-child {
+.ui.celled.table.segment th:first-child,
+.ui.celled.table.segment td:first-child {
   border-left: none;
 }
-.ui.celled.table.segment tbody td:last-child {
+.ui.celled.table.segment th:last-child,
+.ui.celled.table.segment td:last-child {
   border-right: none;
 }