Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.

variables.less 2.7KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. // Variables.less
  2. // Variables to customize the look and feel of Bootstrap
  3. // -----------------------------------------------------
  4. // GLOBAL VALUES
  5. // --------------------------------------------------
  6. // Links
  7. @linkColor: #08c;
  8. @linkColorHover: darken(@linkColor, 15%);
  9. // Grays
  10. @black: #000;
  11. @grayDarker: #222;
  12. @grayDark: #333;
  13. @gray: #555;
  14. @grayLight: #999;
  15. @grayLighter: #eee;
  16. @white: #fff;
  17. // Accent colors
  18. @blue: #049cdb;
  19. @blueDark: #0064cd;
  20. @green: #46a546;
  21. @red: #9d261d;
  22. @yellow: #ffc40d;
  23. @orange: #f89406;
  24. @pink: #c3325f;
  25. @purple: #7a43b6;
  26. // Typography
  27. @baseFontSize: 13px;
  28. @baseFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif;
  29. @baseLineHeight: 18px;
  30. @textColor: @grayDark;
  31. // Buttons
  32. @primaryButtonBackground: @linkColor;
  33. // COMPONENT VARIABLES
  34. // --------------------------------------------------
  35. // Z-index master list
  36. // Used for a bird's eye view of components dependent on the z-axis
  37. // Try to avoid customizing these :)
  38. @zindexDropdown: 1000;
  39. @zindexPopover: 1010;
  40. @zindexTooltip: 1020;
  41. @zindexFixedNavbar: 1030;
  42. @zindexModalBackdrop: 1040;
  43. @zindexModal: 1050;
  44. // Input placeholder text color
  45. @placeholderText: @grayLight;
  46. // Navbar
  47. @navbarHeight: 40px;
  48. @navbarBackground: @grayDarker;
  49. @navbarBackgroundHighlight: @grayDark;
  50. @navbarText: @grayLight;
  51. @navbarLinkColor: @grayLight;
  52. @navbarLinkColorHover: @white;
  53. // Form states and alerts
  54. @warningText: #c09853;
  55. @warningBackground: #fcf8e3;
  56. @warningBorder: darken(spin(@warningBackground, -10), 3%);
  57. @errorText: #b94a48;
  58. @errorBackground: #f2dede;
  59. @errorBorder: darken(spin(@errorBackground, -10), 3%);
  60. @successText: #468847;
  61. @successBackground: #dff0d8;
  62. @successBorder: darken(spin(@successBackground, -10), 5%);
  63. @infoText: #3a87ad;
  64. @infoBackground: #d9edf7;
  65. @infoBorder: darken(spin(@infoBackground, -10), 7%);
  66. // GRID
  67. // --------------------------------------------------
  68. // Default 940px grid
  69. @gridColumns: 12;
  70. @gridColumnWidth: 60px;
  71. @gridGutterWidth: 20px;
  72. @gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
  73. // Fluid grid
  74. @fluidGridColumnWidth: 6.382978723%;
  75. @fluidGridGutterWidth: 2.127659574%;