bia-framework/components/core-progress/core-progress.css

Bia Framework to work with angular 2

/*#endregion */
/*#region Forms */
/*#endregion */
/*#endregion*/
/* ########### core-switch ##############*/
/*core-card*/
/* core-containers */
/* core-bar-menu*/
/*########################### Side Bar Menu #####################*/
/* ###################### MIXINS ##########################*/
/*Core Visibility */
/* 0, 640px */
/* 641px, 1024px */
/* 1025px, 1440px */
/* 1441px, 1920px */
/* 1921px */
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 187; }
  50% {
    stroke-dashoffset: 46.75;
    transform: rotate(135deg); }
  100% {
    stroke-dashoffset: 187;
    transform: rotate(450deg); } }
@-moz-keyframes dash {
  0% {
    stroke-dashoffset: 187; }
  50% {
    stroke-dashoffset: 46.75;
    transform: rotate(135deg); }
  100% {
    stroke-dashoffset: 187;
    transform: rotate(450deg); } }
@-o-keyframes dash {
  0% {
    stroke-dashoffset: 187; }
  50% {
    stroke-dashoffset: 46.75;
    transform: rotate(135deg); }
  100% {
    stroke-dashoffset: 187;
    transform: rotate(450deg); } }
@keyframes dash {
  0% {
    stroke-dashoffset: 187; }
  50% {
    stroke-dashoffset: 46.75;
    transform: rotate(135deg); }
  100% {
    stroke-dashoffset: 187;
    transform: rotate(450deg); } }
@-webkit-keyframes color {
  100%, 0% {
    stroke: #00B8D4; }
  40% {
    stroke: #8BC34A; }
  66% {
    stroke: #00B8D4; }
  80%, 90% {
    stroke: #8BC34A; } }
@-moz-keyframes color {
  100%, 0% {
    stroke: #00B8D4; }
  40% {
    stroke: #8BC34A; }
  66% {
    stroke: #00B8D4; }
  80%, 90% {
    stroke: #8BC34A; } }
@-o-keyframes color {
  100%, 0% {
    stroke: #00B8D4; }
  40% {
    stroke: #8BC34A; }
  66% {
    stroke: #00B8D4; }
  80%, 90% {
    stroke: #8BC34A; } }
@keyframes color {
  100%, 0% {
    stroke: #00B8D4; }
  40% {
    stroke: #8BC34A; }
  66% {
    stroke: #00B8D4; }
  80%, 90% {
    stroke: #8BC34A; } }
@-webkit-keyframes rotate {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(270deg); } }
@-moz-keyframes rotate {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(270deg); } }
@-o-keyframes rotate {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(270deg); } }
@keyframes rotate {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(270deg); } }
.progress {
  -webkit-animation: rotate 1.4s linear infinite;
  -moz-animation: rotate 1.4s linear infinite;
  -o-animation: rotate 1.4s linear infinite;
  animation: rotate 1.4s linear infinite; }
  .progress .progress-path {
    stroke-dasharray: 187;
    stroke-dashoffset: 0;
    transform-origin: center;
    stroke-width: 4px;
    -webkit-animation: dash 1.4s ease-in-out infinite, color 5.6s ease-in-out infinite;
    -moz-animation: dash 1.4s ease-in-out infinite, color 5.6s ease-in-out infinite;
    -o-animation: dash 1.4s ease-in-out infinite, color 5.6s ease-in-out infinite;
    animation: dash 1.4s ease-in-out infinite, color 5.6s ease-in-out infinite; }
  .progress.size-sm {
    height: 48px;
    width: 48px; }
    .progress.size-sm .progress-path {
      stroke-width: 4; }
  .progress.size-md {
    height: 64px;
    width: 64px; }
    .progress.size-md .progress-path {
      stroke-width: 2; }
  .progress.size-lg {
    height: 128px;
    width: 128px; }
    .progress.size-lg .progress-path {
      stroke-width: 2; }

/*# sourceMappingURL=core-progress.css.map */