bootstrap-sass 2.0.4.2 → 2.1.0.0

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.

Potentially problematic release.


This version of bootstrap-sass might be problematic. Click here for more details.

Files changed (57) hide show
  1. data/README.md +3 -6
  2. data/vendor/assets/images/glyphicons-halflings.png +0 -0
  3. data/vendor/assets/javascripts/bootstrap-affix.js +104 -0
  4. data/vendor/assets/javascripts/bootstrap-alert.js +1 -1
  5. data/vendor/assets/javascripts/bootstrap-button.js +1 -1
  6. data/vendor/assets/javascripts/bootstrap-carousel.js +12 -5
  7. data/vendor/assets/javascripts/bootstrap-collapse.js +4 -3
  8. data/vendor/assets/javascripts/bootstrap-dropdown.js +66 -16
  9. data/vendor/assets/javascripts/bootstrap-modal.js +95 -74
  10. data/vendor/assets/javascripts/bootstrap-popover.js +9 -4
  11. data/vendor/assets/javascripts/bootstrap-scrollspy.js +9 -9
  12. data/vendor/assets/javascripts/bootstrap-tab.js +2 -2
  13. data/vendor/assets/javascripts/bootstrap-tooltip.js +15 -15
  14. data/vendor/assets/javascripts/bootstrap-transition.js +2 -3
  15. data/vendor/assets/javascripts/bootstrap-typeahead.js +51 -36
  16. data/vendor/assets/javascripts/bootstrap.js +1 -0
  17. data/vendor/assets/stylesheets/_bootstrap-responsive.scss +15 -8
  18. data/vendor/assets/stylesheets/_bootstrap.scss +2 -2
  19. data/vendor/assets/stylesheets/bootstrap/_accordion.scss +3 -2
  20. data/vendor/assets/stylesheets/bootstrap/_alerts.scss +19 -10
  21. data/vendor/assets/stylesheets/bootstrap/_breadcrumbs.scss +11 -11
  22. data/vendor/assets/stylesheets/bootstrap/_button-groups.scss +94 -28
  23. data/vendor/assets/stylesheets/bootstrap/_buttons.scss +94 -54
  24. data/vendor/assets/stylesheets/bootstrap/_carousel.scss +22 -7
  25. data/vendor/assets/stylesheets/bootstrap/_close.scss +5 -3
  26. data/vendor/assets/stylesheets/bootstrap/_code.scss +8 -6
  27. data/vendor/assets/stylesheets/bootstrap/_component-animations.scss +7 -4
  28. data/vendor/assets/stylesheets/bootstrap/_dropdowns.scss +90 -17
  29. data/vendor/assets/stylesheets/bootstrap/_forms.scss +243 -90
  30. data/vendor/assets/stylesheets/bootstrap/_grid.scss +17 -2
  31. data/vendor/assets/stylesheets/bootstrap/_hero-unit.scss +4 -2
  32. data/vendor/assets/stylesheets/bootstrap/_labels-badges.scss +25 -5
  33. data/vendor/assets/stylesheets/bootstrap/_layouts.scss +1 -2
  34. data/vendor/assets/stylesheets/bootstrap/_mixins.scss +143 -134
  35. data/vendor/assets/stylesheets/bootstrap/_modals.scss +13 -6
  36. data/vendor/assets/stylesheets/bootstrap/_navbar.scss +263 -141
  37. data/vendor/assets/stylesheets/bootstrap/_navs.scss +75 -31
  38. data/vendor/assets/stylesheets/bootstrap/_pager.scss +7 -5
  39. data/vendor/assets/stylesheets/bootstrap/_pagination.scss +22 -11
  40. data/vendor/assets/stylesheets/bootstrap/_popovers.scss +101 -33
  41. data/vendor/assets/stylesheets/bootstrap/_progress-bars.scss +23 -19
  42. data/vendor/assets/stylesheets/bootstrap/_reset.scss +35 -11
  43. data/vendor/assets/stylesheets/bootstrap/_responsive-1200px-min.scss +9 -7
  44. data/vendor/assets/stylesheets/bootstrap/_responsive-767px-max.scss +103 -72
  45. data/vendor/assets/stylesheets/bootstrap/_responsive-768px-979px.scss +8 -5
  46. data/vendor/assets/stylesheets/bootstrap/_responsive-navbar.scss +26 -9
  47. data/vendor/assets/stylesheets/bootstrap/_responsive-utilities.scss +17 -15
  48. data/vendor/assets/stylesheets/bootstrap/_scaffolding.scss +26 -4
  49. data/vendor/assets/stylesheets/bootstrap/_sprites.scss +19 -9
  50. data/vendor/assets/stylesheets/bootstrap/_tables.scss +94 -23
  51. data/vendor/assets/stylesheets/bootstrap/_thumbnails.scss +10 -7
  52. data/vendor/assets/stylesheets/bootstrap/_tooltip.scss +47 -12
  53. data/vendor/assets/stylesheets/bootstrap/_type.scss +71 -89
  54. data/vendor/assets/stylesheets/bootstrap/_utilities.scss +9 -2
  55. data/vendor/assets/stylesheets/bootstrap/_variables.scss +108 -68
  56. data/vendor/assets/stylesheets/bootstrap/_wells.scss +8 -6
  57. metadata +3 -2
@@ -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(0.8); }
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 popoverArrowTop(); }
18
- &.left .tooltip-arrow { @include popoverArrowLeft(); }
19
- &.bottom .tooltip-arrow { @include popoverArrowBottom(); }
20
- &.right .tooltip-arrow { @include popoverArrowRight(); }
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;
35
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
+ }
70
+ }
@@ -1,17 +1,13 @@
1
- // Typography.less
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
- small {
12
- font-size: $baseFontSize - 2;
13
- color: $grayLight;
14
- }
15
11
  }
16
12
  .lead {
17
13
  margin-bottom: $baseLineHeight;
@@ -20,92 +16,86 @@ p {
20
16
  line-height: $baseLineHeight * 1.5;
21
17
  }
22
18
 
23
- // HEADINGS
24
- // --------
19
+
20
+ // Emphasis & misc
21
+ // -------------------------
22
+
23
+ small {
24
+ font-size: 85%; // Ex: 14px base font * 85% = about 12px
25
+ }
26
+ strong {
27
+ font-weight: bold;
28
+ }
29
+ em {
30
+ font-style: italic;
31
+ }
32
+ cite {
33
+ font-style: normal;
34
+ }
35
+ .muted {
36
+ color: $grayLight;
37
+ }
38
+
39
+
40
+ // Headings
41
+ // -------------------------
25
42
 
26
43
  h1, h2, h3, h4, h5, h6 {
27
- margin: 0;
44
+ margin: ($baseLineHeight / 2) 0;
28
45
  font-family: $headingsFontFamily;
29
46
  font-weight: $headingsFontWeight;
47
+ line-height: 1;
30
48
  color: $headingsColor;
31
49
  text-rendering: optimizelegibility; // Fix the character spacing for headings
32
50
  small {
33
51
  font-weight: normal;
52
+ line-height: 1;
34
53
  color: $grayLight;
35
54
  }
36
55
  }
37
- h1 {
38
- font-size: 30px;
39
- line-height: $baseLineHeight * 2;
40
- small {
41
- font-size: 18px;
42
- }
43
- }
44
- h2 {
45
- font-size: 24px;
46
- line-height: $baseLineHeight * 2;
47
- small {
48
- font-size: 18px;
49
- }
50
- }
51
- h3 {
52
- font-size: 18px;
53
- line-height: $baseLineHeight * 1.5;
54
- small {
55
- font-size: 14px;
56
- }
57
- }
58
- h4, h5, h6 {
59
- line-height: $baseLineHeight;
60
- }
61
- h4 {
62
- font-size: 14px;
63
- small {
64
- font-size: 12px;
65
- }
66
- }
67
- h5 {
68
- font-size: 12px;
69
- }
70
- h6 {
71
- font-size: 11px;
72
- color: $grayLight;
73
- text-transform: uppercase;
74
- }
56
+ h1 { font-size: 36px; line-height: 40px; }
57
+ h2 { font-size: 30px; line-height: 40px; }
58
+ h3 { font-size: 24px; line-height: 40px; }
59
+ h4 { font-size: 18px; line-height: 20px; }
60
+ h5 { font-size: 14px; line-height: 20px; }
61
+ h6 { font-size: 12px; line-height: 20px; }
62
+
63
+ h1 small { font-size: 24px; }
64
+ h2 small { font-size: 18px; }
65
+ h3 small { font-size: 14px; }
66
+ h4 small { font-size: 14px; }
67
+
75
68
 
76
69
  // Page header
70
+ // -------------------------
71
+
77
72
  .page-header {
78
- padding-bottom: $baseLineHeight - 1;
79
- margin: $baseLineHeight 0;
73
+ padding-bottom: ($baseLineHeight / 2) - 1;
74
+ margin: $baseLineHeight 0 ($baseLineHeight * 1.5);
80
75
  border-bottom: 1px solid $grayLighter;
81
76
  }
82
- .page-header h1 {
83
- line-height: 1;
84
- }
85
77
 
86
78
 
87
79
 
88
- // LISTS
89
- // -----
80
+ // Lists
81
+ // --------------------------------------------------
90
82
 
91
83
  // Unordered and Ordered lists
92
84
  ul, ol {
93
85
  padding: 0;
94
86
  margin: 0 0 $baseLineHeight / 2 25px;
95
87
  }
96
- ul ul, ul ol, ol ol, ol ul {
88
+ ul ul,
89
+ ul ol,
90
+ ol ol,
91
+ ol ul {
97
92
  margin-bottom: 0;
98
93
  }
99
- ul {
100
- list-style: disc;
101
- }
102
- ol {
103
- list-style: decimal;
104
- }
105
94
  li {
106
95
  line-height: $baseLineHeight;
107
96
  }
108
- ul.unstyled, ol.unstyled {
97
+ ul.unstyled,
98
+ ol.unstyled {
109
99
  margin-left: 0;
110
100
  list-style: none;
111
101
  }
@@ -114,12 +104,12 @@ ul.unstyled, ol.unstyled {
114
104
  dl {
115
105
  margin-bottom: $baseLineHeight;
116
106
  }
117
- dt, dd {
107
+ dt,
108
+ dd {
118
109
  line-height: $baseLineHeight;
119
110
  }
120
111
  dt {
121
112
  font-weight: bold;
122
- line-height: $baseLineHeight - 1; // fix jank Helvetica Neue font bug
123
113
  }
124
114
  dd {
125
115
  margin-left: $baseLineHeight / 2;
@@ -149,23 +139,11 @@ hr {
149
139
  border-bottom: 1px solid $white;
150
140
  }
151
141
 
152
- // Emphasis
153
- strong {
154
- font-weight: bold;
155
- }
156
- em {
157
- font-style: italic;
158
- }
159
- .muted {
160
- color: $grayLight;
161
- }
162
-
163
142
  // Abbreviations and acronyms
164
143
  abbr[title] {
165
144
  cursor: help;
166
145
  border-bottom: 1px dotted $grayLight;
167
146
  }
168
-
169
147
  abbr.initialism {
170
148
  font-size: 90%;
171
149
  text-transform: uppercase;
@@ -196,14 +174,26 @@ blockquote {
196
174
  padding-left: 0;
197
175
  border-right: 5px solid $grayLighter;
198
176
  border-left: 0;
199
- p, small {
177
+ p,
178
+ small {
200
179
  text-align: right;
201
180
  }
181
+ small {
182
+ &:before {
183
+ content: '';
184
+ }
185
+ &:after {
186
+ content: '\00A0 \2014';
187
+ }
188
+ }
202
189
  }
203
190
  }
204
191
 
205
192
  // Quotes
206
- q:before, q:after, blockquote:before, blockquote:after {
193
+ q:before,
194
+ q:after,
195
+ blockquote:before,
196
+ blockquote:after {
207
197
  content: "";
208
198
  }
209
199
 
@@ -213,12 +203,4 @@ address {
213
203
  margin-bottom: $baseLineHeight;
214
204
  font-style: normal;
215
205
  line-height: $baseLineHeight;
216
- }
217
-
218
- // Misc
219
- small {
220
- font-size: 100%;
221
- }
222
- cite {
223
- font-style: normal;
224
206
  }
@@ -1,5 +1,7 @@
1
- // UTILITY CLASSES
2
- // ---------------
1
+ //
2
+ // Utility classes
3
+ // --------------------------------------------------
4
+
3
5
 
4
6
  // Quick floats
5
7
  .pull-right {
@@ -20,4 +22,9 @@
20
22
  // Visibility
21
23
  .invisible {
22
24
  visibility: hidden;
25
+ }
26
+
27
+ // For Affix plugin
28
+ .affix {
29
+ position: fixed;
23
30
  }
@@ -1,12 +1,12 @@
1
- // Variables.less
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
 
9
+
10
10
  // Grays
11
11
  // -------------------------
12
12
  $black: #000 !default;
@@ -19,7 +19,7 @@ $white: #fff !default;
19
19
 
20
20
 
21
21
  // Accent colors
22
- // ----------------------------
22
+ // -------------------------
23
23
  $blue: #049cdb !default;
24
24
  $blueDark: #0064cd !default;
25
25
  $green: #46a546 !default;
@@ -29,30 +29,33 @@ $orange: #f89406 !default;
29
29
  $pink: #c3325f !default;
30
30
  $purple: #7a43b6 !default;
31
31
 
32
+
32
33
  // Scaffolding
33
34
  // -------------------------
34
35
  $bodyBackground: $white !default;
35
36
  $textColor: $grayDark !default;
36
37
 
38
+
37
39
  // Links
38
40
  // -------------------------
39
41
  $linkColor: #08c !default;
40
42
  $linkColorHover: darken($linkColor, 15%) !default;
41
43
 
44
+
42
45
  // Typography
43
46
  // -------------------------
44
47
  $sansFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
45
48
  $serifFontFamily: Georgia, "Times New Roman", Times, serif !default;
46
- $monoFontFamily: Menlo, Monaco, Consolas, "Courier New", monospace !default;
49
+ $monoFontFamily: Monaco, Menlo, Consolas, "Courier New", monospace !default;
47
50
 
48
- $baseFontSize: 13px !default;
51
+ $baseFontSize: 14px !default;
49
52
  $baseFontFamily: $sansFontFamily !default;
50
- $baseLineHeight: 18px !default;
53
+ $baseLineHeight: 20px !default;
51
54
  $altFontFamily: $serifFontFamily !default;
52
55
 
53
- $headingsFontFamily: inherit !default; // empty to use BS default, @baseFontFamily
56
+ $headingsFontFamily: inherit !default; // empty to use BS default, $baseFontFamily
54
57
  $headingsFontWeight: bold !default; // instead of browser default, bold
55
- $headingsColor: inherit !default; // empty to use BS default, @textColor
58
+ $headingsColor: inherit !default; // empty to use BS default, $textColor
56
59
 
57
60
 
58
61
  // Tables
@@ -62,14 +65,15 @@ $tableBackgroundAccent: #f9f9f9 !default; // for striping
62
65
  $tableBackgroundHover: #f5f5f5 !default; // for hover
63
66
  $tableBorder: #ddd !default; // table and cell border
64
67
 
68
+
65
69
  // Buttons
66
70
  // -------------------------
67
71
  $btnBackground: $white !default;
68
72
  $btnBackgroundHighlight: darken($white, 10%) !default;
69
- $btnBorder: #ccc !default;
73
+ $btnBorder: #bbb !default;
70
74
 
71
75
  $btnPrimaryBackground: $linkColor !default;
72
- $btnPrimaryBackgroundHighlight: adjust-hue($btnPrimaryBackground, 15%) !default;
76
+ $btnPrimaryBackgroundHighlight: adjust-hue($btnPrimaryBackground, 20%) !default;
73
77
 
74
78
  $btnInfoBackground: #5bc0de !default;
75
79
  $btnInfoBackgroundHighlight: #2f96b4 !default;
@@ -83,9 +87,10 @@ $btnWarningBackgroundHighlight: $orange !default;
83
87
  $btnDangerBackground: #ee5f5b !default;
84
88
  $btnDangerBackgroundHighlight: #bd362f !default;
85
89
 
86
- $btnInverseBackground: $gray !default;
90
+ $btnInverseBackground: #444 !default;
87
91
  $btnInverseBackgroundHighlight: $grayDarker !default;
88
92
 
93
+
89
94
  // Forms
90
95
  // -------------------------
91
96
  $inputBackground: $white !default;
@@ -94,17 +99,21 @@ $inputBorderRadius: 3px !default;
94
99
  $inputDisabledBackground: $grayLighter !default;
95
100
  $formActionsBackground: #f5f5f5 !default;
96
101
 
97
-
98
102
  // Dropdowns
99
103
  // -------------------------
100
104
  $dropdownBackground: $white !default;
101
105
  $dropdownBorder: rgba(0,0,0,.2) !default;
106
+ $dropdownDividerTop: #e5e5e5 !default;
107
+ $dropdownDividerBottom: $white !default;
108
+
102
109
  $dropdownLinkColor: $grayDark !default;
110
+
111
+ $dropdownLinkColorActive: $dropdownLinkColor !default;
112
+ $dropdownLinkBackgroundActive: $linkColor !default;
113
+
103
114
  $dropdownLinkColorHover: $white !default;
104
- $dropdownLinkBackgroundHover: $linkColor !default;
115
+ $dropdownLinkBackgroundHover: $dropdownLinkBackgroundActive !default;
105
116
 
106
- $dropdownDividerTop: #e5e5e5 !default;
107
- $dropdownDividerBottom: $white !default;
108
117
 
109
118
 
110
119
  // COMPONENT VARIABLES
@@ -116,7 +125,7 @@ $dropdownDividerBottom: $white !default;
116
125
  // Try to avoid customizing these :)
117
126
  $zindexDropdown: 1000 !default;
118
127
  $zindexPopover: 1010 !default;
119
- $zindexTooltip: 1020 !default;
128
+ $zindexTooltip: 1030 !default;
120
129
  $zindexFixedNavbar: 1030 !default;
121
130
  $zindexModalBackdrop: 1040 !default;
122
131
  $zindexModal: 1050 !default;
@@ -138,25 +147,55 @@ $placeholderText: $grayLight !default;
138
147
  $hrBorder: $grayLighter !default;
139
148
 
140
149
 
150
+ // Wells
151
+ // -------------------------
152
+ $wellBackground: #f5f5f5 !default;
153
+
154
+
141
155
  // Navbar
142
156
  // -------------------------
143
- $navbarHeight: 40px !default;
144
- $navbarBackground: $grayDarker !default;
145
- $navbarBackgroundHighlight: $grayDark !default;
157
+ $navbarCollapseWidth: 979px !default;
146
158
 
147
- $navbarText: $grayLight !default;
148
- $navbarLinkColor: $grayLight !default;
149
- $navbarLinkColorHover: $white !default;
150
- $navbarLinkColorActive: $navbarLinkColorHover !default;
159
+ $navbarHeight: 40px !default;
160
+ $navbarBackgroundHighlight: #ffffff !default;
161
+ $navbarBackground: darken($navbarBackgroundHighlight, 5%) !default;
162
+ $navbarBorder: darken($navbarBackground, 12%) !default;
163
+
164
+ $navbarText: $gray !default;
165
+ $navbarLinkColor: $gray !default;
166
+ $navbarLinkColorHover: $grayDark !default;
167
+ $navbarLinkColorActive: $gray !default;
151
168
  $navbarLinkBackgroundHover: transparent !default;
152
- $navbarLinkBackgroundActive: $navbarBackground !default;
169
+ $navbarLinkBackgroundActive: darken($navbarBackground, 5%) !default;
153
170
 
154
- $navbarSearchBackground: lighten($navbarBackground, 25%) !default;
155
- $navbarSearchBackgroundFocus: $white !default;
156
- $navbarSearchBorder: darken($navbarSearchBackground, 30%) !default;
157
- $navbarSearchPlaceholderColor: #ccc !default;
158
171
  $navbarBrandColor: $navbarLinkColor !default;
159
172
 
173
+ // Inverted navbar
174
+ $navbarInverseBackground: #111111 !default;
175
+ $navbarInverseBackgroundHighlight: #222222 !default;
176
+ $navbarInverseBorder: #252525 !default;
177
+
178
+ $navbarInverseText: $grayLight !default;
179
+ $navbarInverseLinkColor: $grayLight !default;
180
+ $navbarInverseLinkColorHover: $white !default;
181
+ $navbarInverseLinkColorActive: $navbarInverseLinkColorHover !default;
182
+ $navbarInverseLinkBackgroundHover: transparent !default;
183
+ $navbarInverseLinkBackgroundActive: $navbarInverseBackground !default;
184
+
185
+ $navbarInverseSearchBackground: lighten($navbarInverseBackground, 25%) !default;
186
+ $navbarInverseSearchBackgroundFocus: $white !default;
187
+ $navbarInverseSearchBorder: $navbarInverseBackground !default;
188
+ $navbarInverseSearchPlaceholderColor: #ccc !default;
189
+
190
+ $navbarInverseBrandColor: $navbarInverseLinkColor !default;
191
+
192
+
193
+ // Pagination
194
+ // -------------------------
195
+ $paginationBackground: #fff !default;
196
+ $paginationBorder: #ddd !default;
197
+ $paginationActiveBackground: #f5f5f5 !default;
198
+
160
199
 
161
200
  // Hero unit
162
201
  // -------------------------
@@ -184,54 +223,55 @@ $infoBackground: #d9edf7 !default;
184
223
  $infoBorder: darken(adjust-hue($infoBackground, -10), 7%) !default;
185
224
 
186
225
 
187
- // FIXED GRID
188
- // --------------------------------------------------
189
-
190
- // Default, 940px
226
+ // Tooltips and popovers
191
227
  // -------------------------
192
- $gridColumns: 12 !default;
193
- $gridColumnWidth: 60px !default;
194
- $gridGutterWidth: 20px !default;
195
- $gridRowWidth: ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1)) !default;
228
+ $tooltipColor: #fff !default;
229
+ $tooltipBackground: #000 !default;
230
+ $tooltipArrowWidth: 5px !default;
231
+ $tooltipArrowColor: $tooltipBackground !default;
196
232
 
197
- // Portrait tablet to default desktop
198
- // -------------------------
199
- $gridColumnWidthTablet: 42px !default;
200
- $gridGutterWidthTablet: 20px !default;
233
+ $popoverBackground: #fff !default;
234
+ $popoverArrowWidth: 10px !default;
235
+ $popoverArrowColor: #fff !default;
236
+ $popoverTitleBackground: darken($popoverBackground, 3%) !default;
201
237
 
202
- // Large desktop and up
203
- // -------------------------
204
- $gridColumnWidthLarge: 70px !default;
205
- $gridGutterWidthLarge: 30px !default;
238
+ // Special enhancement for popovers
239
+ $popoverArrowOuterWidth: $popoverArrowWidth + 1 !default;
240
+ $popoverArrowOuterColor: rgba(0,0,0,.25) !default;
206
241
 
207
242
 
208
- // FLUID GRID
209
- // --------------------------------------------------
210
243
 
211
- // Default
212
- // -------------------------
213
- $fluidGridColumnWidth: 6.382978723% !default;
214
- $fluidGridGutterWidth: 2.127659574% !default;
244
+ // GRID
245
+ // --------------------------------------------------
215
246
 
216
- // Portrait tablet to default desktop
217
- // -------------------------
218
- $fluidGridColumnWidthTablet: 5.801104972% !default;
219
- $fluidGridGutterWidthTablet: 2.762430939% !default;
220
247
 
221
- // Large desktop and up
248
+ // Default 940px grid
222
249
  // -------------------------
223
- $fluidGridColumnWidthLarge: 5.982905983% !default;
224
- $fluidGridGutterWidthLarge: 2.564102564% !default;
250
+ $gridColumns: 12 !default;
251
+ $gridColumnWidth: 60px !default;
252
+ $gridGutterWidth: 20px !default;
253
+ $gridRowWidth: ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1)) !default;
225
254
 
255
+ // 1200px min
256
+ $gridColumnWidth1200: 70px !default;
257
+ $gridGutterWidth1200: 30px !default;
258
+ $gridRowWidth1200: ($gridColumns * $gridColumnWidth1200) + ($gridGutterWidth1200 * ($gridColumns - 1)) !default;
226
259
 
260
+ // 768px-979px
261
+ $gridColumnWidth768: 42px !default;
262
+ $gridGutterWidth768: 20px !default;
263
+ $gridRowWidth768: ($gridColumns * $gridColumnWidth768) + ($gridGutterWidth768 * ($gridColumns - 1)) !default;
227
264
 
228
- // RESPONSIVE DESIGN
229
- // --------------------------------------------------
230
265
 
231
- // Media widths
266
+ // Fluid grid
232
267
  // -------------------------
233
- // Not supported Sass < 3.2 :(
234
- // $mediaPhone: 480px !default;
235
- // $mediaTablet: 768px !default;
236
- // $mediaDesktop: 980px !default;
237
- // $mediaLarge: 1200px !default; // and upper
268
+ $fluidGridColumnWidth: percentage($gridColumnWidth/$gridRowWidth) !default;
269
+ $fluidGridGutterWidth: percentage($gridGutterWidth/$gridRowWidth) !default;
270
+
271
+ // 1200px min
272
+ $fluidGridColumnWidth1200: percentage($gridColumnWidth1200/$gridRowWidth1200) !default;
273
+ $fluidGridGutterWidth1200: percentage($gridGutterWidth1200/$gridRowWidth1200) !default;
274
+
275
+ // 768px-979px
276
+ $fluidGridColumnWidth768: percentage($gridColumnWidth768/$gridRowWidth768) !default;
277
+ $fluidGridGutterWidth768: percentage($gridGutterWidth768/$gridRowWidth768) !default;