cobuild-angular-stack/assets/css/commons/loading-bar.less

Base stack angular sass jade gulp

@bar-regular: rgb(252, 118, 103);
@bar-no-full-account: rgb(0,51,3);

#loading-bar {
  .bar {
    background: @bar-regular !important;
    height: 3px!important;
  }
  .peg {
    -moz-box-shadow: @bar-regular 1px 0 6px 1px !important;
    -ms-box-shadow: @bar-regular 1px 0 6px 1px !important;
    -webkit-box-shadow: @bar-regular 1px 0 6px 1px !important;
    box-shadow: @bar-regular 1px 0 6px 1px !important;
  }
}

#loading-bar-spinner {
  .spinner-icon {
    border-top-color: @bar-regular;
    border-left-color:  @bar-regular;
  }
}

.no-full-account{
  #loading-bar {
    .bar {
      background: @bar-no-full-account !important;
      height: 3px!important;
    }
    .peg {
      -moz-box-shadow: @bar-no-full-account 1px 0 6px 1px !important;
      -ms-box-shadow: @bar-no-full-account 1px 0 6px 1px !important;
      -webkit-box-shadow: @bar-no-full-account 1px 0 6px 1px !important;
      box-shadow: @bar-no-full-account 1px 0 6px 1px !important;
    }
  }

  #loading-bar-spinner {
    .spinner-icon {
      border-top-color: @bar-no-full-account;
      border-left-color:  @bar-no-full-account;
    }
  }
}