/sass/bootswatch/spruce/_variables.scss

https://bitbucket.org/decore/my-svadba.ru · Sass · 196 lines · 95 code · 55 blank · 46 comment · 0 complexity · a172e60ed90e3f2cf682aa34e375efaa MD5 · raw file

  1. // Variables to customize the look and feel of Bootstrap
  2. // Swatch: Spruce
  3. // Version: 2.0.2
  4. // -----------------------------------------------------
  5. // GLOBAL VALUES
  6. // --------------------------------------------------
  7. // Grays
  8. // -------------------------
  9. $black: #000;
  10. $grayDarker: #222;
  11. $grayDark: #333;
  12. $gray: #555;
  13. $grayLight: #999;
  14. $grayLighter: #eee;
  15. $white: #fff;
  16. // Accent colors
  17. // -------------------------
  18. $blue: #01584C;
  19. $blueDark: #013435;
  20. $green: #015B4E;
  21. $red: #D14432;
  22. $yellow: #EBD90B;
  23. $orange: #FCB46B;
  24. $pink: #A15B66;
  25. $purple: #7073CF;
  26. // Scaffolding
  27. // -------------------------
  28. $bodyBackground: #AEAD8E;
  29. $textColor: $blueDark;
  30. // Links
  31. // -------------------------
  32. $linkColor: #F5F3DC;
  33. $linkColorHover: $yellow;
  34. // Typography
  35. // -------------------------
  36. $baseFontSize: 14px;
  37. $baseFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif;
  38. $baseLineHeight: 21px;
  39. $altFontFamily: Georgia, "Times New Roman", Times, serif;
  40. $headingsFontFamily: 'Josefin Slab', serif; // empty to use BS default, $baseFontFamily
  41. $headingsFontWeight: 700; // instead of browser default, bold
  42. $headingsColor: inherit; // empty to use BS default, $textColor
  43. // Tables
  44. // -------------------------
  45. $tableBackground: #C3C7AE; // overall background-color
  46. $tableBackgroundAccent: darken(#C3C7AE, 5%); // for striping
  47. $tableBackgroundHover: darken(#C3C7AE, 10%); // for hover
  48. $tableBorder: $linkColor; // table and cell border
  49. // Buttons
  50. // -------------------------
  51. $btnBackground: $white;
  52. $btnBackgroundHighlight: darken($white, 10%);
  53. $btnBorder: darken($white, 20%);
  54. $btnPrimaryBackground: $linkColor;
  55. $btnPrimaryBackgroundHighlight: adjust-hue($btnPrimaryBackground, 15%);
  56. $btnInfoBackground: #5bc0de;
  57. $btnInfoBackgroundHighlight: #2f96b4;
  58. $btnSuccessBackground: #62c462;
  59. $btnSuccessBackgroundHighlight: #51a351;
  60. $btnWarningBackground: lighten($orange, 15%);
  61. $btnWarningBackgroundHighlight: $orange;
  62. $btnDangerBackground: #ee5f5b;
  63. $btnDangerBackgroundHighlight: #bd362f;
  64. $btnInverseBackground: $gray;
  65. $btnInverseBackgroundHighlight: $grayDarker;
  66. // Forms
  67. // -------------------------
  68. $inputBackground: $white;
  69. $inputBorder: #ccc;
  70. $inputDisabledBackground: $grayLighter;
  71. // Dropdowns
  72. // -------------------------
  73. $dropdownBackground: $white;
  74. $dropdownBorder: rgba(0,0,0,.2);
  75. $dropdownLinkColor: $grayDark;
  76. $dropdownLinkColorHover: $white;
  77. $dropdownLinkBackgroundHover: $linkColor;
  78. // COMPONENT VARIABLES
  79. // --------------------------------------------------
  80. // Z-index master list
  81. // -------------------------
  82. // Used for a bird's eye view of components dependent on the z-axis
  83. // Try to avoid customizing these :)
  84. $zindexDropdown: 1000;
  85. $zindexPopover: 1010;
  86. $zindexTooltip: 1020;
  87. $zindexFixedNavbar: 1030;
  88. $zindexModalBackdrop: 1040;
  89. $zindexModal: 1050;
  90. // Input placeholder text color
  91. // -------------------------
  92. $placeholderText: $grayLight;
  93. // Hr border color
  94. // -------------------------
  95. $hrBorder: $linkColor;
  96. // Navbar
  97. // -------------------------
  98. $navbarHeight: 40px;
  99. $navbarBackground: $blueDark;
  100. $navbarBackgroundHighlight: $navbarBackground;
  101. $navbarText: $grayLight;
  102. $navbarLinkColor: $grayLight;
  103. $navbarLinkColorHover: $white;
  104. $navbarLinkColorActive: $navbarLinkColorHover;
  105. $navbarLinkBackgroundHover: transparent;
  106. $navbarLinkBackgroundActive: $navbarBackground;
  107. $navbarSearchBackground: lighten($navbarBackground, 25%);
  108. $navbarSearchBackgroundFocus: $white;
  109. $navbarSearchBorder: darken($navbarSearchBackground, 30%);
  110. $navbarSearchPlaceholderColor: #ccc;
  111. // Hero unit
  112. // -------------------------
  113. $heroUnitBackground: $grayLighter;
  114. $heroUnitHeadingColor: inherit;
  115. $heroUnitLeadColor: inherit;
  116. // Form states and alerts
  117. // -------------------------
  118. $warningText: $orange;
  119. $warningBackground: darken(#90A38F, 10%);
  120. $warningBorder: darken(adjust-hue($warningBackground, -10), 3%);
  121. $errorText: lighten($red, 25%);
  122. $errorBackground: darken(#90A38F, 10%);
  123. $errorBorder: darken(adjust-hue($errorBackground, -10), 3%);
  124. $successText: #9ED99C;
  125. $successBackground: darken(#90A38F, 10%);
  126. $successBorder: darken(adjust-hue($successBackground, -10), 5%);
  127. $infoText: #9BCACD;
  128. $infoBackground: darken(#90A38F, 10%);
  129. $infoBorder: darken(adjust-hue($infoBackground, -10), 7%);
  130. // GRID
  131. // --------------------------------------------------
  132. // Default 940px grid
  133. // -------------------------
  134. $gridColumns: 12;
  135. $gridColumnWidth: 60px;
  136. $gridGutterWidth: 20px;
  137. $gridRowWidth: ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1));
  138. // Fluid grid
  139. // -------------------------
  140. $fluidGridColumnWidth: 6.382978723%;
  141. $fluidGridGutterWidth: 2.127659574%;