semantic-ui-rails 0.0.2.1 → 0.1.0

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

@@ -1,13 +1,12 @@
 /*
- * # Semantic Image
- * http://github.com/quirkyinc/semantic
+ * # Semantic - Image
+ * http://github.com/jlukic/semantic-ui/
  *
  *
  * Copyright 2013 Contributors
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
- * Released: April 17 2013
  */
 
 

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

@@ -1,13 +1,12 @@
 /*
- * # Semantic Input
- * http://github.com/quirkyinc/semantic
+ * # Semantic - Input
+ * http://github.com/jlukic/semantic-ui/
  *
  *
  * Copyright 2013 Contributors
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
- * Released: May 29 2013
  */
 
 
@@ -108,11 +107,11 @@
         Loading
 ---------------------*/
 
-.ui.loading.input .icon {
+.ui.loading.input > .icon {
   background: url(../images/loader-mini.gif) no-repeat 50% 50%;
 }
-.ui.loading.input .icon:before,
-.ui.loading.input .icon:after {
+.ui.loading.input > .icon:before,
+.ui.loading.input > .icon:after {
   display: none;
 }
 
@@ -181,20 +180,20 @@
 .ui.icon.input > .icon {
   position: absolute;
   opacity: 0.5;
-  top: 1px;
-  right: 1px;
+  top: 0px;
+  right: 0px;
 
   margin: 0em;
 
-  width: 2.5em;
-  height: 2.5em;
-  padding-top: 0.75em;
+  width: 2.6em;
+  height: 100%;
+  padding-top: 0.85em;
 
   text-align: center;
 
-  -webkit-border-radius: 0.2em 0em 0em 0.2em;
-  -moz-border-radius: 0.2em 0em 0em 0.2em;
-  border-radius: 0.2em 0em 0em 0.2em;
+  -webkit-border-radius: 0em 0.3125em 0.3125em 0em;
+  -moz-border-radius: 0em 0.3125em 0.3125em 0em;
+  border-radius: 0em 0.3125em 0.3125em 0em;
 
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
@@ -210,18 +209,31 @@
 .ui.icon.input input {
   padding-right: 3em !important;
 }
+.ui.icon.input > .circular.icon {
+  top: 0.35em;
+  right: 0.5em;
+}
 
-.ui.left.icon.input .icon {
+/* Left Side */
+.ui.left.icon.input > .icon {
   right: auto;
   left: 1px;
+
+  -webkit-border-radius: 0.3125em 0em 0em 0.3125em;
+  -moz-border-radius: 0.3125em 0em 0em 0.3125em;
+  border-radius: 0.3125em 0em 0em 0.3125em;
 }
-.ui.left.icon.input input {
+.ui.left.icon.input > .circular.icon {
+  right: auto;
+  left: 0.5em;
+}
+.ui.left.icon.input > input {
   padding-left: 3em !important;
   padding-right: 1.2em !important;
 }
 
 /* Focus */
-.ui.icon.input input:focus ~ .icon {
+.ui.icon.input > input:focus ~ .icon {
   opacity: 1;
 }
 
@@ -233,8 +245,6 @@
   top: 1px;
   right: 1px;
 
-  font-size: 0.7em;
-
   -webkit-border-top-right-radius: 0.3125em;
   -moz-border-top-right-radius: 0.3125em;
   border-top-right-radius: 0.3125em;
@@ -244,10 +254,10 @@
 }
 
 /* Spacing with corner label */
-.ui.labeled.icon.input:not(.left) input {
+.ui.labeled.icon.input:not(.left) > input {
   padding-right: 3.25em !important;
 }
-.ui.labeled.icon.input:not(.left) .icon {
+.ui.labeled.icon.input:not(.left) > .icon {
   margin-right: 0.75em;
 }
 
@@ -278,10 +288,51 @@
   box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
   white-space: nowrap;
 }
+.ui.action.input > .button > .icon {
+  display: inline;
+}
 
 .ui.action.input > input:focus ~ .button {
   opacity: 1;
   -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset;
   -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset;
   box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset;
+}
+
+/*--------------------
+        Fluid
+---------------------*/
+
+.ui.fluid.input {
+  display: block;
+}
+
+
+/*--------------------
+        Size
+---------------------*/
+
+.ui.mini.input {
+  font-size: 0.8125rem;
+}
+.ui.tiny.input {
+  font-size: 0.875rem;
+}
+.ui.small.input {
+  font-size: 0.875rem;
+}
+.ui.input {
+  font-size: 1rem;
+}
+.ui.large.input {
+  font-size: 1.125rem;
+}
+.ui.big.input {
+  font-size: 1.25rem;
+}
+.ui.huge.input {
+  font-size: 1.375rem;
+}
+.ui.massive.input {
+  font-size: 1.5rem;
 }

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

@@ -1,13 +1,12 @@
 /*
- * # Semantic Label - Flat
- * http://github.com/quirkyinc/semantic
+ * # Semantic - Label
+ * http://github.com/jlukic/semantic-ui/
  *
  *
  * Copyright 2013 Contributors
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
- * Released: April 26 2013
  */
 
 /*******************************
@@ -129,7 +128,7 @@ a.ui.label {
 }
 .ui.image.label img {
   display: inline-block;
-  height: 2.5em;
+  height: 2.25em;
   margin: -0.4em 0.8em -0.4em -0.8em;
   vertical-align: top;
 
@@ -267,7 +266,7 @@ a.ui.label:hover:before {
 
 .ui.ribbon.label {
   position: relative;
-  left: -2rem;
+  left: -1.8rem;
   padding-left: 2rem;
   -webkit-border-radius: 0px 4px 4px 0px;
   -moz-border-radius: 0px 4px 4px 0px;
@@ -366,9 +365,9 @@ a.ui.label:hover:before {
   z-index: 10;
   margin: 0em;
 
-  font-size: 0.9em;
-  width: 1.75em;
-  height: 1.75em;
+  font-size: 0.8125em;
+  width: 2rem;
+  height: 2rem;
   padding: 0em;
 
   text-align: center;
@@ -390,8 +389,8 @@ a.ui.label:hover:before {
   height: 0em;
 
   border-top: 0em solid transparent;
-  border-right: 2.75em solid transparent;
-  border-bottom: 2.75em solid transparent;
+  border-right: 3em solid transparent;
+  border-bottom: 3em solid transparent;
   border-left: 0em solid transparent;
 
   border-right-color: inherit;
@@ -404,15 +403,15 @@ a.ui.label:hover:before {
 }
 
 .ui.corner.label .icon {
-  margin: 0.35em 0em;
-  vertical-align: top;
+  margin: 0.4em 0em 0em 0.7em;
 }
 .ui.corner.label .text {
   display: inline-block;
-  margin: 0.7em 0em 0em 0em;
+  font-weight: bold;
+  margin: 0.5em 0em 0em 0.6em;
   width: 2.5em;
 
-  font-size: 0.7em;
+  font-size: 0.82em;
   text-align: center;
 
   -webkit-transform: rotate(45deg);
@@ -429,14 +428,18 @@ a.ui.label:hover:before {
   left: 0em;
 }
 .ui.left.corner.label:after {
-  border-top: 2.75em solid transparent;
-  border-right: 2.75em solid transparent;
+  border-top: 3em solid transparent;
+  border-right: 3em solid transparent;
   border-bottom: 0em solid transparent;
   border-left: 0em solid transparent;
 
   border-top-color: inherit;
 }
+.ui.left.corner.label .icon {
+  margin: 0.4em 0em 0em -0.7em;
+}
 .ui.left.corner.label .text {
+  margin: 0.5em 0em 0em -0.6em;
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
@@ -821,4 +824,4 @@ a.ui.teal.label:hover:before {
 .ui.huge.labels .label,
 .ui.huge.label {
   font-size: 1rem;
-}
+}

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

@@ -1,13 +1,12 @@
 /*
- * # Semantic Loader
- * http://github.com/quirkyinc/semantic
+ * # Semantic - Loader
+ * http://github.com/jlukic/semantic-ui/
  *
  *
  * Copyright 2013 Contributors
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
- * Released: April 17 2013
  */
 
 
@@ -22,54 +21,60 @@
   position: absolute;
   top: 50%;
   left: 50%;
-  margin: -16px 0px 0px -16px;
+  margin: 0px;
   z-index: 1000;
+
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -o-transform: translateX(-50%) translateY(-50%);
+  -ms-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
 }
 
 .ui.dimmer .loader {
   display: block;
 }
 
+/*******************************
+             Types
+*******************************/
+
 /*-------------------
         Text
 --------------------*/
 
-/* Text Styles */
-.ui.loader.text {
+.ui.text.loader {
   width: auto !important;
   height: auto !important;
   text-align: center;
   font-style: normal;
-
-  margin-top: -28px;
-  min-width: 32px;
-  padding-top: 40px;
-  font-size: 0.875em;
 }
-.ui.loader.text.mini {
-  margin-top: -16px;
+
+.ui.mini.text.loader {
   min-width: 16px;
-  padding-top: 20px;
+  padding-top: 2em;
   font-size: 0.875em;
 }
-.ui.loader.text.small {
-  margin-top: -23px;
+.ui.small.text.loader {
   min-width: 24px;
-  padding-top: 32px;
+  padding-top: 2.5em;
   font-size: 0.875em;
 }
-.ui.loader.text.large {
-  margin-top: -46px;
-  min-width: 64px;
-  padding-top: 80px;
+.ui.text.loader {
+  min-width: 32px;
   font-size: 1em;
+  padding-top: 3em;
+}
+.ui.large.text.loader {
+  min-width: 64px;
+  padding-top: 5em;
+  font-size: 1.2em;
 }
 
 /*******************************
             States
 *******************************/
 
-
 .ui.loader.active,
 .ui.loader.visible {
   display: block;
@@ -85,7 +90,6 @@
             Variations
 *******************************/
 
-
 /*-------------------
        Inverted
 --------------------*/
@@ -127,21 +131,19 @@
 --------------------*/
 
 /* Tiny Size */
-.ui.inverted.dimmer .ui.loader.mini,
-.ui.loader.mini {
+.ui.inverted.dimmer .ui.mini.loader,
+.ui.mini.loader {
   width: 16px;
   height: 16px;
   background-image: url(../images/loader-mini.gif);
-  margin: -8px 0px 0px -8px;
 }
 
 /* Small Size */
-.ui.inverted.dimmer .ui.loader.small,
-.ui.loader.small {
+.ui.inverted.dimmer .ui.small.loader,
+.ui.small.loader {
   width: 24px;
   height: 24px;
   background-image: url(../images/loader-small.gif);
-  margin: -12px 0px 0px -12px;
 }
 
 .ui.inverted.dimmer .ui.loader,
@@ -158,7 +160,6 @@
   width: 64px;
   height: 64px;
   background-image: url(../images/loader-large.gif);
-  margin: -32px 0px 0px -32px;
 }
 
 
@@ -170,6 +171,12 @@
   position: static;
   vertical-align: middle;
   margin: 0em;
+
+  -webkit-transform: none;
+  -moz-transform: none;
+  -o-transform: none;
+  -ms-transform: none;
+  transform: none;
 }
 
 .ui.inline.loader.active,

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

@@ -1,13 +1,12 @@
 /*
- * # Semantic Progress Bar
- * http://github.com/quirkyinc/semantic
+ * # Semantic - Progress Bar
+ * http://github.com/jlukic/semantic-ui/
  *
  *
  * Copyright 2013 Contributors
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
- * Released: Nay 14, 2013
  */