first commit

libraries/framework/skin/base/plugins/nprogress.less

@@ -0,0 +1,100 @@
+/* ===============================================
+  NProgress (top page loader)
+================================================= */
+/* Make clicks pass-through */
+#nprogress {
+  pointer-events: none;
+}
+
+#nprogress .bar {
+  background-color: @nprogress-active-loader;
+
+  position: fixed;
+  z-index: 1031;
+  top: 0;
+  left: 0;
+
+  width: 100%;
+  height: 3px;
+}
+
+/* Fancy blur effect */
+#nprogress .peg {
+  opacity: 1.0;
+  display: block;
+  position: absolute;
+  right: 0px;
+  width: 100px;
+  height: 100%;
+  box-shadow: none !important;
+
+  -webkit-transform: rotate(3deg) translate(0px, -4px);
+      -ms-transform: rotate(3deg) translate(0px, -4px);
+          transform: rotate(3deg) translate(0px, -4px);
+}
+
+/* Remove these to get rid of the spinner */
+#nprogress .spinner {
+  display: block;
+  position: fixed;
+  z-index: 1031;
+  top: 20px;
+  right: 48%;
+}
+
+#nprogress .spinner-icon {
+  opacity: 1;
+  width: 18px;
+  height: 18px;
+  box-sizing: border-box;
+
+  border: solid 2px transparent;
+  border-radius: 50%;
+  border-top-color: @nprogress-active-spinner;
+  border-left-color: @nprogress-active-spinner;
+
+  -webkit-animation: nprogress-spinner 400ms linear infinite;
+  animation: nprogress-spinner 400ms linear infinite;
+}
+
+.nprogress-custom-parent {
+  overflow: hidden;
+  position: relative;
+}
+
+.nprogress-custom-parent #nprogress .spinner,
+.nprogress-custom-parent #nprogress .bar {
+  position: absolute;
+}
+
+@-webkit-keyframes nprogress-spinner {
+  0%   { -webkit-transform: rotate(0deg); }
+  100% { -webkit-transform: rotate(360deg); }
+}
+@keyframes nprogress-spinner {
+  0%   { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}
+
+/* NPR "barPosition" Helpers */
+#nprogress.npr-header .bar {
+  top: 60px;
+  height: 2px;
+}
+#nprogress.npr-bottom .bar {
+  top: auto;
+  bottom: 0;
+  height: 4px;
+}
+
+/* NPR "barColor" Contextuals */
+#nprogress.npr-primary .bar {background-color: @brand-primary;}
+#nprogress.npr-success .bar {background-color: @brand-success;}
+#nprogress.npr-info .bar {background-color: @brand-info;}
+#nprogress.npr-warning .bar {background-color: @brand-warning;}
+#nprogress.npr-danger .bar {background-color: @brand-danger;}
+#nprogress.npr-alert .bar {background-color: @brand-alert;}
+#nprogress.npr-system .bar {background-color: @brand-system;}
+#nprogress.npr-dark .bar {background-color: @brand-dark;}
+#nprogress.npr-light .bar {background-color: @brand-light;}
+#nprogress.npr-muted .bar {background-color: #999;}