variables.less 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. //
  2. // Variables
  3. //
  4. // Either Twitter Bootstrap's "variables.less" or this package's
  5. // "default-variables.less" should be loaded before this file.
  6. // -------------------------------------------------------------
  7. @zindex-navmenu-fixed: 1030;
  8. @zindex-alert-fixed: 1035;
  9. @container-smooth: @container-lg;
  10. @alert-fixed-width: @screen-md-min;
  11. //== Navmenu
  12. // Basics of a navmenu
  13. @navmenu-width: 300px;
  14. @navmenu-margin-vertical: (0.5 * @line-height-computed);
  15. @navmenu-default-color: #777;
  16. @navmenu-default-bg: #f8f8f8;
  17. @navmenu-default-border: darken(@navmenu-default-bg, 6.5%);
  18. // Navmenu links
  19. @navmenu-default-link-color: #777;
  20. @navmenu-default-link-hover-color: #333;
  21. @navmenu-default-link-hover-bg: transparent;
  22. @navmenu-default-link-active-color: #555;
  23. @navmenu-default-link-active-bg: darken(@navmenu-default-bg, 6.5%);
  24. @navmenu-default-link-disabled-color: #ccc;
  25. @navmenu-default-link-disabled-bg: transparent;
  26. // Navmenu brand label
  27. @navmenu-default-brand-color: @navmenu-default-link-color;
  28. @navmenu-default-brand-hover-color: darken(@navmenu-default-link-color, 10%);
  29. @navmenu-default-brand-hover-bg: transparent;
  30. // Inverted navmenu
  31. //
  32. // Reset inverted navmenu basics
  33. @navmenu-inverse-color: @gray-light;
  34. @navmenu-inverse-bg: #222;
  35. @navmenu-inverse-border: darken(@navmenu-inverse-bg, 10%);
  36. // Inverted navmenu links
  37. @navmenu-inverse-link-color: @gray-light;
  38. @navmenu-inverse-link-hover-color: #fff;
  39. @navmenu-inverse-link-hover-bg: transparent;
  40. @navmenu-inverse-link-active-color: @navmenu-inverse-link-hover-color;
  41. @navmenu-inverse-link-active-bg: darken(@navmenu-inverse-bg, 10%);
  42. @navmenu-inverse-link-disabled-color: #444;
  43. @navmenu-inverse-link-disabled-bg: transparent;
  44. // Inverted navmenu brand label
  45. @navmenu-inverse-brand-color: @navmenu-inverse-link-color;
  46. @navmenu-inverse-brand-hover-color: #fff;
  47. @navmenu-inverse-brand-hover-bg: transparent;
  48. // Inverted navmenu search
  49. // Normal navmenu needs no special styles or vars
  50. @navmenu-inverse-search-bg: lighten(@navmenu-inverse-bg, 25%);
  51. @navmenu-inverse-search-bg-focus: #fff;
  52. @navmenu-inverse-search-border: @navmenu-inverse-bg;
  53. @navmenu-inverse-search-placeholder-color: #ccc;