app.variables.less 3.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. /*
  2. */
  3. @brand-primary: #7266ba;
  4. @brand-info: #23b7e5;
  5. @brand-success: #27c24c;
  6. @brand-warning: #fad733;
  7. @brand-danger: #f05050;
  8. @brand-light: #edf1f2;
  9. @brand-dark: #3a3f51;
  10. @brand-black: #1c2b36;
  11. @body-bg: lighten(@brand-light, 1%);
  12. @text-color: #58666e;
  13. @text-muted: lighten(@text-color, 25%);
  14. @font-family-sans-serif: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  15. @font-family-serif: Georgia, "Times New Roman", Times, serif;
  16. @font-family-base: @font-family-sans-serif;
  17. @font-size-base: 14px;
  18. @font-size-lg: ceil(@font-size-base * 1.23); // ~20px
  19. @font-size-md: ceil(@font-size-base * 1.14); // ~16px
  20. @font-size-sm: ceil(@font-size-base * 0.92); // ~13px
  21. @font-size-xs: ceil(@font-size-base * 0.85); // ~12px
  22. @link-color: darken(@text-color, 15%);
  23. @link-hover-color: darken(@text-color, 30%);
  24. @border-radius-base: 2px;
  25. @border-color: darken(@brand-light, 5%);
  26. @line-height-base: 1.42857143; // 20/14
  27. @line-height-computed: floor(@font-size-base * @line-height-base); // ~20px
  28. @icon-css-prefix: i;
  29. // Buttons
  30. // -------------------------
  31. @btn-default-color: @text-color;
  32. @btn-default-bg: lighten(@brand-light, 5%);
  33. @btn-default-border: @border-color;
  34. @btn-border-radius: @border-radius-base;
  35. @input-border: darken(@border-color, 5%);
  36. @input-border-focus: @brand-info;
  37. @input-border-radius: @border-radius-base;
  38. @panel-bg: #fff;
  39. @panel-border: @border-color;
  40. @panel-heading-border: lighten(@border-color, 5%);
  41. @panel-list-group-border: lighten(@border-color, 5%);
  42. @panel-border-radius: @border-radius-base;
  43. @panel-heading-bg: lighten(@brand-light, 3%);
  44. @panel-footer-bg: #fff;
  45. @nav-bg: lighten(@brand-light, 3%);
  46. @badge-bg: darken(@brand-light, 10%);
  47. @list-group-item-border: lighten(@border-color, 3%);
  48. @list-group-item-hover: lighten(@brand-light, 3%);
  49. @list-group-item-focus: darken(@brand-light, 3%);
  50. @list-group-select-color: #dbeef9;
  51. @list-group-active-color: @brand-info;
  52. @table-border-color: lighten(@border-color, 4%);
  53. @table-striped-color: lighten(@brand-light, 4.5%);;
  54. @arrow-width: 8px;
  55. @arrow-color: #fff;
  56. @arrow-outer-width: (@arrow-width + 1);
  57. @arrow-outer-color: rgba(0,0,0,.1);
  58. @switch-width: 35px;
  59. @switch-height: 20px;
  60. @switch-md-width: 40px;
  61. @switch-md-height: 24px;
  62. @switch-lg-width: 50px;
  63. @switch-lg-height: 30px;
  64. @app-aside-width: 200px;
  65. @app-aside-nav-height: 40px;
  66. @app-aside-folded-width: 60px;
  67. @app-aside-folded-nav-height: 50px;
  68. @app-aside-dock-media: 992px;
  69. @app-header-height: 50px;
  70. @app-header-md-height: 60px;
  71. @scroll-bar-width: 17px;
  72. @butterbar-height: 3px;
  73. @butterbar-time: 0.75s;
  74. @off-screen-width: 75%;