.u-primary-light { 
 | 
    color: $u-primary-light; 
 | 
} 
 | 
  
 | 
.u-warning-light { 
 | 
    color: $u-warning-light; 
 | 
} 
 | 
  
 | 
.u-success-light { 
 | 
    color: $u-success-light; 
 | 
} 
 | 
  
 | 
.u-error-light { 
 | 
    color: $u-error-light; 
 | 
} 
 | 
  
 | 
.u-info-light { 
 | 
    color: $u-info-light; 
 | 
} 
 | 
  
 | 
.u-primary-light-bg { 
 | 
    background-color: $u-primary-light; 
 | 
} 
 | 
  
 | 
.u-warning-light-bg { 
 | 
    background-color: $u-warning-light; 
 | 
} 
 | 
  
 | 
.u-success-light-bg { 
 | 
    background-color: $u-success-light; 
 | 
} 
 | 
  
 | 
.u-error-light-bg { 
 | 
    background-color: $u-error-light; 
 | 
} 
 | 
  
 | 
.u-info-light-bg { 
 | 
    background-color: $u-info-light; 
 | 
} 
 | 
  
 | 
.u-primary-dark { 
 | 
    color: $u-primary-dark; 
 | 
} 
 | 
  
 | 
.u-warning-dark { 
 | 
    color: $u-warning-dark; 
 | 
} 
 | 
  
 | 
.u-success-dark { 
 | 
    color: $u-success-dark; 
 | 
} 
 | 
  
 | 
.u-error-dark { 
 | 
    color: $u-error-dark; 
 | 
} 
 | 
  
 | 
.u-info-dark { 
 | 
    color: $u-info-dark; 
 | 
} 
 | 
  
 | 
.u-primary-dark-bg { 
 | 
    background-color: $u-primary-dark; 
 | 
} 
 | 
  
 | 
.u-warning-dark-bg { 
 | 
    background-color: $u-warning-dark; 
 | 
} 
 | 
  
 | 
.u-success-dark-bg { 
 | 
    background-color: $u-success-dark; 
 | 
} 
 | 
  
 | 
.u-error-dark-bg { 
 | 
    background-color: $u-error-dark; 
 | 
} 
 | 
  
 | 
.u-info-dark-bg { 
 | 
    background-color: $u-info-dark; 
 | 
} 
 | 
  
 | 
.u-primary-disabled { 
 | 
    color: $u-primary-disabled; 
 | 
} 
 | 
  
 | 
.u-warning-disabled { 
 | 
    color: $u-warning-disabled; 
 | 
} 
 | 
  
 | 
.u-success-disabled { 
 | 
    color: $u-success-disabled; 
 | 
} 
 | 
  
 | 
.u-error-disabled { 
 | 
    color: $u-error-disabled; 
 | 
} 
 | 
  
 | 
.u-info-disabled { 
 | 
    color: $u-info-disabled; 
 | 
} 
 | 
  
 | 
.u-primary { 
 | 
    color: $u-primary; 
 | 
} 
 | 
  
 | 
.u-warning { 
 | 
    color: $u-warning; 
 | 
} 
 | 
  
 | 
.u-success { 
 | 
    color: $u-success; 
 | 
} 
 | 
  
 | 
.u-error { 
 | 
    color: $u-error; 
 | 
} 
 | 
  
 | 
.u-info { 
 | 
    color: $u-info; 
 | 
} 
 | 
  
 | 
.u-primary-bg { 
 | 
    background-color: $u-primary; 
 | 
} 
 | 
  
 | 
.u-warning-bg { 
 | 
    background-color: $u-warning; 
 | 
} 
 | 
  
 | 
.u-success-bg { 
 | 
    background-color: $u-success; 
 | 
} 
 | 
  
 | 
.u-error-bg { 
 | 
    background-color: $u-error; 
 | 
} 
 | 
  
 | 
.u-info-bg { 
 | 
    background-color: $u-info; 
 | 
} 
 | 
  
 | 
.u-main-color { 
 | 
    color: $u-main-color; 
 | 
} 
 | 
  
 | 
.u-content-color { 
 | 
    color: $u-content-color; 
 | 
} 
 | 
  
 | 
.u-tips-color { 
 | 
    color: $u-tips-color; 
 | 
} 
 | 
  
 | 
.u-light-color { 
 | 
    color: $u-light-color; 
 | 
} 
 |