_variables.scss 2.9 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 !default;
  8. $zindex-alert-fixed: 1035 !default;
  9. $container-smooth: $container-lg !default;
  10. $alert-fixed-width: $screen-md-min !default;
  11. //== Navmenu
  12. // Basics of a navmenu
  13. $navmenu-width: 300px !default;
  14. $navmenu-margin-vertical: (0.5 * $line-height-computed) !default;
  15. $navmenu-default-color: #777 !default;
  16. $navmenu-default-bg: #f8f8f8 !default;
  17. $navmenu-default-border: darken($navmenu-default-bg, 6.5%) !default;
  18. // Navmenu links
  19. $navmenu-default-link-color: #777 !default;
  20. $navmenu-default-link-hover-color: #333 !default;
  21. $navmenu-default-link-hover-bg: transparent !default;
  22. $navmenu-default-link-active-color: #555 !default;
  23. $navmenu-default-link-active-bg: darken($navmenu-default-bg, 6.5%) !default;
  24. $navmenu-default-link-disabled-color: #ccc !default;
  25. $navmenu-default-link-disabled-bg: transparent !default;
  26. // Navmenu brand label
  27. $navmenu-default-brand-color: $navmenu-default-link-color !default;
  28. $navmenu-default-brand-hover-color: darken($navmenu-default-link-color, 10%) !default;
  29. $navmenu-default-brand-hover-bg: transparent !default;
  30. // Inverted navmenu
  31. //
  32. // Reset inverted navmenu basics
  33. $navmenu-inverse-color: $gray-light !default;
  34. $navmenu-inverse-bg: #222 !default;
  35. $navmenu-inverse-border: darken($navmenu-inverse-bg, 10%) !default;
  36. // Inverted navmenu links
  37. $navmenu-inverse-link-color: $gray-light !default;
  38. $navmenu-inverse-link-hover-color: #fff !default;
  39. $navmenu-inverse-link-hover-bg: transparent !default;
  40. $navmenu-inverse-link-active-color: $navmenu-inverse-link-hover-color !default;
  41. $navmenu-inverse-link-active-bg: darken($navmenu-inverse-bg, 10%) !default;
  42. $navmenu-inverse-link-disabled-color: #444 !default;
  43. $navmenu-inverse-link-disabled-bg: transparent !default;
  44. // Inverted navmenu brand label
  45. $navmenu-inverse-brand-color: $navmenu-inverse-link-color !default;
  46. $navmenu-inverse-brand-hover-color: #fff !default;
  47. $navmenu-inverse-brand-hover-bg: transparent !default;
  48. // Inverted navmenu search
  49. // Normal navmenu needs no special styles or vars
  50. $navmenu-inverse-search-bg: lighten($navmenu-inverse-bg, 25%) !default;
  51. $navmenu-inverse-search-bg-focus: #fff !default;
  52. $navmenu-inverse-search-border: $navmenu-inverse-bg !default;
  53. $navmenu-inverse-search-placeholder-color: #ccc !default;