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