sass-twitter-bootstrap 2.0.1 → 2.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (66) hide show
  1. data/lib/sass/twitter/bootstrap/version.rb +1 -1
  2. data/vendor/assets/images/glyphicons-halflings-white.png +0 -0
  3. data/vendor/assets/images/glyphicons-halflings.png +0 -0
  4. data/vendor/assets/javascripts/twitter/bootstrap-affix.js +104 -0
  5. data/vendor/assets/javascripts/twitter/bootstrap-alert.js +28 -32
  6. data/vendor/assets/javascripts/twitter/bootstrap-button.js +29 -33
  7. data/vendor/assets/javascripts/twitter/bootstrap-carousel.js +43 -24
  8. data/vendor/assets/javascripts/twitter/bootstrap-collapse.js +50 -28
  9. data/vendor/assets/javascripts/twitter/bootstrap-dropdown.js +77 -19
  10. data/vendor/assets/javascripts/twitter/bootstrap-modal.js +113 -84
  11. data/vendor/assets/javascripts/twitter/bootstrap-popover.js +19 -11
  12. data/vendor/assets/javascripts/twitter/bootstrap-scrollspy.js +50 -24
  13. data/vendor/assets/javascripts/twitter/bootstrap-tab.js +13 -8
  14. data/vendor/assets/javascripts/twitter/bootstrap-tooltip.js +44 -39
  15. data/vendor/assets/javascripts/twitter/bootstrap-transition.js +29 -20
  16. data/vendor/assets/javascripts/twitter/bootstrap-typeahead.js +73 -44
  17. data/vendor/assets/javascripts/twitter/bootstrap.js +12 -0
  18. data/vendor/assets/stylesheets/tests/css-tests.css +1 -12
  19. data/vendor/assets/stylesheets/tests/css-tests.html +22 -125
  20. data/vendor/assets/stylesheets/tests/navbar.html +39 -38
  21. data/vendor/assets/stylesheets/twitter/_accordion.scss +8 -2
  22. data/vendor/assets/stylesheets/twitter/_alerts.scss +16 -21
  23. data/vendor/assets/stylesheets/twitter/_breadcrumbs.scss +12 -10
  24. data/vendor/assets/stylesheets/twitter/_button-groups.scss +137 -39
  25. data/vendor/assets/stylesheets/twitter/_buttons.scss +129 -81
  26. data/vendor/assets/stylesheets/twitter/_carousel.scss +13 -3
  27. data/vendor/assets/stylesheets/twitter/_close.scss +16 -3
  28. data/vendor/assets/stylesheets/twitter/_code.scss +11 -10
  29. data/vendor/assets/stylesheets/twitter/_component-animations.scss +12 -8
  30. data/vendor/assets/stylesheets/twitter/_dropdowns.scss +133 -53
  31. data/vendor/assets/stylesheets/twitter/_forms.scss +298 -170
  32. data/vendor/assets/stylesheets/twitter/_grid.scss +17 -4
  33. data/vendor/assets/stylesheets/twitter/_hero-unit.scss +7 -3
  34. data/vendor/assets/stylesheets/twitter/_labels-badges.scss +69 -0
  35. data/vendor/assets/stylesheets/twitter/_layouts.scss +2 -3
  36. data/vendor/assets/stylesheets/twitter/_mixins.scss +359 -258
  37. data/vendor/assets/stylesheets/twitter/_modals.scss +26 -12
  38. data/vendor/assets/stylesheets/twitter/_navbar.scss +318 -143
  39. data/vendor/assets/stylesheets/twitter/_navs.scss +87 -56
  40. data/vendor/assets/stylesheets/twitter/_pager.scss +16 -6
  41. data/vendor/assets/stylesheets/twitter/_pagination.scss +23 -14
  42. data/vendor/assets/stylesheets/twitter/_popovers.scss +101 -33
  43. data/vendor/assets/stylesheets/twitter/_progress-bars.scss +43 -16
  44. data/vendor/assets/stylesheets/twitter/_reset.scss +16 -6
  45. data/vendor/assets/stylesheets/twitter/_responsive-1200px-min.scss +28 -0
  46. data/vendor/assets/stylesheets/twitter/_responsive-767px-max.scss +174 -0
  47. data/vendor/assets/stylesheets/twitter/_responsive-768px-979px.scss +19 -0
  48. data/vendor/assets/stylesheets/twitter/_responsive-navbar.scss +177 -0
  49. data/vendor/assets/stylesheets/twitter/_responsive-utilities.scss +58 -0
  50. data/vendor/assets/stylesheets/twitter/_scaffolding.scss +32 -11
  51. data/vendor/assets/stylesheets/twitter/_sprites.scss +49 -14
  52. data/vendor/assets/stylesheets/twitter/_tables.scss +115 -42
  53. data/vendor/assets/stylesheets/twitter/_thumbnails.scss +23 -6
  54. data/vendor/assets/stylesheets/twitter/_tooltip.scss +47 -12
  55. data/vendor/assets/stylesheets/twitter/_type.scss +96 -93
  56. data/vendor/assets/stylesheets/twitter/_utilities.scss +24 -2
  57. data/vendor/assets/stylesheets/twitter/_variables.scss +202 -31
  58. data/vendor/assets/stylesheets/twitter/_wells.scss +17 -5
  59. data/vendor/assets/stylesheets/twitter/bootstrap.scss +3 -7
  60. data/vendor/assets/stylesheets/twitter/responsive.scss +15 -301
  61. metadata +10 -7
  62. data/vendor/assets/stylesheets/tests/buttons.html +0 -139
  63. data/vendor/assets/stylesheets/tests/forms-responsive.html +0 -71
  64. data/vendor/assets/stylesheets/tests/navbar-fixed-top.html +0 -104
  65. data/vendor/assets/stylesheets/tests/navbar-static-top.html +0 -107
  66. data/vendor/assets/stylesheets/twitter/_labels.scss +0 -32
@@ -1,28 +1,44 @@
1
- // THUMBNAILS
2
- // ----------
1
+ //
2
+ // Thumbnails
3
+ // --------------------------------------------------
3
4
 
5
+
6
+ // Note: `.thumbnails` and `.thumbnails > li` are overriden in responsive files
7
+
8
+ // Make wrapper ul behave like the grid
4
9
  .thumbnails {
5
10
  margin-left: -$gridGutterWidth;
6
11
  list-style: none;
7
12
  @include clearfix();
8
13
  }
14
+ // Fluid rows have no left margin
15
+ .row-fluid .thumbnails {
16
+ margin-left: 0;
17
+ }
18
+
19
+ // Float li to make thumbnails appear in a row
9
20
  .thumbnails > li {
10
- float: left;
11
- margin: 0 0 $baseLineHeight $gridGutterWidth;
21
+ float: left; // Explicity set the float since we don't require .span* classes
22
+ margin-bottom: $baseLineHeight;
23
+ margin-left: $gridGutterWidth;
12
24
  }
25
+
26
+ // The actual thumbnail (can be `a` or `div`)
13
27
  .thumbnail {
14
28
  display: block;
15
29
  padding: 4px;
16
- line-height: 1;
30
+ line-height: $baseLineHeight;
17
31
  border: 1px solid #ddd;
18
32
  @include border-radius(4px);
19
- @include box-shadow(0 1px 1px rgba(0,0,0,.075));
33
+ @include box-shadow(0 1px 3px rgba(0,0,0,.055));
34
+ @include transition(all .2s ease-in-out);
20
35
  }
21
36
  // Add a hover state for linked versions only
22
37
  a.thumbnail:hover {
23
38
  border-color: $linkColor;
24
39
  @include box-shadow(0 1px 4px rgba(0,105,214,.25));
25
40
  }
41
+
26
42
  // Images and captions
27
43
  .thumbnail > img {
28
44
  display: block;
@@ -32,4 +48,5 @@ a.thumbnail:hover {
32
48
  }
33
49
  .thumbnail .caption {
34
50
  padding: 9px;
51
+ color: $gray;
35
52
  }
@@ -1,6 +1,9 @@
1
- // TOOLTIP
2
- // -------
1
+ //
2
+ // Tooltips
3
+ // --------------------------------------------------
3
4
 
5
+
6
+ // Base class
4
7
  .tooltip {
5
8
  position: absolute;
6
9
  z-index: $zindexTooltip;
@@ -10,26 +13,58 @@
10
13
  font-size: 11px;
11
14
  @include opacity(0);
12
15
  &.in { @include opacity(80); }
13
- &.top { margin-top: -2px; }
14
- &.right { margin-left: 2px; }
15
- &.bottom { margin-top: 2px; }
16
- &.left { margin-left: -2px; }
17
- &.top .tooltip-arrow { @include popoverArrow-top(); }
18
- &.left .tooltip-arrow { @include popoverArrow-left(); }
19
- &.bottom .tooltip-arrow { @include popoverArrow-bottom(); }
20
- &.right .tooltip-arrow { @include popoverArrow-right(); }
16
+ &.top { margin-top: -3px; }
17
+ &.right { margin-left: 3px; }
18
+ &.bottom { margin-top: 3px; }
19
+ &.left { margin-left: -3px; }
21
20
  }
21
+
22
+ // Wrapper for the tooltip content
22
23
  .tooltip-inner {
23
24
  max-width: 200px;
24
25
  padding: 3px 8px;
25
- color: $white;
26
+ color: $tooltipColor;
26
27
  text-align: center;
27
28
  text-decoration: none;
28
- background-color: $black;
29
+ background-color: $tooltipBackground;
29
30
  @include border-radius(4px);
30
31
  }
32
+
33
+ // Arrows
31
34
  .tooltip-arrow {
32
35
  position: absolute;
33
36
  width: 0;
34
37
  height: 0;
38
+ border-color: transparent;
39
+ border-style: solid;
40
+ }
41
+ .tooltip {
42
+ &.top .tooltip-arrow {
43
+ bottom: 0;
44
+ left: 50%;
45
+ margin-left: -$tooltipArrowWidth;
46
+ border-width: $tooltipArrowWidth $tooltipArrowWidth 0;
47
+ border-top-color: $tooltipArrowColor;
48
+ }
49
+ &.right .tooltip-arrow {
50
+ top: 50%;
51
+ left: 0;
52
+ margin-top: -$tooltipArrowWidth;
53
+ border-width: $tooltipArrowWidth $tooltipArrowWidth $tooltipArrowWidth 0;
54
+ border-right-color: $tooltipArrowColor;
55
+ }
56
+ &.left .tooltip-arrow {
57
+ top: 50%;
58
+ right: 0;
59
+ margin-top: -$tooltipArrowWidth;
60
+ border-width: $tooltipArrowWidth 0 $tooltipArrowWidth $tooltipArrowWidth;
61
+ border-left-color: $tooltipArrowColor;
62
+ }
63
+ &.bottom .tooltip-arrow {
64
+ top: 0;
65
+ left: 50%;
66
+ margin-left: -$tooltipArrowWidth;
67
+ border-width: 0 $tooltipArrowWidth $tooltipArrowWidth;
68
+ border-bottom-color: $tooltipArrowColor;
69
+ }
35
70
  }
@@ -1,94 +1,98 @@
1
- // Typography.scss
2
- // Headings, body text, lists, code, and more for a versatile and durable typography system
3
- // ----------------------------------------------------------------------------------------
1
+ //
2
+ // Typography
3
+ // --------------------------------------------------
4
4
 
5
5
 
6
- // BODY TEXT
7
- // ---------
6
+ // Body text
7
+ // -------------------------
8
8
 
9
9
  p {
10
10
  margin: 0 0 $baseLineHeight / 2;
11
- font-family: $baseFontFamily;
12
- font-size: $baseFontSize;
13
- line-height: $baseLineHeight;
14
- small {
15
- font-size: $baseFontSize - 2;
16
- color: $grayLight;
17
- }
18
11
  }
19
12
  .lead {
20
13
  margin-bottom: $baseLineHeight;
21
- font-size: 20px;
14
+ font-size: $baseFontSize * 1.5;;
22
15
  font-weight: 200;
23
16
  line-height: $baseLineHeight * 1.5;
24
17
  }
25
18
 
26
- // HEADINGS
27
- // --------
28
19
 
29
- h1, h2, h3, h4, h5, h6 {
30
- margin: 0;
20
+ // Emphasis & misc
21
+ // -------------------------
22
+
23
+ small {
24
+ font-size: 85%; // Ex: 14px base font * 85% = about 12px
25
+ }
26
+ strong {
31
27
  font-weight: bold;
32
- color: $grayDark;
33
- text-rendering: optimizelegibility; // Fix the character spacing for headings
34
- small {
35
- font-weight: normal;
36
- color: $grayLight;
37
- }
38
28
  }
39
- h1 {
40
- font-size: 30px;
41
- line-height: $baseLineHeight * 2;
42
- small {
43
- font-size: 18px;
44
- }
29
+ em {
30
+ font-style: italic;
45
31
  }
46
- h2 {
47
- font-size: 24px;
48
- line-height: $baseLineHeight * 2;
49
- small {
50
- font-size: 18px;
51
- }
32
+ cite {
33
+ font-style: normal;
52
34
  }
53
- h3 {
54
- line-height: $baseLineHeight * 1.5;
55
- font-size: 18px;
56
- small {
57
- font-size: 14px;
58
- }
35
+
36
+ // Utility classes
37
+ .muted {
38
+ color: $grayLight;
59
39
  }
60
- h4, h5, h6 {
61
- line-height: $baseLineHeight;
40
+ .text-warning {
41
+ color: $warningText;
62
42
  }
63
- h4 {
64
- font-size: 14px;
65
- small {
66
- font-size: 12px;
67
- }
43
+ .text-error {
44
+ color: $errorText;
68
45
  }
69
- h5 {
70
- font-size: 12px;
46
+ .text-info {
47
+ color: $infoText;
71
48
  }
72
- h6 {
73
- font-size: 11px;
74
- color: $grayLight;
75
- text-transform: uppercase;
49
+ .text-success {
50
+ color: $successText;
51
+ }
52
+
53
+
54
+ // Headings
55
+ // -------------------------
56
+
57
+ h1, h2, h3, h4, h5, h6 {
58
+ margin: ($baseLineHeight / 2) 0;
59
+ font-family: $headingsFontFamily;
60
+ font-weight: $headingsFontWeight;
61
+ line-height: 1;
62
+ color: $headingsColor;
63
+ text-rendering: optimizelegibility; // Fix the character spacing for headings
64
+ small {
65
+ font-weight: normal;
66
+ line-height: 1;
67
+ color: $grayLight;
68
+ }
76
69
  }
70
+ h1 { font-size: 36px; line-height: 40px; }
71
+ h2 { font-size: 30px; line-height: 40px; }
72
+ h3 { font-size: 24px; line-height: 40px; }
73
+ h4 { font-size: 18px; line-height: 20px; }
74
+ h5 { font-size: 14px; line-height: 20px; }
75
+ h6 { font-size: 12px; line-height: 20px; }
76
+
77
+ h1 small { font-size: 24px; }
78
+ h2 small { font-size: 18px; }
79
+ h3 small { font-size: 14px; }
80
+ h4 small { font-size: 14px; }
81
+
77
82
 
78
83
  // Page header
84
+ // -------------------------
85
+
79
86
  .page-header {
80
- padding-bottom: $baseLineHeight - 1;
81
- margin: $baseLineHeight 0;
87
+ padding-bottom: ($baseLineHeight / 2) - 1;
88
+ margin: $baseLineHeight 0 ($baseLineHeight * 1.5);
82
89
  border-bottom: 1px solid $grayLighter;
83
90
  }
84
- .page-header h1 {
85
- line-height: 1;
86
- }
87
91
 
88
92
 
89
93
 
90
- // LISTS
91
- // -----
94
+ // Lists
95
+ // --------------------------------------------------
92
96
 
93
97
  // Unordered and Ordered lists
94
98
  ul, ol {
@@ -101,12 +105,6 @@ ol ol,
101
105
  ol ul {
102
106
  margin-bottom: 0;
103
107
  }
104
- ul {
105
- list-style: disc;
106
- }
107
- ol {
108
- list-style: decimal;
109
- }
110
108
  li {
111
109
  line-height: $baseLineHeight;
112
110
  }
@@ -130,6 +128,20 @@ dt {
130
128
  dd {
131
129
  margin-left: $baseLineHeight / 2;
132
130
  }
131
+ // Horizontal layout (like forms)
132
+ .dl-horizontal {
133
+ @include clearfix(); // Ensure dl clears floats if empty dd elements present
134
+ dt {
135
+ float: left;
136
+ width: $horizontalComponentOffset - 20;
137
+ clear: left;
138
+ text-align: right;
139
+ @include text-overflow();
140
+ }
141
+ dd {
142
+ margin-left: $horizontalComponentOffset;
143
+ }
144
+ }
133
145
 
134
146
  // MISC
135
147
  // ----
@@ -142,23 +154,14 @@ hr {
142
154
  border-bottom: 1px solid $white;
143
155
  }
144
156
 
145
- // Emphasis
146
- strong {
147
- font-weight: bold;
148
- }
149
- em {
150
- font-style: italic;
151
- }
152
- .muted {
153
- color: $grayLight;
154
- }
155
-
156
157
  // Abbreviations and acronyms
157
- abbr {
158
+ abbr[title] {
159
+ cursor: help;
160
+ border-bottom: 1px dotted $grayLight;
161
+ }
162
+ abbr.initialism {
158
163
  font-size: 90%;
159
164
  text-transform: uppercase;
160
- border-bottom: 1px dotted #ddd;
161
- cursor: help;
162
165
  }
163
166
 
164
167
  // Blockquotes
@@ -182,21 +185,29 @@ blockquote {
182
185
  // Float right with text-align: right
183
186
  &.pull-right {
184
187
  float: right;
185
- padding-left: 0;
186
188
  padding-right: 15px;
187
- border-left: 0;
189
+ padding-left: 0;
188
190
  border-right: 5px solid $grayLighter;
191
+ border-left: 0;
189
192
  p,
190
193
  small {
191
194
  text-align: right;
192
195
  }
196
+ small {
197
+ &:before {
198
+ content: '';
199
+ }
200
+ &:after {
201
+ content: '\00A0 \2014';
202
+ }
203
+ }
193
204
  }
194
205
  }
195
206
 
196
207
  // Quotes
197
208
  q:before,
198
209
  q:after,
199
- blockquote:before,
210
+ blockquote:before,
200
211
  blockquote:after {
201
212
  content: "";
202
213
  }
@@ -205,14 +216,6 @@ blockquote:after {
205
216
  address {
206
217
  display: block;
207
218
  margin-bottom: $baseLineHeight;
208
- line-height: $baseLineHeight;
209
- font-style: normal;
210
- }
211
-
212
- // Misc
213
- small {
214
- font-size: 100%;
215
- }
216
- cite {
217
219
  font-style: normal;
220
+ line-height: $baseLineHeight;
218
221
  }
@@ -1,5 +1,7 @@
1
- // UTILITY CLASSES
2
- // ---------------
1
+ //
2
+ // Utility classes
3
+ // --------------------------------------------------
4
+
3
5
 
4
6
  // Quick floats
5
7
  .pull-right {
@@ -21,3 +23,23 @@
21
23
  .invisible {
22
24
  visibility: hidden;
23
25
  }
26
+
27
+ // For Affix plugin
28
+ .affix {
29
+ position: fixed;
30
+ }
31
+
32
+ // Clearing floats
33
+ .clearfix {
34
+ @include clearfix();
35
+ }
36
+
37
+ // Accessible yet invisible text
38
+ .hide-text {
39
+ @include hide-text();
40
+ }
41
+
42
+ // Uses box-sizing mixin, so must be defined here
43
+ .input-block-level {
44
+ @include input-block-level();
45
+ }
@@ -1,17 +1,14 @@
1
- // Variables.scss
2
- // Variables to customize the look and feel of Bootstrap
3
- // -----------------------------------------------------
4
-
1
+ //
2
+ // Variables
3
+ // --------------------------------------------------
5
4
 
6
5
 
7
- // GLOBAL VALUES
6
+ // Global values
8
7
  // --------------------------------------------------
9
8
 
10
- // Links
11
- $linkColor: #08c !default;
12
- $linkColorHover: darken($linkColor, 15) !default;
13
9
 
14
10
  // Grays
11
+ // -------------------------
15
12
  $black: #000 !default;
16
13
  $grayDarker: #222 !default;
17
14
  $grayDark: #333 !default;
@@ -20,7 +17,9 @@ $grayLight: #999 !default;
20
17
  $grayLighter: #eee !default;
21
18
  $white: #fff !default;
22
19
 
20
+
23
21
  // Accent colors
22
+ // -------------------------
24
23
  $blue: #049cdb !default;
25
24
  $blueDark: #0064cd !default;
26
25
  $green: #46a546 !default;
@@ -30,14 +29,87 @@ $orange: #f89406 !default;
30
29
  $pink: #c3325f !default;
31
30
  $purple: #7a43b6 !default;
32
31
 
33
- // Typography
34
- $baseFontSize: 13px !default;
35
- $baseFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
36
- $baseLineHeight: 18px !default;
32
+
33
+ // Scaffolding
34
+ // -------------------------
35
+ $bodyBackground: $white !default;
37
36
  $textColor: $grayDark !default;
38
37
 
38
+
39
+ // Links
40
+ // -------------------------
41
+ $linkColor: #08c !default;
42
+ $linkColorHover: darken($linkColor, 15%) !default;
43
+
44
+
45
+ // Typography
46
+ // -------------------------
47
+ $sansFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
48
+ $serifFontFamily: Georgia, "Times New Roman", Times, serif !default;
49
+ $monoFontFamily: Monaco, Menlo, Consolas, "Courier New", monospace !default;
50
+
51
+ $baseFontSize: 14px !default;
52
+ $baseFontFamily: $sansFontFamily !default;
53
+ $baseLineHeight: 20px !default;
54
+ $altFontFamily: $serifFontFamily !default;
55
+
56
+ $headingsFontFamily: inherit !default; // empty to use BS default, $baseFontFamily
57
+ $headingsFontWeight: bold !default; // instead of browser default, bold
58
+ $headingsColor: inherit !default; // empty to use BS default, $textColor
59
+
60
+ // Tables
61
+ // -------------------------
62
+ $tableBackground: transparent !default; // overall background-color
63
+ $tableBackgroundAccent: #f9f9f9 !default; // for striping
64
+ $tableBackgroundHover: #f5f5f5 !default; // for hover
65
+ $tableBorder: #ddd !default; // table and cell border
66
+
39
67
  // Buttons
40
- $primaryButtonBackground: $linkColor !default;
68
+ // -------------------------
69
+ $btnBackground: $white !default;
70
+ $btnBackgroundHighlight: darken($white, 10%) !default;
71
+ $btnBorder: #bbb !default;
72
+
73
+ $btnPrimaryBackground: $linkColor !default;
74
+ $btnPrimaryBackgroundHighlight: adjust-hue($btnPrimaryBackground, 20%) !default;
75
+
76
+ $btnInfoBackground: #5bc0de !default;
77
+ $btnInfoBackgroundHighlight: #2f96b4 !default;
78
+
79
+ $btnSuccessBackground: #62c462 !default;
80
+ $btnSuccessBackgroundHighlight: #51a351 !default;
81
+
82
+ $btnWarningBackground: lighten($orange, 15%) !default;
83
+ $btnWarningBackgroundHighlight: $orange !default;
84
+
85
+ $btnDangerBackground: #ee5f5b !default;
86
+ $btnDangerBackgroundHighlight: #bd362f !default;
87
+
88
+ $btnInverseBackground: #444 !default;
89
+ $btnInverseBackgroundHighlight: $grayDarker !default;
90
+
91
+
92
+ // Forms
93
+ // -------------------------
94
+ $inputBackground: $white !default;
95
+ $inputBorder: #ccc !default;
96
+ $inputBorderRadius: 3px !default;
97
+ $inputDisabledBackground: $grayLighter !default;
98
+ $formActionsBackground: #f5f5f5 !default;
99
+
100
+ // Dropdowns
101
+ // -------------------------
102
+ $dropdownBackground: $white !default;
103
+ $dropdownBorder: rgba(0,0,0,.2) !default;
104
+ $dropdownDividerTop: #e5e5e5 !default;
105
+ $dropdownDividerBottom: $white !default;
106
+
107
+ $dropdownLinkColor: $grayDark !default;
108
+ $dropdownLinkColorHover: $white !default;
109
+ $dropdownLinkColorActive: $dropdownLinkColor !default;
110
+
111
+ $dropdownLinkBackgroundActive: $linkColor !default;
112
+ $dropdownLinkBackgroundHover: $dropdownLinkBackgroundActive !default;
41
113
 
42
114
 
43
115
 
@@ -45,36 +117,97 @@ $primaryButtonBackground: $linkColor !default;
45
117
  // --------------------------------------------------
46
118
 
47
119
  // Z-index master list
120
+ // -------------------------
48
121
  // Used for a bird's eye view of components dependent on the z-axis
49
122
  // Try to avoid customizing these :)
50
- $zindexDropdown: 1000 !default;
51
- $zindexPopover: 1010 !default;
52
- $zindexTooltip: 1020 !default;
53
- $zindexFixedNavbar: 1030 !default;
54
- $zindexModalBackdrop: 1040 !default;
55
- $zindexModal: 1050 !default;
123
+ $zindexDropdown: 1000 !default;
124
+ $zindexPopover: 1010 !default;
125
+ $zindexTooltip: 1030 !default;
126
+ $zindexFixedNavbar: 1030 !default;
127
+ $zindexModalBackdrop: 1040 !default;
128
+ $zindexModal: 1050 !default;
129
+
56
130
 
57
131
  // Sprite icons path
58
- $iconSpritePath: "../img/glyphicons-halflings.png";
59
- $iconWhiteSpritePath: "../img/glyphicons-halflings-white.png";
132
+ // -------------------------
133
+ $iconSpritePath: "../img/glyphicons-halflings.png" !default;
134
+ $iconWhiteSpritePath: "../img/glyphicons-halflings-white.png" !default;
135
+
60
136
 
61
137
  // Input placeholder text color
62
- $placeholderText: $grayLight !default;
138
+ // -------------------------
139
+ $placeholderText: $grayLight !default;
140
+
63
141
 
64
142
  // Hr border color
65
- $hrBorder: $grayLighter !default;
143
+ // -------------------------
144
+ $hrBorder: $grayLighter !default;
145
+
146
+
147
+ // Horizontal forms & lists
148
+ // -------------------------
149
+ $horizontalComponentOffset: 180px;
150
+
151
+
152
+ // Wells
153
+ // -------------------------
154
+ $wellBackground: #f5f5f5 !default;
155
+
66
156
 
67
157
  // Navbar
158
+ // -------------------------
159
+ $navbarCollapseWidth: 979px !default;
160
+
68
161
  $navbarHeight: 40px !default;
69
- $navbarBackground: $grayDarker !default;
70
- $navbarBackgroundHighlight: $grayDark !default;
162
+ $navbarBackgroundHighlight: #ffffff !default;
163
+ $navbarBackground: darken($navbarBackgroundHighlight, 5%) !default;
164
+ $navbarBorder: darken($navbarBackground, 12%) !default;
165
+
166
+ $navbarText: #777 !default;
167
+ $navbarLinkColor: #777 !default;
168
+ $navbarLinkColorHover: $grayDark !default;
169
+ $navbarLinkColorActive: $gray !default;
71
170
  $navbarLinkBackgroundHover: transparent !default;
171
+ $navbarLinkBackgroundActive: darken($navbarBackground, 5.25%) !default;
172
+
173
+ $navbarBrandColor: $navbarLinkColor !default;
174
+
175
+ // Inverted navbar
176
+ $navbarInverseBackground: #111111 !default;
177
+ $navbarInverseBackgroundHighlight: #222222 !default;
178
+ $navbarInverseBorder: #252525 !default;
179
+
180
+ $navbarInverseText: $grayLight !default;
181
+ $navbarInverseLinkColor: $grayLight !default;
182
+ $navbarInverseLinkColorHover: $white !default;
183
+ $navbarInverseLinkColorActive: $navbarInverseLinkColorHover !default;
184
+ $navbarInverseLinkBackgroundHover: transparent !default;
185
+ $navbarInverseLinkBackgroundActive: $navbarInverseBackground !default;
186
+
187
+ $navbarInverseSearchBackground: lighten($navbarInverseBackground, 25%) !default;
188
+ $navbarInverseSearchBackgroundFocus: $white !default;
189
+ $navbarInverseSearchBorder: $navbarInverseBackground !default;
190
+ $navbarInverseSearchPlaceholderColor: #ccc !default;
191
+
192
+ $navbarInverseBrandColor: $navbarInverseLinkColor !default;
193
+
194
+
195
+ // Pagination
196
+ // -------------------------
197
+ $paginationBackground: #fff !default;
198
+ $paginationBorder: #ddd !default;
199
+ $paginationActiveBackground: #f5f5f5 !default;
200
+
201
+
202
+ // Hero unit
203
+ // -------------------------
204
+ $heroUnitBackground: $grayLighter !default;
205
+ $heroUnitHeadingColor: inherit !default;
206
+ $heroUnitLeadColor: inherit !default;
72
207
 
73
- $navbarText: $grayLight !default;
74
- $navbarLinkColor: $grayLight !default;
75
- $navbarLinkColorHover: $white !default;
76
208
 
77
209
  // Form states and alerts
210
+ // -------------------------
78
211
  $warningText: #c09853 !default;
79
212
  $warningBackground: #fcf8e3 !default;
80
213
  $warningBorder: darken(adjust-hue($warningBackground, -10), 3%) !default;
@@ -92,16 +225,54 @@ $infoBackground: #d9edf7 !default;
92
225
  $infoBorder: darken(adjust-hue($infoBackground, -10), 7%) !default;
93
226
 
94
227
 
228
+ // Tooltips and popovers
229
+ // -------------------------
230
+ $tooltipColor: #fff !default;
231
+ $tooltipBackground: #000 !default;
232
+ $tooltipArrowWidth: 5px !default;
233
+ $tooltipArrowColor: $tooltipBackground !default;
234
+
235
+ $popoverBackground: #fff !default;
236
+ $popoverArrowWidth: 10px !default;
237
+ $popoverArrowColor: #fff !default;
238
+ $popoverTitleBackground: darken($popoverBackground, 3%) !default;
239
+
240
+ // Special enhancement for popovers
241
+ $popoverArrowOuterWidth: $popoverArrowWidth + 1 !default;
242
+ $popoverArrowOuterColor: rgba(0,0,0,.25) !default;
243
+
244
+
95
245
 
96
246
  // GRID
97
247
  // --------------------------------------------------
98
248
 
99
249
  // Default 940px grid
250
+ // -------------------------
100
251
  $gridColumns: 12 !default;
101
252
  $gridColumnWidth: 60px !default;
102
253
  $gridGutterWidth: 20px !default;
103
- $gridRowWidth: ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1));
254
+ $gridRowWidth: ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1)) !default;
255
+
256
+ // 1200px min
257
+ $gridColumnWidth1200: 70px !default;
258
+ $gridGutterWidth1200: 30px !default;
259
+ $gridRowWidth1200: ($gridColumns * $gridColumnWidth1200) + ($gridGutterWidth1200 * ($gridColumns - 1)) !default;
260
+
261
+ // 768px-979px
262
+ $gridColumnWidth768: 42px !default;
263
+ $gridGutterWidth768: 20px !default;
264
+ $gridRowWidth768: ($gridColumns * $gridColumnWidth768) + ($gridGutterWidth768 * ($gridColumns - 1)) !default;
265
+
104
266
 
105
267
  // Fluid grid
106
- $fluidGridColumnWidth: 6.382978723% !default;
107
- $fluidGridGutterWidth: 2.127659574% !default;
268
+ // -------------------------
269
+ $fluidGridColumnWidth: percentage($gridColumnWidth/$gridRowWidth) !default;
270
+ $fluidGridGutterWidth: percentage($gridGutterWidth/$gridRowWidth) !default;
271
+
272
+ // 1200px min
273
+ $fluidGridColumnWidth1200: percentage($gridColumnWidth1200/$gridRowWidth1200) !default;
274
+ $fluidGridGutterWidth1200: percentage($gridGutterWidth1200/$gridRowWidth1200) !default;
275
+
276
+ // 768px-979px
277
+ $fluidGridColumnWidth768: percentage($gridColumnWidth768/$gridRowWidth768) !default;
278
+ $fluidGridGutterWidth768: percentage($gridGutterWidth768/$gridRowWidth768) !default;