bootplus-rails 0.0.1 → 0.0.1.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (79) hide show
  1. data/lib/bootplus/rails/version.rb +1 -1
  2. data/vendor/assets/javascripts/bootstrap-affix.js +117 -0
  3. data/vendor/assets/javascripts/bootstrap-alert.js +99 -0
  4. data/vendor/assets/javascripts/bootstrap-button.js +105 -0
  5. data/vendor/assets/javascripts/bootstrap-carousel.js +207 -0
  6. data/vendor/assets/javascripts/bootstrap-collapse.js +167 -0
  7. data/vendor/assets/javascripts/bootstrap-dropdown.js +169 -0
  8. data/vendor/assets/javascripts/bootstrap-modal.js +247 -0
  9. data/vendor/assets/javascripts/bootstrap-popover.js +114 -0
  10. data/vendor/assets/javascripts/bootstrap-scrollspy.js +162 -0
  11. data/vendor/assets/javascripts/bootstrap-tab.js +144 -0
  12. data/vendor/assets/javascripts/bootstrap-tooltip.js +361 -0
  13. data/vendor/assets/javascripts/bootstrap-transition.js +60 -0
  14. data/vendor/assets/javascripts/bootstrap-typeahead.js +335 -0
  15. data/vendor/assets/stylesheets/accordion.less +34 -0
  16. data/vendor/assets/stylesheets/alerts.less +79 -0
  17. data/vendor/assets/stylesheets/bootplus/accordion.less +24 -0
  18. data/vendor/assets/stylesheets/bootplus/alerts.less +13 -0
  19. data/vendor/assets/stylesheets/bootplus/bootplus.less +92 -0
  20. data/vendor/assets/stylesheets/bootplus/button-groups.less +23 -0
  21. data/vendor/assets/stylesheets/bootplus/buttons.less +272 -0
  22. data/vendor/assets/stylesheets/bootplus/cards.less +243 -0
  23. data/vendor/assets/stylesheets/bootplus/dropdowns.less +124 -0
  24. data/vendor/assets/stylesheets/bootplus/forms.less +119 -0
  25. data/vendor/assets/stylesheets/bootplus/hero-unit.less +9 -0
  26. data/vendor/assets/stylesheets/bootplus/icons.less +22 -0
  27. data/vendor/assets/stylesheets/bootplus/labels-badges.less +22 -0
  28. data/vendor/assets/stylesheets/bootplus/media.less +19 -0
  29. data/vendor/assets/stylesheets/bootplus/mixins.less +12 -0
  30. data/vendor/assets/stylesheets/bootplus/modals.less +59 -0
  31. data/vendor/assets/stylesheets/bootplus/navbar.less +131 -0
  32. data/vendor/assets/stylesheets/bootplus/navs.less +180 -0
  33. data/vendor/assets/stylesheets/bootplus/popovers.less +18 -0
  34. data/vendor/assets/stylesheets/bootplus/progress-bars.less +64 -0
  35. data/vendor/assets/stylesheets/bootplus/responsive-navbar.less +23 -0
  36. data/vendor/assets/stylesheets/bootplus/responsive.less +49 -0
  37. data/vendor/assets/stylesheets/bootplus/tooltip.less +14 -0
  38. data/vendor/assets/stylesheets/bootplus/variables.less +316 -0
  39. data/vendor/assets/stylesheets/bootplus/wells.less +25 -0
  40. data/vendor/assets/stylesheets/bootstrap.less +63 -0
  41. data/vendor/assets/stylesheets/breadcrumbs.less +24 -0
  42. data/vendor/assets/stylesheets/button-groups.less +229 -0
  43. data/vendor/assets/stylesheets/buttons.less +241 -0
  44. data/vendor/assets/stylesheets/carousel.less +158 -0
  45. data/vendor/assets/stylesheets/close.less +32 -0
  46. data/vendor/assets/stylesheets/code.less +61 -0
  47. data/vendor/assets/stylesheets/component-animations.less +22 -0
  48. data/vendor/assets/stylesheets/dropdowns.less +248 -0
  49. data/vendor/assets/stylesheets/forms.less +690 -0
  50. data/vendor/assets/stylesheets/grid.less +21 -0
  51. data/vendor/assets/stylesheets/hero-unit.less +25 -0
  52. data/vendor/assets/stylesheets/labels-badges.less +84 -0
  53. data/vendor/assets/stylesheets/layouts.less +16 -0
  54. data/vendor/assets/stylesheets/media.less +55 -0
  55. data/vendor/assets/stylesheets/mixins.less +702 -0
  56. data/vendor/assets/stylesheets/modals.less +95 -0
  57. data/vendor/assets/stylesheets/navbar.less +497 -0
  58. data/vendor/assets/stylesheets/navs.less +409 -0
  59. data/vendor/assets/stylesheets/pager.less +43 -0
  60. data/vendor/assets/stylesheets/pagination.less +123 -0
  61. data/vendor/assets/stylesheets/popovers.less +133 -0
  62. data/vendor/assets/stylesheets/progress-bars.less +122 -0
  63. data/vendor/assets/stylesheets/reset.less +216 -0
  64. data/vendor/assets/stylesheets/responsive-1200px-min.less +28 -0
  65. data/vendor/assets/stylesheets/responsive-767px-max.less +193 -0
  66. data/vendor/assets/stylesheets/responsive-768px-979px.less +19 -0
  67. data/vendor/assets/stylesheets/responsive-navbar.less +189 -0
  68. data/vendor/assets/stylesheets/responsive-utilities.less +59 -0
  69. data/vendor/assets/stylesheets/responsive.less +48 -0
  70. data/vendor/assets/stylesheets/scaffolding.less +53 -0
  71. data/vendor/assets/stylesheets/sprites.less +197 -0
  72. data/vendor/assets/stylesheets/tables.less +244 -0
  73. data/vendor/assets/stylesheets/thumbnails.less +53 -0
  74. data/vendor/assets/stylesheets/tooltip.less +70 -0
  75. data/vendor/assets/stylesheets/type.less +247 -0
  76. data/vendor/assets/stylesheets/utilities.less +30 -0
  77. data/vendor/assets/stylesheets/variables.less +301 -0
  78. data/vendor/assets/stylesheets/wells.less +29 -0
  79. metadata +78 -1
@@ -0,0 +1,180 @@
1
+ //
2
+ // Navs
3
+ // --------------------------------------------------
4
+
5
+ // NAV LIST
6
+ // --------
7
+ .nav-list {
8
+ background-color: @grayLighter;
9
+ border: 1px solid @navlistBorder;
10
+ border-bottom: 1px solid @navlistBorderBottom;
11
+ border-bottom-width: 2px;
12
+ border-top-width: 0;
13
+ .border-radius(@borderRadiusSmall);
14
+ }
15
+
16
+ .nav-list > li {
17
+ background-color: @white;
18
+ }
19
+
20
+
21
+ .nav-list > li > a,
22
+ .nav-list .nav-header {
23
+ padding: 9px 18px;
24
+ margin-top: 1px;
25
+ border-left: 2px solid transparent;
26
+ .transition(border .218s);
27
+ background-color: @white;
28
+ font-size: 14px;
29
+ line-height: 1.4;
30
+ color: @navbarLinkColor;
31
+ text-shadow: none;
32
+ text-overflow: ellipsis;
33
+ overflow: hidden;
34
+ }
35
+
36
+ .nav-list .nav-header {
37
+ color: @linkColor;
38
+ }
39
+
40
+ .nav li + .nav-header {
41
+ margin-top: 1px;
42
+ }
43
+
44
+ .nav-list > li > a:hover, .nav-list > li > a:focus,
45
+ .nav-list > .active > a,
46
+ .nav-list > .active > a:hover,
47
+ .nav-list > .active > a:focus {
48
+ border-color: @navbarBorder;
49
+ color: @navbarLinkColorHover;
50
+ text-shadow: none;
51
+ background-color: @grayLighter;
52
+ }
53
+
54
+
55
+ /* just ignore divider, default nav-list has always dividers between items */
56
+ .nav-list .divider {
57
+ display: none;
58
+ }
59
+
60
+
61
+
62
+ .nav-tabs .dropdown-toggle .caret,
63
+ .navbar .nav li.dropdown > .dropdown-toggle .caret {
64
+ margin-top: 0;
65
+ }
66
+
67
+ .navbar .nav li.dropdown.open > .dropdown-toggle,
68
+ .navbar .nav li.dropdown.active > .dropdown-toggle,
69
+ .navbar .nav li.dropdown.open.active > .dropdown-toggle {
70
+ color: @graySemiLight;
71
+ }
72
+
73
+
74
+
75
+ // TABS
76
+ // ----
77
+ .nav-tabs > li > a {
78
+ .border-radius(2px 2px 0 0);
79
+ }
80
+
81
+ // Active state, and it's :hover/:focus to override normal :hover/:focus
82
+ .nav-tabs > .active > a,
83
+ .nav-tabs > .active > a:hover,
84
+ .nav-tabs > .active > a:focus {
85
+ color: @navbarLinkColorHover;
86
+ background-color: @white;
87
+ }
88
+
89
+
90
+ // PILLS
91
+ // -----
92
+ .nav-pills > li > a {
93
+ border-bottom: 2px solid transparent;
94
+ color: @navbarLinkColor;
95
+ white-space: nowrap;
96
+ .border-radius(0);
97
+ background-color: transparent;
98
+ }
99
+
100
+ // Active state
101
+ .nav-pills > .active > a,
102
+ .nav-pills > .active > a:hover,
103
+ .nav-pills > .active > a:focus {
104
+ border-color: @navbarBorder;
105
+ color: @navbarLinkColorHover;
106
+ font-weight: bold;
107
+ text-decoration: none;
108
+ .box-shadow(none);
109
+ .transition(border-color 0.218s ease 0s);
110
+ background-color: transparent;
111
+ }
112
+
113
+
114
+ .nav.nav-pills > li > a:hover, .nav.nav-pills > li > a:focus {
115
+ background-color: transparent;
116
+ border-color: @navbarBorder;
117
+ }
118
+
119
+ .nav.nav-pills > .disabled > a {
120
+ border-color: transparent;
121
+ }
122
+
123
+
124
+ // STACKED NAV
125
+ // -----------
126
+
127
+ .nav-pills.nav-stacked > .active > a,
128
+ .nav-pills.nav-stacked > .active > a:hover,
129
+ .nav-pills.nav-stacked > .active > a:focus {
130
+ border-color: transparent;
131
+ background-color: @navbarBorder;
132
+ color: @navbarLinkColorActive;
133
+ }
134
+
135
+ .nav-pills.nav-stacked > li > a:hover, .nav-pills.nav-stacked > li > a:focus {
136
+ background-color: @grayLighter;
137
+ border-color: transparent;
138
+ }
139
+
140
+
141
+ // DROPDOWNS
142
+ // ---------
143
+ .nav-tabs .dropdown-menu {
144
+ .border-radius(0 0 3px 3px); // remove the top rounded corners here since there is a hard edge above the menu
145
+ }
146
+ .nav-pills .dropdown-menu {
147
+ .border-radius(3px); // make rounded corners match the pills
148
+ }
149
+
150
+ // Open dropdowns
151
+ // -------------------------
152
+ .nav-tabs .open .dropdown-toggle,
153
+ .nav-pills .open .dropdown-toggle,
154
+ .nav > li.dropdown.open.active > a:hover,
155
+ .nav > li.dropdown.open.active > a:focus {
156
+ color: @navbarText;
157
+ background-color: transparent;
158
+ border-color: transparent;
159
+ }
160
+
161
+
162
+ .nav .dropdown-toggle .caret {
163
+ margin-top: 0;
164
+ }
165
+
166
+
167
+
168
+
169
+ // TABBABLE
170
+ // --------
171
+ .tabs-below > .nav-tabs > li > a {
172
+ .border-radius(0 0 2px 2px);
173
+ }
174
+ .tabs-left > .nav-tabs > li > a {
175
+ .border-radius(2px 0 0 2px);
176
+ }
177
+ .tabs-right > .nav-tabs > li > a {
178
+ .border-radius(0 2px 2px 0);
179
+ }
180
+
@@ -0,0 +1,18 @@
1
+ //
2
+ // Popovers
3
+ // --------------------------------------------------
4
+
5
+ .popover {
6
+ .border-radius(@borderRadiusSmall);
7
+ .box-shadow(0 2px 8px rgba(0,0,0,0.2));
8
+ }
9
+
10
+ .popover-title {
11
+ border: 0;
12
+ .border-radius(@borderRadiusSmall);
13
+ color: #262626;
14
+ }
15
+
16
+ .popover-content {
17
+ color: @graySemiLight;
18
+ }
@@ -0,0 +1,64 @@
1
+ //
2
+ // Progress bars
3
+ // --------------------------------------------------
4
+
5
+ .progress {
6
+ height: 10px;
7
+ padding: 1px;
8
+ border: 1px solid @grayLight;
9
+ .no-background;
10
+ .box-shadow(none);
11
+ .border-radius(0);
12
+ }
13
+
14
+
15
+ .progress .bar {
16
+ .no-background;
17
+ .box-shadow(none);
18
+ background-color: #6188F5;
19
+ }
20
+
21
+
22
+ .progress-striped .bar {
23
+ #gradient > .striped(#6188F5);
24
+ .background-size(40px 40px);
25
+ }
26
+
27
+ .progress .bar + .bar {
28
+ .box-shadow(none);
29
+ }
30
+
31
+ // COLORS
32
+ // ------
33
+
34
+ // Danger (red)
35
+ .progress-danger .bar, .progress .bar-danger {
36
+ background-color: #c13e2c;
37
+ }
38
+ .progress-danger.progress-striped .bar, .progress-striped .bar-danger {
39
+ #gradient > .striped(#ee5f5b);
40
+ }
41
+
42
+ // Success (green)
43
+ .progress-success .bar, .progress .bar-success {
44
+ background-color: #2f973f;
45
+ }
46
+ .progress-success.progress-striped .bar, .progress-striped .bar-success {
47
+ #gradient > .striped(#2f973f);
48
+ }
49
+
50
+ // Info (teal)
51
+ .progress-info .bar, .progress .bar-info {
52
+ background-color: #53bddc;
53
+ }
54
+ .progress-info.progress-striped .bar, .progress-striped .bar-info {
55
+ #gradient > .striped(#53bddc);
56
+ }
57
+
58
+ // Warning (orange)
59
+ .progress-warning .bar, .progress .bar-warning {
60
+ background-color: lighten(@orange, 15%);
61
+ }
62
+ .progress-warning.progress-striped .bar, .progress-striped .bar-warning {
63
+ #gradient > .striped(lighten(@orange, 15%));
64
+ }
@@ -0,0 +1,23 @@
1
+ //
2
+ // Responsive: Navbar
3
+ // --------------------------------------------------
4
+
5
+ @media (max-width: @navbarCollapseWidth) {
6
+
7
+ // Nav and dropdown links in navbar
8
+ .nav-collapse .nav > li > a,
9
+ .nav-collapse .dropdown-menu a {
10
+ border: 0;
11
+ border-left: 2px solid transparent;
12
+ .border-radius(0);
13
+ }
14
+
15
+ .nav-collapse .nav > li > a:hover,
16
+ .nav-collapse .nav > li > a:focus,
17
+ .nav-collapse .dropdown-menu a:hover,
18
+ .nav-collapse .dropdown-menu a:focus {
19
+ border-color: @navbarBorder;
20
+ }
21
+
22
+
23
+ }
@@ -0,0 +1,49 @@
1
+ /*!
2
+ * Bootplus Responsive v1.0.3
3
+ *
4
+ * Copyright 2013 Marcello Palmitessa
5
+ * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0) or the GPL v2.0 (http://www.gnu.org/licenses/gpl-2.0.html)
6
+ *
7
+ * based on Twitter Bootstrap v2.3.2
8
+ */
9
+
10
+
11
+ // Responsive.less
12
+ // For phone and tablet devices
13
+ // -------------------------------------------------------------
14
+
15
+
16
+ // REPEAT VARIABLES & MIXINS
17
+ // -------------------------
18
+ // Required since we compile the responsive stuff separately
19
+
20
+ @import "variables.less"; // Modify this for custom colors, font-sizes, etc
21
+ @import "../mixins.less";
22
+ @import "mixins.less";
23
+
24
+
25
+ // RESPONSIVE CLASSES
26
+ // ------------------
27
+
28
+ @import "../responsive-utilities.less";
29
+
30
+
31
+ // MEDIA QUERIES
32
+ // ------------------
33
+
34
+ // Large desktops
35
+ @import "../responsive-1200px-min.less";
36
+
37
+ // Tablets to regular desktops
38
+ @import "../responsive-768px-979px.less";
39
+
40
+ // Phones to portrait tablets and narrow desktops
41
+ @import "../responsive-767px-max.less";
42
+
43
+
44
+ // RESPONSIVE NAVBAR
45
+ // ------------------
46
+
47
+ // From 979px and below, show a button to toggle navbar contents
48
+ @import "../responsive-navbar.less";
49
+ @import "responsive-navbar.less";
@@ -0,0 +1,14 @@
1
+ //
2
+ // Tooltips
3
+ // --------------------------------------------------
4
+
5
+ .tooltip {
6
+ border: 1px solid @white;
7
+ font-weight: bold;
8
+ }
9
+
10
+
11
+ // Wrapper for the tooltip content
12
+ .tooltip-inner {
13
+ .border-radius(0);
14
+ }
@@ -0,0 +1,316 @@
1
+ //
2
+ // Variables
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Global values
7
+ // --------------------------------------------------
8
+
9
+
10
+ // Grays
11
+ // -------------------------
12
+ @black: #000;
13
+ @grayDarker: #222;
14
+ @grayDarken: #333;
15
+ @grayDark: #444;
16
+ @gray: #333;
17
+ @graySemiLight: #737373;
18
+ @grayLight: #999;
19
+ @grayLighter: #f5f5f5;
20
+ @white: #fff;
21
+ @whiteSmoke: #E5E5E5;
22
+ @whiteSmokeLighter: #f1f1f1;
23
+
24
+ // Accent colors
25
+ // -------------------------
26
+ @blue: #049cdb;
27
+ @blueDark: #0064cd;
28
+ @green: #46a546;
29
+ @red: #9d261d;
30
+ @yellow: #ffc40d;
31
+ @orange: #f89406;
32
+ @pink: #c3325f;
33
+ @purple: #7a43b6;
34
+
35
+
36
+ // Scaffolding
37
+ // -------------------------
38
+ @bodyBackground: @whiteSmoke;
39
+ @textColor: @grayDark;
40
+
41
+
42
+ // Links
43
+ // -------------------------
44
+ @linkColor: #4d90fe;
45
+ @linkColorHover: darken(@linkColor, 15%);
46
+
47
+
48
+ // Typography
49
+ // -------------------------
50
+ @sansFontFamily: Roboto,arial,sans-serif;
51
+ @serifFontFamily: Georgia, "Times New Roman", Times, serif;
52
+ @monoFontFamily: Monaco, Menlo, Consolas, "Courier New", monospace;
53
+
54
+ @baseFontSize: 13px;
55
+ @baseFontFamily: @sansFontFamily;
56
+ @baseLineHeight: 20px;
57
+ @altFontFamily: @serifFontFamily;
58
+
59
+ @headingsFontFamily: inherit; // empty to use BS default, @baseFontFamily
60
+ @headingsFontWeight: 300; // instead of browser default, bold
61
+ @headingsColor: inherit; // empty to use BS default, @textColor
62
+
63
+
64
+ // Component sizing
65
+ // -------------------------
66
+ // Based on 14px font-size and 20px line-height
67
+
68
+ @fontSizeLarge: @baseFontSize * 1.25; // ~18px
69
+ @fontSizeSmall: @baseFontSize * 0.85; // ~12px
70
+ @fontSizeMini: @baseFontSize * 0.75; // ~11px
71
+
72
+ @paddingLarge: 11px 19px; // 44px
73
+ @paddingSmall: 2px 10px; // 26px
74
+ @paddingMini: 0 4px; // 22px
75
+
76
+ @baseBorderRadius: 2px;
77
+ @borderRadiusLarge: 2px;
78
+ @borderRadiusSmall: 3px;
79
+
80
+
81
+ // Tables
82
+ // -------------------------
83
+ @tableBackground: transparent; // overall background-color
84
+ @tableBackgroundAccent: #f9f9f9; // for striping
85
+ @tableBackgroundHover: #ffffd6; // for hover
86
+ @tableBorder: @whiteSmoke; // table and cell border
87
+
88
+ // Buttons
89
+ // -------------------------
90
+ @btnBackground: @white;
91
+ @btnBackgroundHighlight: @whiteSmokeLighter;
92
+ @btnBorder: rgba(0, 0, 0, 0.1); // #dcdcdc;
93
+
94
+ @btnPrimaryBackground: #4D90FE;
95
+ @btnPrimaryBackgroundHighlight: #357AE8;
96
+
97
+ @btnInfoBackground: #5bc0de;
98
+ @btnInfoBackgroundHighlight: #57b6db;
99
+
100
+ @btnSuccessBackground: #53a93f;
101
+ @btnSuccessBackgroundHighlight: #65b045;
102
+
103
+ @btnWarningBackground: #fbb450;
104
+ @btnWarningBackgroundHighlight: #f5ab3f;
105
+
106
+ @btnDangerBackground: #dd4b39;
107
+ @btnDangerBackgroundHighlight: #d14836;
108
+
109
+ @btnInverseBackground: #555;
110
+ @btnInverseBackgroundHighlight: #514b52;
111
+
112
+
113
+ // Forms
114
+ // -------------------------
115
+ @inputBackground: @white;
116
+ @inputBorder: #d9d9d9;
117
+ @inputBorderRadius: 1px;
118
+ @inputDisabledBackground: @grayLighter;
119
+ @formActionsBackground: @white;
120
+ @inputHeight: @baseLineHeight + 10px; // base line-height + 8px vertical padding + 2px top/bottom border
121
+
122
+
123
+ // Dropdowns
124
+ // -------------------------
125
+ @dropdownBackground: @white;
126
+ @dropdownBorder: rgba(0,0,0,.2);
127
+ @dropdownDividerTop: @whiteSmoke;
128
+ @dropdownDividerBottom: @white;
129
+
130
+ @dropdownLinkColor: @grayDark;
131
+ @dropdownLinkColorHover: @grayDark;
132
+ @dropdownLinkColorActive: @black;
133
+
134
+ @dropdownLinkBackgroundActive: @grayLighter;
135
+ @dropdownLinkBackgroundHover: @dropdownLinkBackgroundActive;
136
+
137
+
138
+
139
+ // COMPONENT VARIABLES
140
+ // --------------------------------------------------
141
+
142
+
143
+ // Z-index master list
144
+ // -------------------------
145
+ // Used for a bird's eye view of components dependent on the z-axis
146
+ // Try to avoid customizing these :)
147
+ @zindexDropdown: 1000;
148
+ @zindexPopover: 1010;
149
+ @zindexTooltip: 1030;
150
+ @zindexFixedNavbar: 1030;
151
+ @zindexModalBackdrop: 1040;
152
+ @zindexModal: 1050;
153
+
154
+
155
+ // Sprite icons path
156
+ // -------------------------
157
+ //@iconSpritePath: "../img/glyphicons-halflings.png";
158
+ //@iconWhiteSpritePath: "../img/glyphicons-halflings-white.png";
159
+
160
+
161
+ // Input placeholder text color
162
+ // -------------------------
163
+ @placeholderText: @grayLight;
164
+
165
+
166
+ // Hr border color
167
+ // -------------------------
168
+ @hrBorder: @grayLighter;
169
+
170
+
171
+ // Horizontal forms & lists
172
+ // -------------------------
173
+ @horizontalComponentOffset: 180px;
174
+
175
+
176
+ // Wells
177
+ // -------------------------
178
+ @wellBackground: @white;
179
+
180
+
181
+ // Navbar
182
+ // -------------------------
183
+ @navbarCollapseWidth: 979px;
184
+ @navbarCollapseDesktopWidth: @navbarCollapseWidth + 1;
185
+
186
+ @navbarHeight: 44px;
187
+ @navbarBackgroundHighlight: #ffffff;
188
+ @navbarBackground: @grayLighter; //darken(@navbarBackgroundHighlight, 5%);
189
+ @navbarBorder: #427fed; //darken(@navbarBackground, 12%);
190
+
191
+ @navbarText: @graySemiLight;
192
+ @navbarLinkColor: @graySemiLight;
193
+ @navbarLinkColorHover: #262626;
194
+ @navbarLinkColorActive: @white;
195
+ @navbarLinkBackgroundHover: transparent;
196
+ @navbarLinkBackgroundActive: transparent;
197
+
198
+ @navbarBrandColor: @navbarLinkColor;
199
+
200
+ // Inverted navbar
201
+ @navbarInverseBackground: @white;
202
+ @navbarInverseBackgroundHighlight: @grayLighter;
203
+ @navbarInverseBorder: @navbarBorder;
204
+
205
+ @navbarInverseText: @grayLight;
206
+ @navbarInverseLinkColor: @grayLight;
207
+ @navbarInverseLinkColorHover: #262626;
208
+ @navbarInverseLinkColorActive: @white;
209
+ @navbarInverseLinkBackgroundHover: transparent;
210
+ @navbarInverseLinkBackgroundActive: transparent;
211
+
212
+ @navbarInverseSearchBackground: @white; //lighten(@navbarInverseBackground, 25%);
213
+ @navbarInverseSearchBackgroundFocus: @white;
214
+ @navbarInverseSearchBorder: @navbarInverseBackground;
215
+ @navbarInverseSearchPlaceholderColor: #ccc;
216
+
217
+ @navbarInverseBrandColor: @navbarInverseLinkColor;
218
+
219
+ // Nav-List
220
+ // -------------------------
221
+ @navlistBorder: #D8D8D8;
222
+ @navlistBorderBottom: #d5d5d5;
223
+
224
+
225
+ // Pagination
226
+ // -------------------------
227
+ @paginationBackground: #fff;
228
+ @paginationBorder: #ddd;
229
+ @paginationActiveBackground: #f5f5f5;
230
+
231
+
232
+ // Hero unit
233
+ // -------------------------
234
+ @heroUnitBackground: @white;
235
+ @heroUnitHeadingColor: inherit;
236
+ @heroUnitLeadColor: inherit;
237
+
238
+
239
+ // Form states and alerts
240
+ // -------------------------
241
+ @warningText: #c09853;
242
+ @warningBackground: #f9edbe;
243
+ @warningBorder: #f0c36d;
244
+
245
+ @errorText: #dd4b39;
246
+ @errorBackground: #dd4b39;
247
+ @errorBorder: darken(spin(@errorBackground, -10), 3%);
248
+
249
+ @successText: #3d9400;
250
+ @successBackground: #3d9400;
251
+ @successBorder: darken(spin(@successBackground, -10), 5%);
252
+
253
+ @infoText: #5bc0de;
254
+ @infoBackground: #5bc0de;
255
+ @infoBorder: darken(spin(@infoBackground, -10), 7%);
256
+
257
+
258
+ // Tooltips and popovers
259
+ // -------------------------
260
+ @tooltipColor: @white;
261
+ @tooltipBackground: @black;
262
+ @tooltipArrowWidth: 5px;
263
+ @tooltipArrowColor: @tooltipBackground;
264
+
265
+ @popoverBackground: @white;
266
+ @popoverArrowWidth: 5px;
267
+ @popoverArrowColor: @white;
268
+ @popoverTitleBackground: @popoverBackground; //darken(@popoverBackground, 3%);
269
+
270
+ // Special enhancement for popovers
271
+ @popoverArrowOuterWidth: @popoverArrowWidth + 1;
272
+ @popoverArrowOuterColor: @white;
273
+
274
+
275
+
276
+ // GRID
277
+ // --------------------------------------------------
278
+
279
+
280
+ // Default 940px grid
281
+ // -------------------------
282
+ @gridColumns: 12;
283
+ @gridColumnWidth: 60px;
284
+ @gridGutterWidth: 20px;
285
+ @gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
286
+
287
+ // 1200px min
288
+ @gridColumnWidth1200: 70px;
289
+ @gridGutterWidth1200: 30px;
290
+ @gridRowWidth1200: (@gridColumns * @gridColumnWidth1200) + (@gridGutterWidth1200 * (@gridColumns - 1));
291
+
292
+ // 768px-979px
293
+ @gridColumnWidth768: 42px;
294
+ @gridGutterWidth768: 20px;
295
+ @gridRowWidth768: (@gridColumns * @gridColumnWidth768) + (@gridGutterWidth768 * (@gridColumns - 1));
296
+
297
+
298
+ // Fluid grid
299
+ // -------------------------
300
+ @fluidGridColumnWidth: percentage(@gridColumnWidth/@gridRowWidth);
301
+ @fluidGridGutterWidth: percentage(@gridGutterWidth/@gridRowWidth);
302
+
303
+ // 1200px min
304
+ @fluidGridColumnWidth1200: percentage(@gridColumnWidth1200/@gridRowWidth1200);
305
+ @fluidGridGutterWidth1200: percentage(@gridGutterWidth1200/@gridRowWidth1200);
306
+
307
+ // 768px-979px
308
+ @fluidGridColumnWidth768: percentage(@gridColumnWidth768/@gridRowWidth768);
309
+ @fluidGridGutterWidth768: percentage(@gridGutterWidth768/@gridRowWidth768);
310
+
311
+
312
+
313
+
314
+ // Cards
315
+ // -------------------------
316
+ @cardFooterBackground: #F8F8F8;