app/assets/stylesheets/utilities/_mixins.scss in ethosstyles-0.1.7 vs app/assets/stylesheets/utilities/_mixins.scss in ethosstyles-0.1.8
- old
+ new
@@ -81,57 +81,9 @@
overflow-wrap: break-word;
}
//
-// LOADING ICON
-//
-
-// Can specify background color and size
-
-@mixin rf-loader( $bg-color: $white, $size: 30px ) {
- display: inline-block;
- vertical-align: middle;
- font-size: 10px;
- text-indent: -9999em;
- width: $size;
- height: $size;
- border-radius: 50%;
- background: $blue-bright;
- background: -webkit-linear-gradient(left, $blue-bright 10%, rgba(0,87,255, 0) 42%);
- background: linear-gradient(to right, $blue-bright 10%, rgba(0,87,255, 0) 42%);
- position: relative;
- animation: spin 1.4s infinite linear;
- transform: translateZ(0);
-
- &:before {
- width: 50%;
- height: 50%;
- background: $blue-bright;
- border-radius: 100% 0 0 0;
- position: absolute;
- top: 0;
- left: 0;
- content: '';
- }
-
- &:after {
- background: $bg-color;
- width: 75%;
- height: 75%;
- border-radius: 50%;
- content: '';
- margin: auto;
- position: absolute;
- top: 0;
- left: 0;
- bottom: 0;
- right: 0;
- }
-}
-
-
-//
// TRIGGER ARROW
//
// Can specify display (inline vs block) and arrow position