semantic-ui-sass 0.8.1.0 → 0.8.2.0

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

@@ -7,175 +7,168 @@
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
- */
-
-
+ */
+
 /*******************************
              Image
-*******************************/
-
-.ui.image {
-  position: relative;
-  display: inline-block;
-  vertical-align: middle;
-  max-width: 100%;
-  background-color: rgba(0, 0, 0, 0.05);
-}
-img.ui.image {
-  display: block;
-  background: none;
-}
-.ui.image img {
-  display: block;
-  max-width: 100%;
-  height: auto;
-}
-
+*******************************/
+
+.ui.image {
+  position: relative;
+  display: inline-block;
+  vertical-align: middle;
+  max-width: 100%;
+  background-color: rgba(0, 0, 0, 0.05);
+}
+
+img.ui.image {
+  display: block;
+  background: none;
+}
+
+.ui.image img {
+  display: block;
+  max-width: 100%;
+  height: auto;
+}
+
 /*******************************
             States
-*******************************/
-
-
-.ui.disabled.image {
-  cursor: default;
-  opacity: 0.3;
-}
-
-
+*******************************/
+
+.ui.disabled.image {
+  cursor: default;
+  opacity: 0.3;
+}
+
 /*******************************
           Variations
-*******************************/
-
+*******************************/
+
 /*--------------
      Rounded
----------------*/
-
-.ui.rounded.images .image,
-.ui.rounded.images img,
-.ui.rounded.image img,
-.ui.rounded.image {
-  -webkit-border-radius: 0.3125em;
-  -moz-border-radius: 0.3125em;
-  border-radius: 0.3125em;
-}
-
+---------------*/
+
+.ui.rounded.images .image,
+.ui.rounded.images img,
+.ui.rounded.image img,
+.ui.rounded.image {
+  border-radius: 0.3125em;
+}
+
 /*--------------
      Circular
----------------*/
-
-.ui.circular.images .image,
-.ui.circular.images img,
-.ui.circular.image img,
-.ui.circular.image {
-  -webkit-border-radius: 500rem;
-  -moz-border-radius: 500rem;
-  border-radius: 500rem;
-}
-
+---------------*/
+
+.ui.circular.images .image,
+.ui.circular.images img,
+.ui.circular.image img,
+.ui.circular.image {
+  border-radius: 500rem;
+}
+
 /*--------------
      Fluid
----------------*/
-
-.ui.fluid.images,
-.ui.fluid.image,
-.ui.fluid.images img,
-.ui.fluid.image img {
-  display: block;
-  width: 100%;
-}
-
-
+---------------*/
+
+.ui.fluid.images,
+.ui.fluid.image,
+.ui.fluid.images img,
+.ui.fluid.image img {
+  display: block;
+  width: 100%;
+}
+
 /*--------------
      Avatar
----------------*/
-
-.ui.avatar.images .image,
-.ui.avatar.images img,
-.ui.avatar.image img,
-.ui.avatar.image {
-  margin-right: 0.5em;
-
-  display: inline-block;
-  width: 2em;
-  height: 2em;
-
-  -webkit-border-radius: 500rem;
-  -moz-border-radius: 500rem;
-  border-radius: 500rem;
-}
-
-
-
+---------------*/
+
+.ui.avatar.images .image,
+.ui.avatar.images img,
+.ui.avatar.image img,
+.ui.avatar.image {
+  margin-right: 0.5em;
+  display: inline-block;
+  width: 2em;
+  height: 2em;
+  border-radius: 500rem;
+}
+
 /*-------------------
        Floated
---------------------*/
-
-.ui.floated.image,
-.ui.floated.images {
-  float: left;
-  margin-right: 1em;
-  margin-bottom: 1em;
-}
-.ui.right.floated.images,
-.ui.right.floated.image {
-  float: right;
-  margin-bottom: 1em;
-  margin-left: 1em;
-}
-
-
+--------------------*/
+
+.ui.floated.image,
+.ui.floated.images {
+  float: left;
+  margin-right: 1em;
+  margin-bottom: 1em;
+}
+
+.ui.right.floated.images,
+.ui.right.floated.image {
+  float: right;
+  margin-bottom: 1em;
+  margin-left: 1em;
+}
+
 /*--------------
      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.image {
-  width: 35px;
-  font-size: 0.8rem;
-}
-.ui.small.images .image,
-.ui.small.images img,
-.ui.small.image {
-  width: 80px;
-  font-size: 0.9rem;
-}
-.ui.medium.images .image,
-.ui.medium.images img,
-.ui.medium.image {
-  width: 300px;
-  font-size: 1rem;
-}
-.ui.large.images .image,
-.ui.large.images img,
-.ui.large.image {
-  width: 450px;
-  font-size: 1.1rem;
-}
-.ui.huge.images .image,
-.ui.huge.images img,
-.ui.huge.image {
-  width: 600px;
-  font-size: 1.2rem;
-}
-
+---------------*/
+
+.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.image {
+  width: 35px;
+  font-size: 0.8rem;
+}
+
+.ui.small.images .image,
+.ui.small.images img,
+.ui.small.image {
+  width: 80px;
+  font-size: 0.9rem;
+}
+
+.ui.medium.images .image,
+.ui.medium.images img,
+.ui.medium.image {
+  width: 300px;
+  font-size: 1rem;
+}
+
+.ui.large.images .image,
+.ui.large.images img,
+.ui.large.image {
+  width: 450px;
+  font-size: 1.1rem;
+}
+
+.ui.huge.images .image,
+.ui.huge.images img,
+.ui.huge.image {
+  width: 600px;
+  font-size: 1.2rem;
+}
+
 /*******************************
               Groups
-*******************************/
-
-.ui.images {
-  font-size: 0em;
-  margin: 0em -0.25rem 0rem;
-}
-
-.ui.images .image,
-.ui.images img {
-  display: inline-block;
-  margin: 0em 0.25em 0.5em;
-}
+*******************************/
+
+.ui.images {
+  font-size: 0em;
+  margin: 0em -0.25rem 0rem;
+}
+
+.ui.images .image,
+.ui.images img {
+  display: inline-block;
+  margin: 0em 0.25em 0.5em;
+}

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

@@ -9,12 +9,10 @@
  *
  */
 
-
 /*******************************
            Standard
 *******************************/
 
-
 /*--------------------
         Inputs
 ---------------------*/
@@ -22,75 +20,47 @@
 .ui.input {
   display: inline-block;
   position: relative;
-
   color: rgba(0, 0, 0, 0.7);
 }
+
 .ui.input input {
   width: 100%;
   font-family: "Helvetica Neue", "Helvetica", Arial;
-
   margin: 0em;
   padding: 0.85em 1.2em;
   font-size: 0.875em;
-
   background-color: #FFFFFF;
   border: 1px solid rgba(0, 0, 0, 0.15);
   outline: none;
-
   color: rgba(0, 0, 0, 0.7);
-
-  -webkit-border-radius: 0.3125em;
-  -moz-border-radius: 0.3125em;
   border-radius: 0.3125em;
-
-  -webkit-transition:
-    background-color 0.3s ease-out,
-    box-shadow 0.2s ease,
-    border-color 0.2s ease
-  ;
-  -moz-transition:
-    background-color 0.3s ease-out,
-    box-shadow 0.2s ease,
-    border-color 0.2s ease
-  ;
-  -o-transition:
-    background-color 0.3s ease-out,
-    box-shadow 0.2s ease,
-    border-color 0.2s ease
-  ;
-  -ms-transition:
-    background-color 0.3s ease-out,
+  -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
-  ;
-  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);
-
+    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;
 }
 
-
 /*--------------------
       Placeholder
 ---------------------*/
 
 /* browsers require these rules separate */
+
 .ui.input::-web inputkit-input-placeholder {
   color: #E0E0E0;
 }
+
 .ui.input::-moz input-placeholder {
   color: #E0E0E0;
 }
 
-
 /*******************************
             States
 *******************************/
@@ -112,6 +82,7 @@
 .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;
@@ -122,20 +93,21 @@
 ---------------------*/
 
 .ui.input.focus input,
-.ui.input input:focus  {
+.ui.input input:focus {
   border-color: rgba(0, 0, 0, 0.2);
   color: rgba(0, 0, 0, 0.85);
 }
+
 .ui.input.focus input input::-webkit-input-placeholder,
 .ui.input input:focus input::-webkit-input-placeholder {
   color: #AAAAAA;
 }
+
 .ui.input.focus input input::-moz-placeholder,
 .ui.input input:focus input::-moz-placeholder {
   color: #AAAAAA;
 }
 
-
 /*--------------------
         Error
 ---------------------*/
@@ -147,15 +119,19 @@
 }
 
 /* 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);
 }
+
 .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);
 }
@@ -164,7 +140,6 @@
            Variations
 *******************************/
 
-
 /*--------------------
       Transparent
 ---------------------*/
@@ -174,7 +149,6 @@
   background-color: transparent;
 }
 
-
 /*--------------------
          Icon
 ---------------------*/
@@ -185,60 +159,53 @@
   opacity: 0.5;
   top: 0px;
   right: 0px;
-
   margin: 0em;
-
   width: 2.6em;
   height: 100%;
   padding-top: 0.82em;
-
   text-align: center;
-
-  -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;
   -ms-box-sizing: border-box;
   box-sizing: border-box;
-
   -webkit-transition: opacity 0.3s ease-out;
-  -moz-transition: opacity 0.3s ease-out;
-  -o-transition: opacity 0.3s ease-out;
-  -ms-transition: opacity 0.3s ease-out;
   transition: opacity 0.3s ease-out;
 }
+
 .ui.icon.input > .link.icon {
   cursor: pointer;
 }
+
 .ui.icon.input input {
   padding-right: 3em !important;
 }
+
 .ui.icon.input > .circular.icon {
   top: 0.35em;
   right: 0.5em;
 }
 
 /* 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 > .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 {
   opacity: 1;
 }
@@ -250,24 +217,23 @@
 .ui.labeled.input .corner.label {
   top: 1px;
   right: 1px;
-
-  -webkit-border-top-right-radius: 0.3125em;
-  -moz-border-top-right-radius: 0.3125em;
   border-top-right-radius: 0.3125em;
 }
+
 .ui.labeled.input input {
   padding-right: 2.5em !important;
 }
 
 /* Spacing with corner label */
+
 .ui.labeled.icon.input:not(.left) > input {
   padding-right: 3.25em !important;
 }
+
 .ui.labeled.icon.input:not(.left) > .icon {
   margin-right: 0.75em;
 }
 
-
 /*--------------------
         Action
 ---------------------*/
@@ -282,13 +248,14 @@
   border-bottom-right-radius: 0px !important;
   border-right: none;
 }
+
 .ui.action.input > .button {
   display: table-cell;
-
   border-top-left-radius: 0px;
   border-bottom-left-radius: 0px;
   white-space: nowrap;
 }
+
 .ui.action.input > .button > .icon {
   display: inline;
   vertical-align: top;
@@ -302,7 +269,6 @@
   display: block;
 }
 
-
 /*--------------------
         Size
 ---------------------*/
@@ -310,24 +276,31 @@
 .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;
 }