semantic-ui-rails 0.1.0.2 → 0.3.5

data/vendor/assets/stylesheets/semantic-ui/collections/grid.less

@@ -139,52 +139,68 @@ body > .ui.grid {
 --------------------*/
 
 /* Sizing Combinations */
-.ui.grid .one.wide.column {
+.ui.grid > .row > .one.wide.column,
+.ui.grid > .one.wide.column {
   width: 6.25%;
 }
-.ui.grid .two.wide.column {
+.ui.grid > .row > .two.wide.column,
+.ui.grid > .two.wide.column {
   width: 12.5%;
 }
-.ui.grid .three.wide.column {
+.ui.grid > .row > .three.wide.column,
+.ui.grid > .three.wide.column {
   width: 18.75%;
 }
-.ui.grid .four.wide.column {
+.ui.grid > .row > .four.wide.column,
+.ui.grid > .four.wide.column {
   width: 25%;
 }
-.ui.grid .five.wide.column {
+.ui.grid > .row > .five.wide.column,
+.ui.grid > .five.wide.column {
   width: 31.25%;
 }
-.ui.grid .six.wide.column {
+.ui.grid > .row > .six.wide.column,
+.ui.grid > .six.wide.column {
   width: 37.5%;
 }
-.ui.grid .seven.wide.column {
+.ui.grid > .row > .seven.wide.column,
+.ui.grid > .seven.wide.column {
   width: 43.75%;
 }
-.ui.grid .eight.wide.column {
+.ui.grid > .row > .eight.wide.column,
+.ui.grid > .eight.wide.column {
   width: 50%;
 }
-.ui.grid .nine.wide.column {
+.ui.grid > .row > .nine.wide.column,
+.ui.grid > .nine.wide.column {
   width: 56.25%;
 }
-.ui.grid .ten.wide.column {
+.ui.grid > .row > .ten.wide.column,
+.ui.grid > .ten.wide.column {
   width: 62.5%;
 }
-.ui.grid .eleven.wide.column {
+.ui.grid > .row > .eleven.wide.column,
+.ui.grid > .eleven.wide.column {
   width: 68.75%;
 }
-.ui.grid .twelve.wide.column {
+.ui.grid > .row > .twelve.wide.column,
+.ui.grid > .twelve.wide.column {
   width: 75%;
 }
-.ui.grid .thirteen.wide.column {
+.ui.grid > .row > .thirteen.wide.column,
+.ui.grid > .thirteen.wide.column {
   width: 81.25%;
 }
-.ui.grid .fourteen.wide.column {
+.ui.grid > .row > .fourteen.wide.column,
+.ui.grid > .fourteen.wide.column {
   width: 87.5%;
 }
-.ui.grid .fifteen.wide.column {
+.ui.grid > .row > .fifteen.wide.column,
+.ui.grid > .fifteen.wide.column {
   width: 93.75%;
 }
-.ui.grid .sixteen.wide.column {
+.ui.grid > .row > .sixteen.wide.column,
+.ui.grid > .sixteen.wide.column {
   width: 100%;
 }
 

data/vendor/assets/stylesheets/semantic-ui/collections/menu.less

@@ -452,7 +452,7 @@
 
   width: 100%;
   height: 100%;
-  background: rgba(255, 255, 255, 0.8) url(/assets/semantic-ui/loader-large.gif) no-repeat 50% 50%;
+  background: rgba(255, 255, 255, 0.8) url(../loader-large.gif) no-repeat 50% 50%;
   visibility: visible;
 }
 

data/vendor/assets/stylesheets/semantic-ui/collections/table.less

@@ -486,6 +486,9 @@
 .ui.basic.table td {
   padding: 0.8em 0.5em;
 }
+.ui.basic.table tbody tr:nth-child(2n) {
+  background-color: transparent !important;
+}
 
 
 /*--------------

data/vendor/assets/stylesheets/semantic-ui/elements/basic.icon.less

@@ -16,12 +16,12 @@
 
 @font-face {
   font-family: 'Basic Icons';
-  src: url(/assets/semantic-ui/basic.icons.eot);
+  src: url(../basic.icons.eot);
   src:
-    url(/assets/semantic-ui/basic.icons.eot?#iefix) format('embedded-opentype'),
-    url(/assets/semantic-ui/basic.icons.woff) format('woff'),
-    url(/assets/semantic-ui/basic.icons.ttf) format('truetype'),
-    url(/assets/semantic-ui/basic.icons.svg#basic.icons) format('svg')
+    url(../basic.icons.eot?#iefix) format('embedded-opentype'),
+    url(../basic.icons.woff) format('woff'),
+    url(../basic.icons.ttf) format('truetype'),
+    url(../basic.icons.svg#basic.icons) format('svg')
   ;
 
   font-style: normal;

data/vendor/assets/stylesheets/semantic-ui/elements/button.less

@@ -313,7 +313,7 @@
   width: 100%;
   height: 100%;
   content: '';
-  background: transparent url(/assets/semantic-ui/loader-mini.gif) no-repeat 50% 50%;
+  background: transparent url(../loader-mini.gif) no-repeat 50% 50%;
 }
 
 .ui.labeled.icon.loading.button .icon {
@@ -413,18 +413,18 @@
 
 /* loading */
 .ui.huge.loading.button:after {
-  background-image: url(/assets/semantic-ui/loader-small.gif);
+  background-image: url(../loader-small.gif);
 }
 .ui.massive.buttons .loading.button:after,
 .ui.gigantic.buttons .loading.button:after,
 .ui.massive.loading.button:after,
 .ui.gigantic.loading.button:after {
-  background-image: url(/assets/semantic-ui/loader-medium.gif);
+  background-image: url(../loader-medium.gif);
 }
 
 .ui.huge.loading.button:after,
 .ui.huge.loading.button.active:after {
-  background-image: url(/assets/semantic-ui/loader-small.gif);
+  background-image: url(../loader-small.gif);
 }
 .ui.massive.buttons .loading.button:after,
 .ui.gigantic.buttons .loading.button:after,
@@ -434,7 +434,7 @@
 .ui.gigantic.buttons .loading.button.active:after,
 .ui.massive.loading.button.active:after,
 .ui.gigantic.loading.button.active:after {
-  background-image: url(/assets/semantic-ui/loader-medium.gif);
+  background-image: url(../loader-medium.gif);
 }
 
 /*--------------

data/vendor/assets/stylesheets/semantic-ui/elements/icon.less

@@ -28,12 +28,12 @@
 
 @font-face {
   font-family: 'Icons';
-  src: url(/assets/semantic-ui/icons.eot);
+  src: url(../icons.eot);
   src:
-    url(/assets/semantic-ui/icons.eot?#iefix) format('embedded-opentype'),
-    url(/assets/semantic-ui/icons.woff) format('woff'),
-    url(/assets/semantic-ui/icons.ttf) format('truetype'),
-    url(/assets/semantic-ui/icons.svg#icons) format('svg')
+    url(../icons.eot?#iefix) format('embedded-opentype'),
+    url(../icons.woff) format('woff'),
+    url(../icons.ttf) format('truetype'),
+    url(../icons.svg#icons) format('svg')
   ;
 
   font-style: normal;

data/vendor/assets/stylesheets/semantic-ui/elements/input.less

@@ -108,7 +108,7 @@
 ---------------------*/
 
 .ui.loading.input > .icon {
-  background: url(/assets/semantic-ui/loader-mini.gif) no-repeat 50% 50%;
+  background: url(../loader-mini.gif) no-repeat 50% 50%;
 }
 .ui.loading.input > .icon:before,
 .ui.loading.input > .icon:after {

data/vendor/assets/stylesheets/semantic-ui/elements/loader.less

@@ -105,25 +105,25 @@
 /* Tiny Size */
 .ui.dimmer .mini.ui.loader,
 .ui.inverted .mini.ui.loader {
-  background-image: url(/assets/semantic-ui/loader-mini-inverted.gif);
+  background-image: url(../loader-mini-inverted.gif);
 }
 
 /* Small Size */
 .ui.dimmer .small.ui.loader,
 .ui.inverted .small.ui.loader {
-  background-image: url(/assets/semantic-ui/loader-small-inverted.gif);
+  background-image: url(../loader-small-inverted.gif);
 }
 
 /* Standard Size */
 .ui.dimmer .ui.loader,
 .ui.inverted.loader  {
-  background-image: url(/assets/semantic-ui/loader-medium-inverted.gif);
+  background-image: url(../loader-medium-inverted.gif);
 }
 
 /* Large Size */
 .ui.dimmer .large.ui.loader,
 .ui.inverted .large.ui.loader {
-  background-image: url(/assets/semantic-ui/loader-large-inverted.gif);
+  background-image: url(../loader-large-inverted.gif);
 }
 
 /*-------------------
@@ -135,7 +135,7 @@
 .ui.mini.loader {
   width: 16px;
   height: 16px;
-  background-image: url(/assets/semantic-ui/loader-mini.gif);
+  background-image: url(../loader-mini.gif);
 }
 
 /* Small Size */
@@ -143,14 +143,14 @@
 .ui.small.loader {
   width: 24px;
   height: 24px;
-  background-image: url(/assets/semantic-ui/loader-small.gif);
+  background-image: url(../loader-small.gif);
 }
 
 .ui.inverted.dimmer .ui.loader,
 .ui.loader {
   width: 32px;
   height: 32px;
-  background: url(/assets/semantic-ui/loader-medium.gif) no-repeat;
+  background: url(../loader-medium.gif) no-repeat;
   background-position: 48% 0px;
 }
 
@@ -159,7 +159,7 @@
 .ui.loader.large {
   width: 64px;
   height: 64px;
-  background-image: url(/assets/semantic-ui/loader-large.gif);
+  background-image: url(../loader-large.gif);
 }
 
 

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

@@ -10,7 +10,7 @@
  */
 
 /*******************************
-            Button
+            Accordion
 *******************************/
 
 .ui.accordion {
@@ -118,6 +118,40 @@
 }
 
 
+/*******************************
+            Types
+*******************************/
+
+/*--------------
+     Basic
+---------------*/
+
+.ui.basic.accordion {
+  background-color: transparent;
+
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+
+.ui.basic.accordion .title,
+.ui.basic.accordion .title {
+  background-color: transparent;
+  border-top: none;
+  padding-left: 0em;
+  padding-right: 0em;
+}
+
+.ui.basic.accordion .content {
+  padding-left: 0em;
+  padding-right: 0em;
+}
+
+.ui.basic.accordion .active.title {
+  background-color: transparent;
+}
+
+
 /*******************************
             States
 *******************************/
@@ -153,23 +187,13 @@
 
 
 /*******************************
-            Variations
+           Variations
 *******************************/
 
-.ui.basic.accordion {
-  background-color: transparent;
-
-  -webkit-box-shadow: none;
-  -moz-box-shadow: none;
-  box-shadow: none;
-}
-.ui.basic.accordion .title {
-  background-color: transparent;
-  border-top: none;
-}
+/*--------------
+     Fluid
+---------------*/
 
-.ui.basic.accordion .title,
-.ui.basic.accordion .content {
-  padding-left: 0em;
-  padding-right: 0em;
+.ui.fluid.accordion {
+  width: 100%;
 }

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

@@ -19,60 +19,82 @@
 
 
 /*--- Content ---*/
+
 .ui.checkbox {
   position: relative;
   display: inline-block;
-  outline: none;
 
-  margin-right: 0.5em;
+  width: 1em;
+  height: 1.5em;
+
+  outline: none;
   vertical-align: middle;
 }
 .ui.checkbox input {
+  position: absolute;
+  top: 0px;
+  left: 0px;
   opacity: 0;
   outline: none;
 }
 
 
 /*--- Box ---*/
+
 .ui.checkbox .box,
 .ui.checkbox label {
-  outline: none;
   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;
+  left: 0em;
 
   line-height: 1;
   width: 1em;
   height: 1em;
-  bottom: 0em;
   left: 0em;
-  border-radius: 4px;
+  content: '';
 
-  -webkit-box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.2);
-  -moz-box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.2);
-  box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.2);
+  border-radius: 4px;
 
   background: #FFFFFF;
 
   -webkit-transition:
-    background-color 0.1s ease-out,
-    box-shadow 0.1s ease-out
+    background-color 0.3s ease,
+    box-shadow 0.3s ease
   ;
   -moz-transition:
-    background-color 0.1s ease-out,
-    box-shadow 0.1s ease-out
+    background-color 0.3s ease,
+    box-shadow 0.3s ease
   ;
   -o-transition:
-    background-color 0.1s ease-out,
-    box-shadow 0.1s ease-out
+    background-color 0.3s ease,
+    box-shadow 0.3s ease
   ;
   -ms-transition:
-    background-color 0.1s ease-out,
-    box-shadow 0.1s ease-out
+    background-color 0.3s ease,
+    box-shadow 0.3s ease
   ;
   transition:
-    background-color 0.1s ease-out,
-    box-shadow 0.1s ease-out
+    background-color 0.3s ease,
+    box-shadow 0.3s ease
   ;
+
+  -webkit-box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.2);
+  -moz-box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.2);
+  box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.2);
 }
 
 /*--- Checkbox ---*/
@@ -95,13 +117,31 @@
 }
 .ui.checkbox .box:after,
 .ui.checkbox label:after {
-  top: 0.3em;
+  top: 0.54em;
   left: 0.2em;
   width: 0.45em;
   height: 0.15em;
 }
 
-/*--- Label ---*/
+/*--- Inside Label ---*/
+.ui.checkbox label {
+  color: rgba(0, 0, 0, 0.6);
+
+  -webkit-transition: color 0.2s ease;
+  -moz-transition: color 0.2s ease;
+  -o-transition: color 0.2s ease;
+  -ms-transition: color 0.2s ease;
+  transition: color 0.2s ease;
+}
+.ui.checkbox label:hover {
+  color: rgba(0, 0, 0, 0.8);
+}
+
+.ui.checkbox input:focus + label {
+  color: rgba(0, 0, 0, 0.8);
+}
+
+/*--- Outside Label  ---*/
 .ui.checkbox + label {
   cursor: pointer;
   opacity: 0.85;
@@ -111,27 +151,33 @@
   opacity: 1;
 }
 
+
 /*******************************
            States
 *******************************/
 
 
 /*--- Hover ---*/
-.ui.checkbox .box:hover,
-.ui.checkbox label:hover {
-  background-color: #FAFAFA;
+.ui.checkbox .box:hover::before,
+.ui.checkbox label:hover::before {
   -webkit-box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.3);
   box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.3);
 }
 
-
 /*--- Down ---*/
-.ui.checkbox .box:active,
-.ui.checkbox label:active {
+.ui.checkbox .box:active::before,
+.ui.checkbox label:active::before {
   background-color: #F5F5F5;
 }
 
+/*--- Focus ---*/
+.ui.checkbox input:focus + .box:before,
+.ui.checkbox input:focus + label:before {
+  -webkit-box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.3);
+  -moz-box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.3);
+  box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.3);
+}
 
 /*--- Active ---*/
 .ui.checkbox input:checked + .box:after,
@@ -141,13 +187,13 @@
   opacity: 1;
 }
 
-
 /*--- Disabled ---*/
 .ui.disabled.checkbox + .box:after,
 .ui.checkbox input[disabled] + .box:after,
 .ui.disabled.checkbox label,
 .ui.checkbox input[disabled] + label {
   opacity: 0.4;
+  color: rgba(0, 0, 0, 0.3);
 }
 
 
@@ -160,26 +206,22 @@
      Radio
 ---------------*/
 
-.ui.radio.checkbox {
-  width: 14px;
-  height: 16px;
-}
-.ui.radio.checkbox .box,
-.ui.radio.checkbox label {
-  width: 14px;
-  height: 14px;
+.ui.radio.checkbox .box:before,
+.ui.radio.checkbox label:before {
+  width: 1em;
+  height: 1em;
   -webkit-border-radius: 500px;
   -moz-border-radius: 500px;
   border-radius: 500px;
 }
 .ui.radio.checkbox .box:after,
 .ui.radio.checkbox label:after {
-  top: 3px;
-  left: 3px;
-
   border: none;
-  width: 8px;
-  height: 8px;
+  top: 0.45em;
+  left: 0.2em;
+
+  width: 0.6em;
+  height: 0.6em;
 
   background-color: #555555;
 
@@ -194,28 +236,34 @@
 
 .ui.slider.checkbox {
   cursor: pointer;
-  width: 3em;
+  min-width: 3em;
   height: 2em;
 }
+
 /* Line */
 .ui.slider.checkbox:after {
   position: absolute;
-  top: 1em;
+  top: 0.8em;
   left: 0em;
   content: '';
 
-  width: 100%;
+  width: 3em;
   height: 2px;
   background-color: rgba(0, 0, 0, 0.1);
 }
+
 /* Button */
 .ui.slider.checkbox .box,
 .ui.slider.checkbox label {
+  padding-left: 4em;
+}
+.ui.slider.checkbox .box:before,
+.ui.slider.checkbox label:before {
   cursor: pointer;
   display: block;
 
   position: absolute;
-  top: 0.25em;
+  top: 0em;
   left: 0;
   z-index: 1;
 
@@ -243,28 +291,62 @@
   position: absolute;
   content: '';
   top: 0.375em;
-  left: 0.375em;
+  left: 0em;
+  z-index: 2;
+
+  margin-left: 0.375em;
 
   border: none;
   width: 0.75em;
   height: 0.75em;
 
-  background-color: #D95C5C;
-
   border-radius: 50rem;
 
-  -webkit-transition: background 0.3s ease 0s;
-  -moz-transition: background 0.3s ease 0s;
-  -o-transition: background 0.3s ease 0s;
-  -ms-transition: background 0.3s ease 0s;
-  transition: background 0.3s ease 0s;
+  -webkit-transition:
+    background 0.3s ease 0s,
+    left 0.3s ease 0s
+  ;
+  -moz-transition:
+    background 0.3s ease 0s,
+    left 0.3s ease 0s
+  ;
+  -o-transition:
+    background 0.3s ease 0s,
+    left 0.3s ease 0s
+  ;
+  -ms-transition:
+    background 0.3s ease 0s,
+    left 0.3s ease 0s
+  ;
+  transition:
+    background 0.3s ease 0s,
+    left 0.3s ease 0s
+  ;
 }
 
-/* Active Slider Toggle */
-.ui.slider.checkbox input:checked + .box,
-.ui.slider.checkbox input:checked + label {
+/* Selected Slider Toggle */
+.ui.slider.checkbox input:checked + .box:before,
+.ui.slider.checkbox input:checked + label:before,
+.ui.slider.checkbox input:checked + .box:after,
+.ui.slider.checkbox input:checked + label:after {
   left: 1.75em;
 }
+
+/* Off Color */
+// .ui.slider.checkbox .box,
+// .ui.slider.checkbox label {
+//   color: #D95C5C !important;
+// }
+.ui.slider.checkbox .box:after,
+.ui.slider.checkbox label:after {
+  background-color: #D95C5C;
+}
+
+/* On Color */
+// .ui.slider.checkbox input:checked + .box,
+// .ui.slider.checkbox input:checked + label {
+//   color: #89B84C !important;
+// }
 .ui.slider.checkbox input:checked + .box:after,
 .ui.slider.checkbox input:checked + label:after {
   background-color: #89B84C;
@@ -278,22 +360,28 @@
 
 .ui.toggle.checkbox {
   cursor: pointer;
-  width: 3em;
   height: 2em;
 }
-/* Line */
-.ui.toggle.checkbox:after {
+
+.ui.toggle.checkbox .box,
+.ui.toggle.checkbox label {
+  padding-left: 4em;
+}
+
+/* Switch */
+.ui.toggle.checkbox .box:before,
+.ui.toggle.checkbox label:before {
   cursor: pointer;
   display: block;
 
   position: absolute;
   content: '';
-  top: 0.25em;
+  top: 0em;
   left: 0em;
   z-index: 1;
 
   background-color: #FFFFFF;
-  width: 100%;
+  width: 3em;
   height: 1.5em;
 
   -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
@@ -302,32 +390,21 @@
 
   border-radius: 50rem;
 }
-.ui.toggle.checkbox .box,
-.ui.toggle.checkbox label {
-  position: absolute;
-  top: 0.65em;
-  left: 0.5em;
 
-  -webkit-transition: left 0.3s ease 0s;
-  -moz-transition: left 0.3s ease 0s;
-  -o-transition: left 0.3s ease 0s;
-  -ms-transition: left 0.3s ease 0s;
-  transition: left 0.3s ease 0s;
+/* Activation Light */
+.ui.toggle.checkbox .box:after,
+.ui.toggle.checkbox label:after {
+  opacity: 1;
 
   background-color: transparent;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
-}
-/* Button Activation Light */
-.ui.toggle.checkbox .box:after,
-.ui.toggle.checkbox label:after {
-  opacity: 1;
 
   content: '';
   position: absolute;
-  top: 0px;
-  left: 0px;
+  top: 0.35em;
+  left: 0.5em;
   z-index: 2;
 
   border: none;
@@ -335,23 +412,40 @@
   height: 0.75em;
 
   background-color: #D95C5C;
-
   border-radius: 50rem;
 
-  -webkit-transition: background 0.3s ease 0s;
-  -moz-transition: background 0.3s ease 0s;
-  -o-transition: background 0.3s ease 0s;
-  -ms-transition: background 0.3s ease 0s;
-  transition: background 0.3s ease 0s;
+  -webkit-transition:
+    background 0.3s ease 0s,
+    left 0.3s ease 0s
+  ;
+  -moz-transition:
+    background 0.3s ease 0s,
+    left 0.3s ease 0s
+  ;
+  -o-transition:
+    background 0.3s ease 0s,
+    left 0.3s ease 0s
+  ;
+  -ms-transition:
+    background 0.3s ease 0s,
+    left 0.3s ease 0s
+  ;
+  transition:
+    background 0.3s ease 0s,
+    left 0.3s ease 0s
+  ;
 }
 
-/* Active toggle Toggle */
-.ui.toggle.checkbox input:checked + .box,
-.ui.toggle.checkbox input:checked + label {
-  left: 1.75em;
+/* Active */
+.ui.toggle.checkbox:active .box:before,
+.ui.toggle.checkbox:active label:before {
+  background-color: #F5F5F5;
 }
+
+/* Active */
 .ui.toggle.checkbox input:checked + .box:after,
 .ui.toggle.checkbox input:checked + label:after {
+  left: 1.75em;
   background-color: #89B84C;
 }
 
@@ -362,30 +456,11 @@
 ---------------*/
 
 .ui.checkbox {
-  width: 1em;
-  height: 1em;
-}
-.ui.checkbox,
-.ui.checkbox .box,
-.ui.checkbox label {
   font-size: 1em;
 }
-
 .ui.large.checkbox {
-  width: 1.25em;
-  height: 1.25em;
-}
-.ui.large.checkbox,
-.ui.large.checkbox .box,
-.ui.large.checkbox label {
   font-size: 1.25em;
 }
 .ui.huge.checkbox {
-  width: 1.5em;
-  height: 1.5em;
-}
-.ui.huge.checkbox,
-.ui.huge.checkbox .box,
-.ui.huge.checkbox label {
   font-size: 1.5em;
 }