semantic-ui-sass 0.19.3.1 → 1.7.0.0

data/app/assets/stylesheets/semantic-ui/elements/_image.scss

@@ -1,16 +1,18 @@
-/*
- * # Semantic - Image
- * http://github.com/jlukic/semantic-ui/
- *
- *
- * Copyright 2014 Contributors
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
+ /*
+ * # Semantic UI
+ * https://github.com/Semantic-Org/Semantic-UI
+ * http://www.semantic-ui.com/
+ *
+ * Copyright 2014 Contributors
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
  */
 
-/*******************************
-             Image
+
+
+/*******************************
+             Image
 *******************************/
 
 .ui.image {
@@ -18,22 +20,21 @@
   display: inline-block;
   vertical-align: middle;
   max-width: 100%;
-  background-color: rgba(0, 0, 0, 0.05);
+  background-color: transparent;
 }
-
 img.ui.image {
   display: block;
-  background: none;
 }
-
+.ui.image svg,
 .ui.image img {
   display: block;
   max-width: 100%;
   height: auto;
 }
 
-/*******************************
-            States
+
+/*******************************
+            States
 *******************************/
 
 .ui.disabled.image {
@@ -41,61 +42,124 @@ img.ui.image {
   opacity: 0.3;
 }
 
-/*******************************
-          Variations
+
+/*******************************
+          Variations
 *******************************/
 
-/*--------------
-     Rounded
+
+/*--------------
+     Inline
+---------------*/
+
+.ui.inline.image,
+.ui.inline.image svg,
+.ui.inline.image img {
+  display: inline-block;
+}
+
+/*------------------
+  Vertical Aligned
+-------------------*/
+
+.ui.top.aligned.images .image,
+.ui.top.aligned.image,
+.ui.top.aligned.image svg,
+.ui.top.aligned.image img {
+  display: inline-block;
+  vertical-align: top;
+}
+.ui.middle.aligned.images .image,
+.ui.middle.aligned.image,
+.ui.middle.aligned.image svg,
+.ui.middle.aligned.image img {
+  display: inline-block;
+  vertical-align: middle;
+}
+.ui.bottom.aligned.images .image,
+.ui.bottom.aligned.image,
+.ui.bottom.aligned.image svg,
+.ui.bottom.aligned.image img {
+  display: inline-block;
+  vertical-align: bottom;
+}
+
+/*--------------
+     Rounded
 ---------------*/
 
 .ui.rounded.images .image,
 .ui.rounded.images img,
+.ui.rounded.images svg,
 .ui.rounded.image img,
+.ui.rounded.image svg,
 .ui.rounded.image {
   border-radius: 0.3125em;
 }
 
-/*--------------
-     Circular
+/*--------------
+    Bordered
 ---------------*/
 
+.ui.bordered.images .image,
+.ui.bordered.images img,
+.ui.bordered.images svg,
+.ui.bordered.image img,
+.ui.bordered.image svg,
+img.ui.bordered.image {
+  border: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+/*--------------
+    Circular
+---------------*/
+
+.ui.circular.images,
+.ui.circular.image {
+  overflow: hidden;
+}
 .ui.circular.images .image,
 .ui.circular.images img,
+.ui.circular.images svg,
 .ui.circular.image img,
+.ui.circular.image svg,
 .ui.circular.image {
   border-radius: 500rem;
 }
 
-/*--------------
-     Fluid
+/*--------------
+     Fluid
 ---------------*/
 
 .ui.fluid.images,
 .ui.fluid.image,
 .ui.fluid.images img,
+.ui.fluid.images svg,
+.ui.fluid.image svg,
 .ui.fluid.image img {
   display: block;
   width: 100%;
 }
 
-/*--------------
-     Avatar
+/*--------------
+     Avatar
 ---------------*/
 
 .ui.avatar.images .image,
 .ui.avatar.images img,
+.ui.avatar.images svg,
 .ui.avatar.image img,
+.ui.avatar.image svg,
 .ui.avatar.image {
-  margin-right: 0.5em;
+  margin-right: 0.25em;
   display: inline-block;
-  width: 2em;
-  height: 2em;
+  width: 2.5em;
+  height: 2.5em;
   border-radius: 500rem;
 }
 
-/*-------------------
-       Floated
+/*-------------------
+       Floated
 --------------------*/
 
 .ui.floated.image,
@@ -104,71 +168,108 @@ img.ui.image {
   margin-right: 1em;
   margin-bottom: 1em;
 }
-
 .ui.right.floated.images,
 .ui.right.floated.image {
   float: right;
+  margin-right: 0em;
   margin-bottom: 1em;
   margin-left: 1em;
 }
+.ui.floated.images:last-child,
+.ui.floated.image:last-child {
+  margin-bottom: 0em;
+}
+.ui.centered.images,
+.ui.centered.image {
+  margin-left: auto;
+  margin-right: auto;
+}
 
-/*--------------
-     Sizes
+/*--------------
+     Sizes
 ---------------*/
 
-.ui.tiny.images .image,
-.ui.tiny.images img,
-.ui.tiny.image {
-  width: 20px;
-  font-size: 0.7rem;
-}
-
 .ui.mini.images .image,
 .ui.mini.images img,
+.ui.mini.images svg,
 .ui.mini.image {
-  width: 35px;
-  font-size: 0.8rem;
+  width: 20px;
+  font-size: 0.71428571rem;
+}
+.ui.tiny.images .image,
+.ui.tiny.images img,
+.ui.tiny.images svg,
+.ui.tiny.image {
+  width: 80px;
+  font-size: 0.85714286rem;
 }
-
 .ui.small.images .image,
 .ui.small.images img,
+.ui.small.images svg,
 .ui.small.image {
-  width: 80px;
-  font-size: 0.9rem;
+  width: 150px;
+  font-size: 0.92857143rem;
 }
-
 .ui.medium.images .image,
 .ui.medium.images img,
+.ui.medium.images svg,
 .ui.medium.image {
   width: 300px;
   font-size: 1rem;
 }
-
 .ui.large.images .image,
 .ui.large.images img,
+.ui.large.images svg,
 .ui.large.image {
   width: 450px;
-  font-size: 1.1rem;
+  font-size: 1.14285714rem;
+}
+.ui.big.images .image,
+.ui.big.images img,
+.ui.big.images svg,
+.ui.big.image {
+  width: 600px;
+  font-size: 1.28571429rem;
 }
-
 .ui.huge.images .image,
 .ui.huge.images img,
+.ui.huge.images svg,
 .ui.huge.image {
-  width: 600px;
-  font-size: 1.2rem;
+  width: 800px;
+  font-size: 1.42857143rem;
+}
+.ui.massive.images .image,
+.ui.massive.images img,
+.ui.massive.images svg,
+.ui.massive.image {
+  width: 960px;
+  font-size: 1.71428571rem;
 }
 
-/*******************************
-              Groups
+
+/*******************************
+              Groups
 *******************************/
 
 .ui.images {
   font-size: 0em;
   margin: 0em -0.25rem 0rem;
 }
-
 .ui.images .image,
-.ui.images img {
+.ui.images img,
+.ui.images svg {
   display: inline-block;
-  margin: 0em 0.25em 0.5em;
-}
+  margin: 0em 0.25rem 0.5rem;
+}
+
+
+/*******************************
+         Theme Overrides
+*******************************/
+
+
+
+/*******************************
+         Site Overrides
+*******************************/
+

data/app/assets/stylesheets/semantic-ui/elements/_input.scss

@@ -1,8 +1,7 @@
-@import '../depends/loader';
-/*
- * # Semantic - Input
- * http://github.com/jlukic/semantic-ui/
- *
+ /*
+ * # Semantic UI
+ * https://github.com/Semantic-Org/Semantic-UI
+ * http://www.semantic-ui.com/
  *
  * Copyright 2014 Contributors
  * Released under the MIT license
@@ -10,62 +9,59 @@
  *
  */
 
+
+
 /*******************************
            Standard
 *******************************/
 
+
 /*--------------------
         Inputs
 ---------------------*/
 
 .ui.input {
-  display: inline-block;
   position: relative;
-  color: rgba(0, 0, 0, 0.7);
+  display: inline-block;
+  color: rgba(0, 0, 0, 0.8);
 }
-
 .ui.input input {
-  width: 100%;
-  font-family: "Helvetica Neue", "Helvetica", Arial;
   margin: 0em;
-  padding: 0.65em 1em;
-  font-size: 1em;
-  background-color: #FFFFFF;
-  border: 1px solid rgba(0, 0, 0, 0.15);
+  width: 100%;
   outline: none;
-  color: rgba(0, 0, 0, 0.7);
-  border-radius: 0.3125em;
-  -webkit-transition: background-color 0.3s ease-out,
-    -webkit-box-shadow 0.2s ease,
-    border-color 0.2s ease;
-  transition: background-color 0.3s ease-out,
-    box-shadow 0.2s ease,
-    border-color 0.2s ease;
   -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  box-sizing: border-box;
+  text-align: left;
+  line-height: 1.2142em;
+  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+  padding: 0.67861em 1em;
+  background: #ffffff;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  color: rgba(0, 0, 0, 0.8);
+  border-radius: 0.2857rem;
+  -webkit-transition: background-color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
+          transition: background-color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
+  box-shadow: none;
 }
 
 /*--------------------
       Placeholder
 ---------------------*/
 
-/* browsers require these rules separate */
 
-.ui.input::-webkit-input-placeholder {
-  color: #BBBBBB;
+/* browsers require these rules separate */
+.ui.input input::-webkit-input-placeholder {
+  color: rgba(0, 0, 0, 0.4);
 }
-
-.ui.input::-moz-placeholder {
-  color: #BBBBBB;
+.ui.input input::-moz-placeholder {
+  color: rgba(0, 0, 0, 0.4);
 }
 
+
 /*******************************
             States
 *******************************/
 
+
 /*--------------------
         Active
 ---------------------*/
@@ -73,20 +69,43 @@
 .ui.input input:active,
 .ui.input.down input {
   border-color: rgba(0, 0, 0, 0.3);
-  background-color: #FAFAFA;
+  background: #fafafa;
+  color: rgba(0, 0, 0, 0.8);
+  box-shadow: none;
 }
 
 /*--------------------
-        Loading
+       Loading
 ---------------------*/
 
-.ui.loading.input > .icon {
-  background: image-url("semantic-ui/loader-mini.gif") no-repeat 50% 50%;
-}
-
-.ui.loading.input > .icon:before,
-.ui.loading.input > .icon:after {
-  display: none;
+.ui.loading.loading.input > i.icon:before {
+  position: absolute;
+  content: '';
+  top: 50%;
+  left: 50%;
+  margin: -0.64285em 0em 0em -0.64285em;
+  width: 1.2857em;
+  height: 1.2857em;
+  border-radius: 500rem;
+  border: 0.2em solid rgba(0, 0, 0, 0.1);
+}
+.ui.loading.loading.input > i.icon:after {
+  position: absolute;
+  content: '';
+  top: 50%;
+  left: 50%;
+  margin: -0.64285em 0em 0em -0.64285em;
+  width: 1.2857em;
+  height: 1.2857em;
+  -webkit-animation: button-spin 0.6s linear;
+          animation: button-spin 0.6s linear;
+  -webkit-animation-iteration-count: infinite;
+          animation-iteration-count: infinite;
+  border-radius: 500rem;
+  border-color: #aaaaaa transparent transparent;
+  border-style: solid;
+  border-width: 0.2em;
+  box-shadow: 0px 0px 0px 1px transparent;
 }
 
 /*--------------------
@@ -95,18 +114,18 @@
 
 .ui.input.focus input,
 .ui.input input:focus {
-  border-color: rgba(0, 0, 0, 0.2);
-  color: rgba(0, 0, 0, 0.85);
+  border-color: rgba(39, 41, 43, 0.3);
+  background: #ffffff;
+  color: rgba(0, 0, 0, 0.8);
+  box-shadow: none;
 }
-
 .ui.input.focus input input::-webkit-input-placeholder,
 .ui.input input:focus input::-webkit-input-placeholder {
-  color: #AAAAAA;
+  color: rgba(0, 0, 0, 0.8);
 }
-
 .ui.input.focus input input::-moz-placeholder,
 .ui.input input:focus input::-moz-placeholder {
-  color: #AAAAAA;
+  color: rgba(0, 0, 0, 0.8);
 }
 
 /*--------------------
@@ -114,100 +133,123 @@
 ---------------------*/
 
 .ui.input.error input {
-  background-color: #FFFAFA;
-  border-color: #E7BEBE;
-  color: #D95C5C;
+  background-color: #fff0f0;
+  border-color: #dbb1b1;
+  color: #d95c5c;
+  box-shadow: none;
 }
 
 /* Error Placeholder */
-
 .ui.input.error input ::-webkit-input-placeholder {
   color: rgba(255, 80, 80, 0.4);
 }
-
 .ui.input.error input ::-moz-placeholder {
   color: rgba(255, 80, 80, 0.4);
 }
 
+/* Focused Error Placeholder */
 .ui.input.error input :focus::-webkit-input-placeholder {
   color: rgba(255, 80, 80, 0.7);
 }
-
 .ui.input.error input :focus::-moz-placeholder {
   color: rgba(255, 80, 80, 0.7);
 }
 
+
 /*******************************
            Variations
 *******************************/
 
+
 /*--------------------
       Transparent
 ---------------------*/
 
 .ui.transparent.input input {
-  border: none;
+  border-color: transparent;
   background-color: transparent;
+  padding: 0em;
+}
+
+/* Transparent Icon */
+.ui.transparent.icon.input > i.icon {
+  width: 1.25em;
+}
+.ui.transparent.icon.input > input {
+  padding-left: 0em !important;
+  padding-right: 2em !important;
+}
+.ui.transparent[class*="left icon"].input > input {
+  padding-left: 0em !important;
+  padding-left: 2em !important;
+}
+
+/* Transparent Inverted */
+.ui.transparent.inverted.input input::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.5);
+}
+.ui.transparent.inverted.input {
+  color: #ffffff;
+}
+.ui.transparent.inverted.input input {
+  color: inherit;
 }
 
 /*--------------------
          Icon
 ---------------------*/
 
-.ui.icon.input > .icon {
+.ui.icon.input > i.icon {
   cursor: default;
   position: absolute;
-  opacity: 0.5;
+  text-align: center;
   top: 0px;
   right: 0px;
   margin: 0em;
-  width: 2.6em;
   height: 100%;
-  padding-top: 0.82em;
+  width: 2.82142em;
+  opacity: 0.5;
+  border-radius: 0em 0.2857rem 0.2857rem 0em;
+  -webkit-transition: opacity 0.3s ease;
+          transition: opacity 0.3s ease;
+}
+.ui.icon.input input {
+  padding-right: 2.82142em !important;
+}
+.ui.icon.input > i.icon:before,
+.ui.icon.input > i.icon:after {
+  left: 0;
+  position: absolute;
   text-align: center;
-  border-radius: 0em 0.3125em 0.3125em 0em;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  box-sizing: border-box;
-  -webkit-transition: opacity 0.3s ease-out;
-  transition: opacity 0.3s ease-out;
+  top: 50%;
+  width: 100%;
+  margin-top: -0.5em;
 }
-
-.ui.icon.input > .link.icon {
+.ui.icon.input > i.link.icon {
   cursor: pointer;
 }
-
-.ui.icon.input input {
-  padding-right: 3em !important;
-}
-
-.ui.icon.input > .circular.icon {
+.ui.icon.input > i.circular.icon {
   top: 0.35em;
   right: 0.5em;
 }
 
-/* Left Side */
-
-.ui.left.icon.input > .icon {
+/* Left Icon Input */
+.ui[class*="left icon"].input > i.icon {
   right: auto;
   left: 1px;
-  border-radius: 0.3125em 0em 0em 0.3125em;
+  border-radius: 0.2857rem 0em 0em 0.2857rem;
 }
-
-.ui.left.icon.input > .circular.icon {
+.ui[class*="left icon"].input > i.circular.icon {
   right: auto;
   left: 0.5em;
 }
-
-.ui.left.icon.input > input {
-  padding-left: 3em !important;
-  padding-right: 1.2em !important;
+.ui[class*="left icon"].input > input {
+  padding-left: 2.82142em !important;
+  padding-right: 1em !important;
 }
 
 /* Focus */
-
-.ui.icon.input > input:focus ~ .icon {
+.ui.icon.input > input:focus ~ i.icon {
   opacity: 1;
 }
 
@@ -215,26 +257,79 @@
         Labeled
 ---------------------*/
 
-.ui.labeled.input .corner.label {
-  font-size: 0.7em;
-  border-radius: 0 0.3125em;
+
+/* Adjacent Label */
+.ui.labeled.input {
+  display: table;
+}
+.ui.labeled.input > input {
+  display: table-cell;
+  vertical-align: top;
+}
+.ui.labeled.input > .label {
+  display: table-cell;
+  vertical-align: middle;
+  white-space: nowrap;
+  font-size: 1em;
+}
+.ui.labeled.input > .label > .icon {
+  display: inline;
+  vertical-align: top;
 }
 
-.ui.labeled.input .left.corner.label {
-  border-radius: 0.3125em 0;
+/* Fluid Labeled */
+.ui.fluid.labeled.input {
+  display: table;
+  width: 100%;
+}
+.ui.fluid.labeled.input > .label {
+  width: 0.01%;
 }
 
+/* Label on Left */
+.ui.labeled.input:not([class*="corner labeled"]):not([class*="right labeled"]) > input {
+  border-left: none;
+  border-top-left-radius: 0px;
+  border-bottom-left-radius: 0px;
+}
+.ui.labeled.input:not([class*="corner labeled"]):not([class*="right labeled"]) > .label {
+  border-top-right-radius: 0px;
+  border-bottom-right-radius: 0px;
+}
+
+/* Label on Right */
+.ui[class*="right labeled"].input > input {
+  border-right: none;
+  border-top-right-radius: 0px !important;
+  border-bottom-right-radius: 0px !important;
+}
+.ui[class*="right labeled"].input > .label {
+  border-top-left-radius: 0px;
+  border-bottom-left-radius: 0px;
+}
+
+/* Corner Label */
+.ui.labeled.input .corner.label {
+  top: 1px;
+  right: 1px;
+  font-size: 0.75em;
+  border-radius: 0em 0.2857rem 0em 0em;
+}
 .ui.labeled.input input {
   padding-right: 2.5em !important;
 }
 
 /* Spacing with corner label */
-
-.ui.labeled.icon.input:not(.left) > input {
+.ui[class*="corner labeled"].input {
+  display: inline-block;
+}
+.ui[class*="corner labeled"].input > input {
+  display: block;
+}
+.ui[class*="corner labeled"].icon.input:not(.left) > input {
   padding-right: 3.25em !important;
 }
-
-.ui.labeled.icon.input:not(.left) > .icon {
+.ui[class*="corner labeled"].icon.input:not(.left) > .icon {
   margin-right: 1.25em;
 }
 
@@ -245,37 +340,65 @@
 .ui.action.input {
   display: table;
 }
-
 .ui.action.input > input {
   display: table-cell;
-  border-top-right-radius: 0px !important;
-  border-bottom-right-radius: 0px !important;
-  border-right: none;
+  vertical-align: top;
 }
-
 .ui.action.input > .button,
 .ui.action.input > .buttons {
   display: table-cell;
-  border-top-left-radius: 0px;
-  border-bottom-left-radius: 0px;
+  vertical-align: middle;
   white-space: nowrap;
+  padding-top: 0.78571em;
+  padding-bottom: 0.78571em;
 }
-
 .ui.action.input > .button > .icon,
 .ui.action.input > .buttons > .button > .icon {
   display: inline;
   vertical-align: top;
 }
-
 .ui.fluid.action.input {
   display: table;
   width: 100%;
 }
-
 .ui.fluid.action.input > .button {
   width: 0.01%;
 }
 
+/* Button on Right */
+.ui.action.input:not([class*="left action"]) > input {
+  border-right: none;
+  border-top-right-radius: 0px !important;
+  border-bottom-right-radius: 0px !important;
+}
+.ui.action.input:not([class*="left action"]) > .button,
+.ui.action.input:not([class*="left action"]) > .buttons {
+  border-top-left-radius: 0px;
+  border-bottom-left-radius: 0px;
+}
+
+/* Button on Left */
+.ui[class*="left action"].input > .button,
+.ui[class*="left action"].input > .buttons {
+  border-top-right-radius: 0px;
+  border-bottom-right-radius: 0px;
+}
+.ui[class*="left action"].input > input {
+  border-left: none;
+  border-top-left-radius: 0px;
+  border-bottom-left-radius: 0px;
+}
+
+/*--------------------
+       Inverted
+---------------------*/
+
+
+/* Standard */
+.ui.inverted.input input {
+  border: none;
+}
+
 /*--------------------
         Fluid
 ---------------------*/
@@ -289,29 +412,35 @@
 ---------------------*/
 
 .ui.mini.input {
-  font-size: 0.8125em;
+  font-size: 0.8125rem;
 }
-
 .ui.small.input {
-  font-size: 0.875em;
+  font-size: 0.875rem;
 }
-
 .ui.input {
-  font-size: 1em;
+  font-size: 1rem;
 }
-
 .ui.large.input {
-  font-size: 1.125em;
+  font-size: 1.125rem;
 }
-
 .ui.big.input {
-  font-size: 1.25em;
+  font-size: 1.25rem;
 }
-
 .ui.huge.input {
-  font-size: 1.375em;
+  font-size: 1.375rem;
 }
-
 .ui.massive.input {
-  font-size: 1.5em;
-}
+  font-size: 1.5rem;
+}
+
+
+/*******************************
+         Theme Overrides
+*******************************/
+
+
+
+/*******************************
+         Site Overrides
+*******************************/
+