.b-color-primry{
      border-color: var(--primry-color);
    }
  
    .b-color-success{
      border-color: var(--success-color);
    }
  
    .b-color-waring{
      border-color: var(--waring-color);
    }
  
    .b-color-danger{
      border-color: var(--danger-color);
    }
  
    .b-color-a{
      border-color: var(--a-color);
    }
  
    .b-color-b{
      border-color: var(--b-color);
    }
  
    .b-color-c{
      border-color: var(--c-color);
    }
  
    .b-color-d{
      border-color: var(--d-color);
    }
  
    .b-color-444{
      border-color: #444;
    }
  
    .b-color-666{
      border-color: #666;
    }
  
    .b-color-888{
      border-color: #888;
    }
  
    .b-color-eee{
      border-color: #eee;
    }
  
    .b-color-aaa{
      border-color: #aaa;
    }
  
    .b-color-000{
      border-color: #000;
    }
  
    .b-color-fff{
      border-color: #fff;
    }