First release of 2.0! :D

2018-12-27 18:59:49 +01:00
parent 7396a76816
commit 628af52b54
293 changed files with 12641 additions and 3 deletions
@@ -0,0 +1,94 @@
+/*!
+ * # Semantic UI 2.3.3 - Loader
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ */
+
+/* Standard Size */
+.loader {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    margin: 0;
+    text-align: center;
+    z-index: 1000;
+    transform: translateX(-50%) translateY(-50%);
+
+    width: 2.28571429rem;
+    height: 2.28571429rem;
+    font-size: 1em;
+}
+
+/* Static Shape */
+.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 */
+.loader:after {
+    position: absolute;
+    content: '';
+    top: 0;
+    left: 50%;
+    width: 100%;
+    height: 100%;
+    animation: loader 0.6s linear;
+    animation-iteration-count: infinite;
+    border-radius: 500rem;
+    border: 0.2em solid transparent;
+    border-top-color: #767676;
+    box-shadow: 0 0 0 1px transparent;
+}
+
+.loader:before,
+.loader:after {
+    width: 2.28571429rem;
+    height: 2.28571429rem;
+    margin: 0 0 0 -1.14285714rem;
+}
+
+/* Active Animation */
+@keyframes loader {
+    from {
+        transform: rotate(0deg);
+    }
+
+    to {
+        transform: rotate(360deg);
+    }
+}
+
+/* States */
+
+.loader.indeterminate:after {
+    animation-direction: reverse;
+    animation-duration: 1.2s;
+}
+
+.loader.disabled,
+.loader.hidden {
+    display: none;
+}
+
+/* Inverted */
+
+.loader.inverted {
+    color: rgba(255, 255, 255, 0.9);
+}
+
+.loader.inverted:before {
+    border-color: rgba(255, 255, 255, 0.15);
+}
+
+.loader.inverted:after {
+    border-top-color: #FFFFFF;
+}