Repository URL to install this package:
Version:
0.9.5 ▾
|
ui-component-library
/
dist
/
components
/
features
/
Animations
/
Preloader
/
MaterialProgressLoader
/
styled.js
|
---|
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const view_container_1 = require("view-container");
const materialProgressLoaderStyles = view_container_1.styled.todo `
.material-progress-loader {
background-color: #a6afc1;
display: flex;
height: 3px;
width: 100%;
margin: 0;
&:before {
height: 3px;
width: 100%;
margin: 0;
background-color: #159fd5;
content: '';
animation: running-progress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
}
@keyframes running-progress {
0% {
margin-left: 0px;
margin-right: 100%;
}
50% {
margin-left: 25%;
margin-right: 0%;
}
100% {
margin-left: 100%;
margin-right: 0;
}
}
`;
exports.materialProgressLoaderStyles = materialProgressLoaderStyles;
//# sourceMappingURL=styled.js.map