semantic-ui-sass 0.19.3.1 → 1.7.0.0

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

@@ -1,8 +1,7 @@
-@import '../depends/loader';
-/*
- * # Semantic - Loader
- * 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,32 +9,144 @@
  *
  */
 
+
+
 /*******************************
             Loader
 *******************************/
 
-/* Standard Size */
 
+/* Standard Size */
 .ui.loader {
   display: none;
   position: absolute;
   top: 50%;
   left: 50%;
   margin: 0px;
+  text-align: center;
   z-index: 1000;
   -webkit-transform: translateX(-50%) translateY(-50%);
-  -ms-transform: translateX(-50%) translateY(-50%);
-  transform: translateX(-50%) translateY(-50%);
+      -ms-transform: translateX(-50%) translateY(-50%);
+          transform: translateX(-50%) translateY(-50%);
+}
+
+/* Static Shape */
+.ui.loader:before {
+  position: absolute;
+  content: '';
+  top: 0%;
+  left: 50%;
+  width: 100%;
+  height: 100%;
+  border-radius: 500rem;
+  border: 0.2em solid rgba(0, 0, 0, 0.1);
+}
+
+/* Active Shape */
+.ui.loader:after {
+  position: absolute;
+  content: '';
+  top: 0%;
+  left: 50%;
+  width: 100%;
+  height: 100%;
+  -webkit-animation: loader 0.6s linear;
+          animation: loader 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;
 }
 
+/* Active Animation */
+@-webkit-keyframes loader {
+  from {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  to {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+  }
+}
+@keyframes loader {
+  from {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  to {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+  }
+}
+
+/* Sizes */
+.ui.loader:before,
+.ui.loader:after {
+  width: 2.2585em;
+  height: 2.2585em;
+  margin: 0em 0em 0em -1.12925em;
+}
+.ui.mini.loader:before,
+.ui.mini.loader:after {
+  width: 1.2857em;
+  height: 1.2857em;
+  margin: 0em 0em 0em -0.64285em;
+}
+.ui.small.loader:before,
+.ui.small.loader:after {
+  width: 1.7142em;
+  height: 1.7142em;
+  margin: 0em 0em 0em -0.8571em;
+}
+.ui.large.loader:before,
+.ui.large.loader:after {
+  width: 4.5714em;
+  height: 4.5714em;
+  margin: 0em 0em 0em -2.2857em;
+}
+
+/*-------------------
+      Coupling
+--------------------*/
+
+
+/* Show inside active dimmer */
 .ui.dimmer .loader {
   display: block;
 }
 
+/* Black Dimmer */
+.ui.dimmer .ui.loader {
+  color: #ffffff;
+}
+.ui.dimmer .ui.loader:before {
+  border-color: rgba(255, 255, 255, 0.15);
+}
+.ui.dimmer .ui.loader:after {
+  border-color: #ffffff transparent transparent;
+}
+
+/* White Dimmer (Inverted) */
+.ui.inverted.dimmer .ui.loader {
+  color: rgba(0, 0, 0, 0.8);
+}
+.ui.inverted.dimmer .ui.loader:before {
+  border-color: rgba(0, 0, 0, 0.1);
+}
+.ui.inverted.dimmer .ui.loader:after {
+  border-color: #aaaaaa transparent transparent;
+}
+
+
 /*******************************
              Types
 *******************************/
 
+
 /*-------------------
         Text
 --------------------*/
@@ -47,126 +158,93 @@
   font-style: normal;
 }
 
-.ui.mini.text.loader {
-  min-width: 16px;
-  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;
-  font-size: 1.2em;
-}
 
 /*******************************
             States
 *******************************/
 
+.ui.indeterminate.loader:after {
+  -webkit-animation-direction: reverse;
+          animation-direction: reverse;
+  -webkit-animation-duration: 1.2s;
+          animation-duration: 1.2s;
+}
 .ui.loader.active,
 .ui.loader.visible {
   display: block;
 }
-
 .ui.loader.disabled,
 .ui.loader.hidden {
   display: none;
 }
 
+
 /*******************************
             Variations
 *******************************/
 
-/*-------------------
-       Inverted
---------------------*/
-
-.ui.dimmer .ui.text.loader,
-.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 {
-  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");
-}
 
 /*-------------------
         Sizes
 --------------------*/
 
-/* Tiny Size */
 
+/* Loader */
 .ui.inverted.dimmer .ui.mini.loader,
 .ui.mini.loader {
-  width: 16px;
-  height: 16px;
-  background-image: image-url("semantic-ui/loader-mini.gif");
+  width: 1.2857em;
+  height: 1.2857em;
+  font-size: 0.7857em;
 }
-
-/* Small Size */
-
 .ui.inverted.dimmer .ui.small.loader,
 .ui.small.loader {
-  width: 24px;
-  height: 24px;
-  background-image: image-url("semantic-ui/loader-small.gif");
+  width: 1.7142em;
+  height: 1.7142em;
+  font-size: 0.9285em;
 }
-
 .ui.inverted.dimmer .ui.loader,
 .ui.loader {
-  width: 32px;
-  height: 32px;
-  background: image-url("semantic-ui/loader-medium.gif") no-repeat;
-  background-position: 48% 0px;
+  width: 2.2585em;
+  height: 2.2585em;
+  font-size: 1em;
 }
-
-/* Large Size */
-
 .ui.inverted.dimmer .ui.loader.large,
 .ui.loader.large {
-  width: 64px;
-  height: 64px;
-  background-image: image-url("semantic-ui/loader-large.gif");
+  width: 4.5714em;
+  height: 4.5714em;
+  font-size: 1.1428em;
+}
+
+/* Text Loader */
+.ui.mini.text.loader {
+  min-width: 1.2857em;
+  padding-top: 1.9857em;
+}
+.ui.small.text.loader {
+  min-width: 1.7142em;
+  padding-top: 2.4142em;
+}
+.ui.text.loader {
+  min-width: 2.2585em;
+  padding-top: 2.9585em;
+}
+.ui.large.text.loader {
+  min-width: 4.5714em;
+  padding-top: 5.2714em;
+}
+
+/*-------------------
+       Inverted
+--------------------*/
+
+.ui.inverted.loader {
+  color: #ffffff;
+}
+.ui.inverted.loader:before {
+  border-color: rgba(255, 255, 255, 0.15);
+}
+.ui.inverted.loader:after {
+  border-top-color: #ffffff;
 }
 
 /*-------------------
@@ -174,15 +252,28 @@
 --------------------*/
 
 .ui.inline.loader {
-  position: static;
+  position: relative;
   vertical-align: middle;
   margin: 0em;
+  left: 0em;
+  top: 0em;
   -webkit-transform: none;
-  -ms-transform: none;
-  transform: none;
+      -ms-transform: none;
+          transform: none;
 }
-
 .ui.inline.loader.active,
 .ui.inline.loader.visible {
   display: inline-block;
-}
+}
+
+
+/*******************************
+         Theme Overrides
+*******************************/
+
+
+
+/*******************************
+         Site Overrides
+*******************************/
+

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

@@ -0,0 +1,125 @@
+ /*
+ * # 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
+ *
+ */
+
+
+
+/*******************************
+             Rails
+*******************************/
+
+.ui.rail {
+  font-size: 1em;
+  position: absolute;
+  top: 0%;
+  width: 300px;
+  box-sizing: content-box;
+}
+.ui.left.rail {
+  left: auto;
+  right: 100%;
+  padding: 0em 2rem 0em 0em;
+  margin: 0em 2rem 0em 0em;
+}
+.ui.right.rail {
+  left: 100%;
+  right: auto;
+  padding: 0em 0em 0em 2rem;
+  margin: 0em 0em 0em 2rem;
+}
+
+
+/*******************************
+           Variations
+*******************************/
+
+
+/*--------------
+     Internal
+---------------*/
+
+.ui.left.internal.rail {
+  left: 0%;
+  right: auto;
+  padding: 0em 0em 0em 2rem;
+  margin: 0em 0em 0em 2rem;
+}
+.ui.right.internal.rail {
+  left: auto;
+  right: 0%;
+  padding: 0em 2rem 0em 0em;
+  margin: 0em 2rem 0em 0em;
+}
+
+/*--------------
+     Divided
+---------------*/
+
+.ui.left.dividing.rail {
+  padding: 0em 2.5rem 0em 0em;
+  margin: 0em 2.5rem 0em 0em;
+  border-right: 1px solid rgba(39, 41, 43, 0.15);
+}
+.ui.right.dividing.rail {
+  border-left: 1px solid rgba(39, 41, 43, 0.15);
+  padding: 0em 0em 0em 2.5rem;
+  margin: 0em 0em 0em 2.5rem;
+}
+
+/*--------------
+    Distance
+---------------*/
+
+.ui.close.left.rail {
+  padding: 0em 1em 0em 0em;
+  margin: 0em 1em 0em 0em;
+}
+.ui.close.right.rail {
+  padding: 0em 0em 0em 1em;
+  margin: 0em 0em 0em 1em;
+}
+.ui.very.close.left.rail {
+  padding: 0em 0.5em 0em 0em;
+  margin: 0em 0.5em 0em 0em;
+}
+.ui.very.close.right.rail {
+  padding: 0em 0em 0em 0.5em;
+  margin: 0em 0em 0em 0.5em;
+}
+
+/*--------------
+    Attached
+---------------*/
+
+.ui.attached.left.rail,
+.ui.attached.right.rail {
+  padding: 0em;
+  margin: 0em;
+}
+
+/*--------------
+     Sizing
+---------------*/
+
+.ui.rail {
+  font-size: 1em;
+}
+
+
+/*******************************
+         Theme Overrides
+*******************************/
+
+
+
+/*******************************
+         Site Overrides
+*******************************/
+