blue-react 8.3.0 → 8.3.1

package/dist/styles/_status.scss

@@ -1,149 +1,149 @@
-.blue-loading {
-    background-color: $primary;
-}
-
-.blue-status-alert,
-.blue-status-circle {
-    position: fixed;
-    display: none;
-    box-shadow: 0 0.313rem 0.938rem rgba(0, 0, 0, 0.2);
-}
-
-.blue-status-alert,
-.blue-status-circle {
-    z-index: 6000;
-}
-
-.blue-status-alert {
-    @include custom-scrollbar(white, rgba(black, 0.5), 0.3rem);
-
-    &:after {
-        content: "";
-        display: block;
-        position: absolute;
-        width: 100%;
-        height: 100%;
-        top: 50%;
-        left: 0;
-        pointer-events: none;
-        background-image: radial-gradient(
-            circle,
-            rgba(black, 0.7) 10%,
-            transparent 10.01%
-        );
-        background-repeat: no-repeat;
-        background-position: 50%;
-        animation: alert-in 1s;
-        transform: scale(10, 10);
-        opacity: 0;
-        transition: transform 0.5s, opacity 1s;
-    }
-
-    transform: translate3d(0, 0, 0);
-    overflow: hidden;
-    white-space: pre-wrap;
-
-    bottom: 2.5rem + 4rem + 0.938rem;
-    left: 1rem;
-    right: 1rem;
-
-    max-height: calc(100vh - 15rem);
-
-    .alert-body {
-        max-height: calc(100vh - 16rem);
-        overflow-y: auto;
-    }
-}
-
-@media screen and (min-width: 768px) {
-    .blue-status-alert {
-        left: calc(50% - 18.75rem);
-        right: calc(50% - 18.75rem);
-    }
-}
-
-.blue-status-circle {
-    bottom: 2.5rem;
-    left: calc(50% - 1.25rem);
-    border-radius: 50%;
-    width: 4rem;
-    height: 4rem;
-    color: #fff;
-
-    &:not(.blue-loading) {
-        align-items: center;
-        justify-content: center;
-        font-size: 2.5em;
-    }
-}
-
-.blue-status-success {
-    background-color: #5cb85c;
-}
-
-.blue-status-info {
-    background-color: #5bc0de;
-}
-
-.blue-status-warning {
-    background-color: #d58512;
-}
-
-.blue-status-danger {
-    background-color: #d43f3a;
-}
-
-.spinner-bounce-circle {
-    width: 100%;
-    height: 100%;
-
-    position: relative;
-    margin: 0;
-}
-
-.spinner-bounce-circle div {
-    width: 100%;
-    height: 100%;
-    border-radius: 50%;
-    background-color: #fff;
-    opacity: 0.6;
-    position: absolute;
-    top: 0;
-    left: 0;
-
-    -webkit-animation: circlebounce 2s infinite ease-in-out;
-    animation: circlebounce 2s infinite ease-in-out;
-}
-
-.spinner-bounce-circle div:nth-child(1) {
-    -webkit-animation-delay: -1s;
-    animation-delay: -1s;
-}
-
-$bla-status-bar-width: 37.5rem;
-$bla-status-bar-loading-height: 2px;
-
-.blue-status-bar {
-    background-color: rgba(0, 0, 0, 0.7);
-    color: #fff;
-    position: fixed;
-    z-index: 6;
-    // width: 100%;
-    box-sizing: border-box;
-    right: 0;
-    bottom: 0;
-    padding: 0.4rem;
-    padding-top: calc(0.4rem + #{$bla-status-bar-loading-height});
-    overflow: hidden;
-
-    &::after {
-        content: "";
-        position: absolute;
-        left: 0;
-        top: 0;
-        width: 100%;
-        height: $bla-status-bar-loading-height;
-        background-color: #5cb85c;
-        animation: scrolling 1s linear infinite;
-    }
-}
+.blue-loading {
+    background-color: $primary;
+}
+
+.blue-status-alert,
+.blue-status-circle {
+    position: fixed;
+    display: none;
+    box-shadow: 0 0.313rem 0.938rem rgba(0, 0, 0, 0.2);
+}
+
+.blue-status-alert,
+.blue-status-circle {
+    z-index: 6000;
+}
+
+.blue-status-alert {
+    @include custom-scrollbar(white, rgba(black, 0.5), 0.3rem);
+
+    &:after {
+        content: "";
+        display: block;
+        position: absolute;
+        width: 100%;
+        height: 100%;
+        top: 50%;
+        left: 0;
+        pointer-events: none;
+        background-image: radial-gradient(
+            circle,
+            rgba(black, 0.7) 10%,
+            transparent 10.01%
+        );
+        background-repeat: no-repeat;
+        background-position: 50%;
+        animation: alert-in 1s;
+        transform: scale(10, 10);
+        opacity: 0;
+        transition: transform 0.5s, opacity 1s;
+    }
+
+    transform: translate3d(0, 0, 0);
+    overflow: hidden;
+    white-space: pre-wrap;
+
+    bottom: 2.5rem + 4rem + 0.938rem;
+    left: 1rem;
+    right: 1rem;
+
+    max-height: calc(100vh - 15rem);
+
+    .alert-body {
+        max-height: calc(100vh - 16rem);
+        overflow-y: auto;
+    }
+}
+
+@media screen and (min-width: 768px) {
+    .blue-status-alert {
+        left: calc(50% - 18.75rem);
+        right: calc(50% - 18.75rem);
+    }
+}
+
+.blue-status-circle {
+    bottom: 2.5rem;
+    left: calc(50% - 1.25rem);
+    border-radius: 50%;
+    width: 4rem;
+    height: 4rem;
+    color: #fff;
+
+    &:not(.blue-loading) {
+        align-items: center;
+        justify-content: center;
+        font-size: 2.5em;
+    }
+}
+
+.blue-status-success {
+    background-color: #5cb85c;
+}
+
+.blue-status-info {
+    background-color: #5bc0de;
+}
+
+.blue-status-warning {
+    background-color: #d58512;
+}
+
+.blue-status-danger {
+    background-color: #d43f3a;
+}
+
+.spinner-bounce-circle {
+    width: 100%;
+    height: 100%;
+
+    position: relative;
+    margin: 0;
+}
+
+.spinner-bounce-circle div {
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+    background-color: #fff;
+    opacity: 0.6;
+    position: absolute;
+    top: 0;
+    left: 0;
+
+    -webkit-animation: circlebounce 2s infinite ease-in-out;
+    animation: circlebounce 2s infinite ease-in-out;
+}
+
+.spinner-bounce-circle div:nth-child(1) {
+    -webkit-animation-delay: -1s;
+    animation-delay: -1s;
+}
+
+$bla-status-bar-width: 37.5rem;
+$bla-status-bar-loading-height: 2px;
+
+.blue-status-bar {
+    background-color: rgba(0, 0, 0, 0.7);
+    color: #fff;
+    position: fixed;
+    z-index: 6;
+    // width: 100%;
+    box-sizing: border-box;
+    right: 0;
+    bottom: 0;
+    padding: 0.4rem;
+    padding-top: calc(0.4rem + #{$bla-status-bar-loading-height});
+    overflow: hidden;
+
+    &::after {
+        content: "";
+        position: absolute;
+        left: 0;
+        top: 0;
+        width: 100%;
+        height: $bla-status-bar-loading-height;
+        background-color: #5cb85c;
+        animation: scrolling 1s linear infinite;
+    }
+}

package/dist/styles/_switch.scss

@@ -1,21 +1,21 @@
-$width: 2.188rem;
-$height: 1.25rem;
-$padding: 0.188rem;
-
-$switch-active-color: $success;
-
-.switch {
-    @include switch();
-
-    &.lg {
-        @include switch(100px, 30px);
-    }
-}
-
-/* Rounded sliders */
-.slider.round {
-    border-radius: $height;
-}
-.slider.round:before {
-    border-radius: 50%;
-}
+$width: 2.188rem;
+$height: 1.25rem;
+$padding: 0.188rem;
+
+$switch-active-color: $success;
+
+.switch {
+    @include switch();
+
+    &.lg {
+        @include switch(100px, 30px);
+    }
+}
+
+/* Rounded sliders */
+.slider.round {
+    border-radius: $height;
+}
+.slider.round:before {
+    border-radius: 50%;
+}