X-Git-Url: http://git.roojs.org/?a=blobdiff_plain;f=scss%2Fbootstrap%2F_spinners.scss;fp=scss%2Fbootstrap%2F_spinners.scss;h=9489bd86119e9d753959e18dd9d0517171339df0;hb=0a809d0ab05f5ad906a757d65865cfdc4474ad81;hp=0000000000000000000000000000000000000000;hpb=546e520c353e28a8bdbf7f43d1293bcc337c2ae2;p=roojs1

diff --git a/scss/bootstrap/_spinners.scss b/scss/bootstrap/_spinners.scss
new file mode 100644
index 0000000000..9489bd8611
--- /dev/null
+++ b/scss/bootstrap/_spinners.scss
@@ -0,0 +1,57 @@
+//
+// Rotating border
+//
+
+@keyframes spinner-border {
+  to { transform: rotate(360deg); }
+}
+
+.spinner-border {
+  display: inline-block;
+  width: $spinner-width;
+  height: $spinner-height;
+  overflow: hidden;
+  text-indent: -999em;
+  vertical-align: text-bottom;
+  border: $spinner-border-width solid currentColor;
+  border-right-color: transparent;
+  border-radius: 50%;
+  animation: spinner-border .75s linear infinite;
+}
+
+.spinner-border-sm {
+  width: $spinner-width-sm;
+  height: $spinner-height-sm;
+  border-width: $spinner-border-width-sm;
+}
+
+//
+// Growing circle
+//
+
+@keyframes spinner-grow {
+  0% {
+    transform: scale(0);
+  }
+  50% {
+    opacity: 1;
+  }
+}
+
+.spinner-grow {
+  display: inline-block;
+  width: $spinner-width;
+  height: $spinner-height;
+  overflow: hidden;
+  text-indent: -999em;
+  vertical-align: text-bottom;
+  background-color: currentColor;
+  border-radius: 50%;
+  opacity: 0;
+  animation: spinner-grow .75s linear infinite;
+}
+
+.spinner-grow-sm {
+  width: $spinner-width-sm;
+  height: $spinner-height-sm;
+}