app.colors.less 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. .bg-gd{
  2. #gradient > .vertical(rgba(40,50,60,0), rgba(40,50,60,0.075), 0, 100%);
  3. filter:none;
  4. }
  5. .bg-gd-dk{
  6. #gradient > .vertical(rgba(40,50,60,0), rgba(40,50,60,0.5), 10%, 100%);
  7. filter:none;
  8. }
  9. .bg-light {
  10. .color-variant(@brand-light, 2%, 3%, 3%, 5%);
  11. color: @text-color;
  12. }
  13. .bg-dark {
  14. .color-variant(@brand-dark, 5%, 10%, 5%, 10%);
  15. .font-variant(@brand-dark);
  16. }
  17. .bg-black {
  18. .color-variant(@brand-black, 5%, 10%, 5%, 10%);
  19. .font-variant(@brand-black);
  20. }
  21. .bg-primary {
  22. .color-variant(@brand-primary, 5%, 10%, 5%, 10%);
  23. .font-variant(@brand-primary);
  24. }
  25. .bg-success {
  26. .color-variant(@brand-success, 5%, 10%, 5%, 10%);
  27. .font-variant(@brand-success);
  28. }
  29. .bg-info {
  30. .color-variant(@brand-info, 5%, 10%, 5%, 10%);
  31. .font-variant(@brand-info);
  32. }
  33. .bg-warning {
  34. .color-variant(@brand-warning, 5%, 10%, 5%, 10%);
  35. .font-variant(@brand-warning);
  36. }
  37. .bg-danger {
  38. .color-variant(@brand-danger, 5%, 10%, 5%, 10%);
  39. .font-variant(@brand-danger);
  40. }
  41. .bg-white {
  42. background-color: #fff;
  43. color: @text-color;
  44. a {
  45. color: @link-color;
  46. &:hover{
  47. color: darken(@link-color, 10%);
  48. }
  49. }
  50. .text-muted{color: @text-muted !important;}
  51. .lt,
  52. .lter,
  53. .dk,
  54. .dker{
  55. background-color: #fff;
  56. }
  57. }
  58. .bg-white-only{background-color:#fff;}
  59. .bg-white-opacity{
  60. background-color: rgba(255, 255, 255, 0.5);
  61. }
  62. .bg-black-opacity{
  63. background-color: rgba(32, 43, 54, 0.5);
  64. }
  65. a.bg-light{
  66. &:hover{
  67. color: @link-color;
  68. }
  69. }
  70. .text-wariant(@brand-primary, primary);
  71. .text-wariant(@brand-info, info);
  72. .text-wariant(@brand-success, success);
  73. .text-wariant(@brand-warning, warning);
  74. .text-wariant(@brand-danger, danger);
  75. .text-wariant(@brand-dark, dark);
  76. .text-wariant(@brand-black, black);
  77. .text-white {
  78. color: #fff;
  79. }
  80. .text-muted {
  81. color: @text-muted;
  82. }