semantic-ui-sass 0.8.1.0 → 0.8.2.0

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

@@ -9,13 +9,12 @@
  *
  */
 
-
 /*******************************
             Loader
 *******************************/
 
-
 /* Standard Size */
+
 .ui.loader {
   display: none;
   position: absolute;
@@ -23,10 +22,7 @@
   left: 50%;
   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%);
 }
@@ -55,16 +51,19 @@
   padding-top: 2em;
   font-size: 0.875em;
 }
+
 .ui.small.text.loader {
   min-width: 24px;
   padding-top: 2.5em;
   font-size: 0.875em;
 }
+
 .ui.text.loader {
   min-width: 32px;
   font-size: 1em;
   padding-top: 3em;
 }
+
 .ui.large.text.loader {
   min-width: 64px;
   padding-top: 5em;
@@ -85,7 +84,6 @@
   display: none;
 }
 
-
 /*******************************
             Variations
 *******************************/
@@ -98,29 +96,34 @@
 .ui.inverted.text.loader {
   color: rgba(255, 255, 255, 0.8);
 }
+
 .ui.inverted.dimmer .ui.text.loader {
   color: rgba(0, 0, 0, 0.8);
 }
 
 /* Tiny Size */
+
 .ui.dimmer .mini.ui.loader,
 .ui.inverted .mini.ui.loader {
   background-image: image-url("semantic-ui/loader-mini-inverted.gif");
 }
 
 /* Small Size */
+
 .ui.dimmer .small.ui.loader,
 .ui.inverted .small.ui.loader {
   background-image: image-url("semantic-ui/loader-small-inverted.gif");
 }
 
 /* Standard Size */
+
 .ui.dimmer .ui.loader,
-.ui.inverted.loader  {
+.ui.inverted.loader {
   background-image: image-url("semantic-ui/loader-medium-inverted.gif");
 }
 
 /* Large Size */
+
 .ui.dimmer .large.ui.loader,
 .ui.inverted .large.ui.loader {
   background-image: image-url("semantic-ui/loader-large-inverted.gif");
@@ -131,6 +134,7 @@
 --------------------*/
 
 /* Tiny Size */
+
 .ui.inverted.dimmer .ui.mini.loader,
 .ui.mini.loader {
   width: 16px;
@@ -139,6 +143,7 @@
 }
 
 /* Small Size */
+
 .ui.inverted.dimmer .ui.small.loader,
 .ui.small.loader {
   width: 24px;
@@ -155,6 +160,7 @@
 }
 
 /* Large Size */
+
 .ui.inverted.dimmer .ui.loader.large,
 .ui.loader.large {
   width: 64px;
@@ -162,7 +168,6 @@
   background-image: image-url("semantic-ui/loader-large.gif");
 }
 
-
 /*-------------------
        Inline
 --------------------*/
@@ -171,10 +176,7 @@
   position: static;
   vertical-align: middle;
   margin: 0em;
-
   -webkit-transform: none;
-  -moz-transform: none;
-  -o-transform: none;
   -ms-transform: none;
   transform: none;
 }

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

@@ -9,24 +9,17 @@
  *
  */
 
-
 /*******************************
          Progress Bar
 *******************************/
 
 .ui.progress {
   border: 1px solid rgba(0, 0, 0, 0.1);
-
   width: 100%;
   height: 35px;
-
   background-color: #FAFAFA;
   padding: 5px;
-
-  -webkit-border-radius: 0.3125em;
-  -moz-border-radius: 0.3125em;
   border-radius: 0.3125em;
-
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   -ms-box-sizing: border-box;
@@ -36,41 +29,18 @@
 .ui.progress .bar {
   display: inline-block;
   height: 100%;
-
   background-color: #CCCCCC;
-
-  -moz-border-radius: 3px;
-  -webkit-border-radius: 3px;
   border-radius: 3px;
-
-  -webkit-transition:
-    width 1s ease-in-out,
-    background-color 1s ease-out
-  ;
-  -moz-transition:
-    width 1s ease-in-out,
-    background-color 1s ease-out
-  ;
-  -ms-transition:
-    width 1s ease-in-out,
-    background-color 1s ease-out
-  ;
-  -o-transition:
-    width 1s ease-in-out,
-    background-color 1s ease-out
-  ;
-  transition:
-    width 1s ease-in-out,
-    background-color 1s ease-out
-  ;
+  -webkit-transition: width 1s ease-in-out,
+    background-color 1s ease-out;
+  transition: width 1s ease-in-out,
+    background-color 1s ease-out;
 }
 
-
 /*******************************
             States
 *******************************/
 
-
 /*--------------
   Successful
 ---------------*/
@@ -78,10 +48,10 @@
 .ui.successful.progress .bar {
   background-color: #73E064 !important;
 }
+
 .ui.successful.progress .bar,
 .ui.successful.progress .bar::after {
   -webkit-animation: none !important;
-  -moz-animation: none !important;
   animation: none !important;
 }
 
@@ -92,10 +62,10 @@
 .ui.failed.progress .bar {
   background-color: #DF9BA4 !important;
 }
+
 .ui.failed.progress .bar,
 .ui.failed.progress .bar::after {
   -webkit-animation: none !important;
-  -moz-animation: none !important;
   animation: none !important;
 }
 
@@ -106,23 +76,18 @@
 .ui.active.progress .bar {
   position: relative;
 }
+
 .ui.active.progress .bar::after {
   content: '';
   opacity: 0;
-
   position: absolute;
   top: 0px;
   left: 0px;
   right: 0px;
   bottom: 0px;
   background: #FFFFFF;
-
-  -moz-border-radius: 3px;
-  -webkit-border-radius: 3px;
   border-radius: 3px;
-
   -webkit-animation: progress-active 2s ease-out infinite;
-  -moz-animation: progress-active 2s ease-out infinite;
   animation: progress-active 2s ease-out infinite;
 }
 
@@ -131,35 +96,27 @@
     opacity: 0;
     width: 0;
   }
+
   50% {
     opacity: 0.3;
   }
+
   100% {
     opacity: 0;
     width: 95%;
   }
 }
-@-moz-keyframes progress-active {
-  0% {
-    opacity: 0;
-    width: 0;
-  }
-  50% {
-    opacity: 0.3;
-  }
-  100% {
-    opacity: 0;
-    width: 100%;
-  }
-}
+
 @keyframes progress-active {
   0% {
     opacity: 0;
     width: 0;
   }
+
   50% {
     opacity: 0.3;
   }
+
   100% {
     opacity: 0;
     width: 100%;
@@ -173,60 +130,53 @@
 .ui.disabled.progress {
   opacity: 0.35;
 }
+
 .ui.disabled.progress .bar,
 .ui.disabled.progress .bar::after {
   -webkit-animation: none !important;
-  -moz-animation: none !important;
   animation: none !important;
 }
 
-
-
 /*******************************
            Variations
 *******************************/
 
-
 /*--------------
     Attached
 ---------------*/
 
 /* bottom attached */
+
 .ui.progress.attached {
   position: relative;
   border: none;
 }
+
 .ui.progress.attached,
 .ui.progress.attached .bar {
   display: block;
   height: 3px;
   padding: 0px;
   overflow: hidden;
-  -webkit-border-radius: 0em 0em 0.3125em 0.3125em;
-  -moz-border-radius: 0em 0em 0.3125em 0.3125em;
   border-radius: 0em 0em 0.3125em 0.3125em;
 }
+
 .ui.progress.attached .bar {
-  -webkit-border-radius: 0em;
-  -moz-border-radius: 0em;
   border-radius: 0em;
 }
 
 /* top attached */
+
 .ui.progress.top.attached,
 .ui.progress.top.attached .bar {
   top: -2px;
-  -webkit-border-radius: 0.3125em 0.3125em 0em 0em;
-  -moz-border-radius: 0.3125em 0.3125em 0em 0em;
   border-radius: 0.3125em 0.3125em 0em 0em;
 }
+
 .ui.progress.top.attached .bar {
-  -webkit-border-radius: 0em;
-  -moz-border-radius: 0em;
   border-radius: 0em;
 }
 
-
 /*--------------
      Colors
 ---------------*/
@@ -234,86 +184,60 @@
 .ui.blue.progress .bar {
   background-color: #6ECFF5;
 }
+
 .ui.black.progress .bar {
   background-color: #5C6166;
 }
+
 .ui.green.progress .bar {
   background-color: #A1CF64;
 }
+
 .ui.red.progress .bar {
   background-color: #EF4D6D;
 }
+
 .ui.purple.progress .bar {
   background-color: #564F8A;
 }
+
 .ui.teal.progress .bar {
   background-color: #00B5AD;
 }
 
-
 /*--------------
     Striped
 ---------------*/
 
 .ui.progress.striped .bar {
   -webkit-background-size: 30px 30px;
-  -moz-background-size: 30px 30px;
   background-size: 30px 30px;
-  background-image:
-    -webkit-gradient(linear, left top, right bottom,
+  background-image: -webkit-gradient(linear, left top, right bottom,
       color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent),
       color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)),
       color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent),
       to(transparent)
-    )
-  ;
-  background-image:
-    -webkit-linear-gradient(
+    );
+  background-image: -webkit-linear-gradient(
       135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
       transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
       transparent 75%, transparent
-    )
-  ;
-  background-image:
-    -moz-linear-gradient(
+    );
+  background-image: linear-gradient(
       135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
       transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
       transparent 75%, transparent
-    )
-  ;
-  background-image:
-    -ms-linear-gradient(
-      135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
-      transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
-      transparent 75%, transparent
-    )
-  ;
-  background-image:
-    -o-linear-gradient(
-      135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
-      transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
-      transparent 75%, transparent
-    )
-  ;
-  background-image:
-    linear-gradient(
-      135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
-      transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
-      transparent 75%, transparent
-    )
-  ;
+    );
 }
 
 .ui.progress.active.striped .bar:after {
   -webkit-animation: none;
-  -moz-animation: none;
   -ms-animation: none;
-  -o-animation: none;
   animation: none;
 }
+
 .ui.progress.active.striped .bar {
   -webkit-animation: progress-striped 3s linear infinite;
-  -moz-animation: progress-striped 3s linear infinite;
   animation: progress-striped 3s linear infinite;
 }
 
@@ -321,28 +245,22 @@
   0% {
     background-position: 0px 0;
   }
+
   100% {
     background-position: 60px 0;
   }
 }
-@-moz-keyframes progress-striped {
-  0% {
-    background-position: 0px 0;
-  }
-  100% {
-    background-position: 60px 0;
-  }
-}
+
 @keyframes progress-striped {
   0% {
     background-position: 0px 0;
   }
+
   100% {
     background-position: 60px 0;
   }
 }
 
-
 /*--------------
      Sizes
 ---------------*/