bootstrap3-wip-rails 0.1.2 → 0.1.3

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 (61) hide show
  1. checksums.yaml +4 -4
  2. data/bootstrap3-wip-rails.gemspec +1 -0
  3. data/lib/bootstrap3/wip/rails/version.rb +1 -1
  4. data/vendor/assets/javascripts/bootstrap.js +2280 -0
  5. data/vendor/assets/javascripts/bootstrap.min.js +6 -0
  6. data/vendor/assets/stylesheets/bootstrap.css +5375 -0
  7. data/vendor/assets/stylesheets/bootstrap.min.css +9 -0
  8. metadata +19 -54
  9. data/lib/assets/javascripts/bootstrap.js +0 -14
  10. data/vendor/assets/javascripts/bootstrap-affix.js +0 -117
  11. data/vendor/assets/javascripts/bootstrap-alert.js +0 -99
  12. data/vendor/assets/javascripts/bootstrap-button.js +0 -105
  13. data/vendor/assets/javascripts/bootstrap-carousel.js +0 -207
  14. data/vendor/assets/javascripts/bootstrap-collapse.js +0 -167
  15. data/vendor/assets/javascripts/bootstrap-dropdown.js +0 -165
  16. data/vendor/assets/javascripts/bootstrap-modal.js +0 -251
  17. data/vendor/assets/javascripts/bootstrap-popover.js +0 -114
  18. data/vendor/assets/javascripts/bootstrap-scrollspy.js +0 -162
  19. data/vendor/assets/javascripts/bootstrap-tab.js +0 -144
  20. data/vendor/assets/javascripts/bootstrap-tooltip.js +0 -361
  21. data/vendor/assets/javascripts/bootstrap-transition.js +0 -60
  22. data/vendor/assets/javascripts/bootstrap-typeahead.js +0 -335
  23. data/vendor/assets/stylesheets/accordion.less +0 -34
  24. data/vendor/assets/stylesheets/alerts.less +0 -97
  25. data/vendor/assets/stylesheets/badges.less +0 -58
  26. data/vendor/assets/stylesheets/bootstrap.less +0 -64
  27. data/vendor/assets/stylesheets/breadcrumbs.less +0 -28
  28. data/vendor/assets/stylesheets/button-groups.less +0 -166
  29. data/vendor/assets/stylesheets/buttons.less +0 -175
  30. data/vendor/assets/stylesheets/carousel.less +0 -191
  31. data/vendor/assets/stylesheets/close.less +0 -33
  32. data/vendor/assets/stylesheets/code.less +0 -61
  33. data/vendor/assets/stylesheets/component-animations.less +0 -32
  34. data/vendor/assets/stylesheets/dropdowns.less +0 -223
  35. data/vendor/assets/stylesheets/forms.less +0 -553
  36. data/vendor/assets/stylesheets/glyphicons.less +0 -200
  37. data/vendor/assets/stylesheets/grid.less +0 -57
  38. data/vendor/assets/stylesheets/jumbotron.less +0 -32
  39. data/vendor/assets/stylesheets/labels.less +0 -46
  40. data/vendor/assets/stylesheets/list-group.less +0 -96
  41. data/vendor/assets/stylesheets/media.less +0 -54
  42. data/vendor/assets/stylesheets/mixins.less +0 -551
  43. data/vendor/assets/stylesheets/modals.less +0 -137
  44. data/vendor/assets/stylesheets/navbar.less +0 -389
  45. data/vendor/assets/stylesheets/navs.less +0 -283
  46. data/vendor/assets/stylesheets/normalize.less +0 -396
  47. data/vendor/assets/stylesheets/pager.less +0 -54
  48. data/vendor/assets/stylesheets/pagination.less +0 -100
  49. data/vendor/assets/stylesheets/panels.less +0 -86
  50. data/vendor/assets/stylesheets/popovers.less +0 -133
  51. data/vendor/assets/stylesheets/print.less +0 -74
  52. data/vendor/assets/stylesheets/progress-bars.less +0 -118
  53. data/vendor/assets/stylesheets/responsive-utilities.less +0 -59
  54. data/vendor/assets/stylesheets/scaffolding.less +0 -91
  55. data/vendor/assets/stylesheets/tables.less +0 -241
  56. data/vendor/assets/stylesheets/thumbnails.less +0 -42
  57. data/vendor/assets/stylesheets/tooltip.less +0 -71
  58. data/vendor/assets/stylesheets/type.less +0 -253
  59. data/vendor/assets/stylesheets/utilities.less +0 -42
  60. data/vendor/assets/stylesheets/variables.less +0 -354
  61. data/vendor/assets/stylesheets/wells.less +0 -29
@@ -1,42 +0,0 @@
1
- //
2
- // Thumbnails
3
- // --------------------------------------------------
4
-
5
-
6
- // Base classes
7
- // For thumbnail block-level composite components and simple image styles
8
-
9
- // The actual thumbnailed element
10
- // Can be `a`, `div`, or `img`
11
- .thumbnail,
12
- .img-thumbnail {
13
- padding: 4px;
14
- line-height: @line-height-base;
15
- border: 1px solid #ddd;
16
- border-radius: @border-radius-base;
17
- .transition(all .2s ease-in-out);
18
- }
19
- .thumbnail {
20
- display: block;
21
- }
22
- .img-thumbnail {
23
- display: inline-block;
24
- }
25
-
26
- // Add a hover state for linked versions only
27
- a.thumbnail:hover,
28
- a.thumbnail:focus {
29
- border-color: @link-color;
30
- }
31
-
32
- // Images and captions
33
- .thumbnail > img {
34
- display: block;
35
- max-width: 100%;
36
- margin-left: auto;
37
- margin-right: auto;
38
- }
39
- .thumbnail .caption {
40
- padding: 9px;
41
- color: @gray;
42
- }
@@ -1,71 +0,0 @@
1
- //
2
- // Tooltips
3
- // --------------------------------------------------
4
-
5
-
6
- // Base class
7
- .tooltip {
8
- position: absolute;
9
- z-index: @zindex-tooltip;
10
- display: block;
11
- visibility: visible;
12
- font-size: 11px;
13
- line-height: 1.4;
14
- .opacity(0);
15
-
16
- &.in { .opacity(1); }
17
- &.top { margin-top: -3px; padding: 5px 0; }
18
- &.right { margin-left: 3px; padding: 0 5px; }
19
- &.bottom { margin-top: 3px; padding: 5px 0; }
20
- &.left { margin-left: -3px; padding: 0 5px; }
21
- }
22
-
23
- // Wrapper for the tooltip content
24
- .tooltip-inner {
25
- max-width: 200px;
26
- padding: 3px 8px;
27
- color: @tooltip-color;
28
- text-align: center;
29
- text-decoration: none;
30
- background-color: @tooltip-bg;
31
- border-radius: @border-radius-base;
32
- }
33
-
34
- // Arrows
35
- .tooltip-arrow {
36
- position: absolute;
37
- width: 0;
38
- height: 0;
39
- border-color: transparent;
40
- border-style: solid;
41
- }
42
- .tooltip {
43
- &.top .tooltip-arrow {
44
- bottom: 0;
45
- left: 50%;
46
- margin-left: -@tooltip-arrow-width;
47
- border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
48
- border-top-color: @tooltip-arrow-color;
49
- }
50
- &.right .tooltip-arrow {
51
- top: 50%;
52
- left: 0;
53
- margin-top: -@tooltip-arrow-width;
54
- border-width: @tooltip-arrow-width @tooltip-arrow-width @tooltip-arrow-width 0;
55
- border-right-color: @tooltip-arrow-color;
56
- }
57
- &.left .tooltip-arrow {
58
- top: 50%;
59
- right: 0;
60
- margin-top: -@tooltip-arrow-width;
61
- border-width: @tooltip-arrow-width 0 @tooltip-arrow-width @tooltip-arrow-width;
62
- border-left-color: @tooltip-arrow-color;
63
- }
64
- &.bottom .tooltip-arrow {
65
- top: 0;
66
- left: 50%;
67
- margin-left: -@tooltip-arrow-width;
68
- border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
69
- border-bottom-color: @tooltip-arrow-color;
70
- }
71
- }
@@ -1,253 +0,0 @@
1
- //
2
- // Typography
3
- // --------------------------------------------------
4
-
5
-
6
- // Body text
7
- // -------------------------
8
-
9
- p {
10
- margin: 0 0 (@line-height-base / 2);
11
- }
12
- .lead {
13
- margin-bottom: @line-height-base;
14
- font-size: (@font-size-base * 1.5);
15
- font-weight: 200;
16
- line-height: 1.4;
17
- }
18
-
19
-
20
- // Emphasis & misc
21
- // -------------------------
22
-
23
- // Ex: 14px base font * 85% = about 12px
24
- small { font-size: 85%; }
25
-
26
- strong { font-weight: bold; }
27
- em { font-style: italic; }
28
- cite { font-style: normal; }
29
-
30
- // Utility classes
31
- .text-muted { color: @grayLight; }
32
- a.text-muted:hover,
33
- a.text-muted:focus { color: darken(@grayLight, 10%); }
34
-
35
- .text-warning { color: @state-warning-text; }
36
- a.text-warning:hover,
37
- a.text-warning:focus { color: darken(@state-warning-text, 10%); }
38
-
39
- .text-danger { color: @state-danger-text; }
40
- a.text-danger:hover,
41
- a.text-danger:focus { color: darken(@state-danger-text, 10%); }
42
-
43
- .text-success { color: @state-success-text; }
44
- a.text-success:hover,
45
- a.text-success:focus { color: darken(@state-success-text, 10%); }
46
-
47
- .text-left { text-align: left; }
48
- .text-right { text-align: right; }
49
- .text-center { text-align: center; }
50
-
51
-
52
- // Headings
53
- // -------------------------
54
-
55
- h1, h2, h3, h4, h5, h6,
56
- .h1, .h2, .h3, .h4, .h5, .h6 {
57
- font-family: @headings-font-family;
58
- font-weight: @headings-font-weight;
59
- line-height: @line-height-base;
60
- small {
61
- font-weight: normal;
62
- line-height: 1;
63
- color: @grayLight;
64
- }
65
- }
66
-
67
- h1,
68
- h2,
69
- h3 {
70
- margin-top: @line-height-base;
71
- margin-bottom: (@line-height-base / 2);
72
- line-height: (@line-height-base * 2);
73
- }
74
- h3 {
75
- line-height: (@line-height-base * 1.5);
76
- }
77
- h4,
78
- h5,
79
- h6 {
80
- margin-top: (@line-height-base / 2);
81
- margin-bottom: (@line-height-base / 2);
82
- }
83
-
84
- h1, .h1 { font-size: (@font-size-base * 2.75); } // ~38px
85
- h2, .h2 { font-size: (@font-size-base * 2.25); } // ~32px
86
- h3, .h3 { font-size: (@font-size-base * 1.75); } // ~24px
87
- h4, .h4 { font-size: (@font-size-base * 1.25); } // ~18px
88
- h5, .h5 { font-size: @font-size-base; }
89
- h6, .h6 { font-size: (@font-size-base * 0.85); } // ~12px
90
-
91
- h1 small, .h1 small { font-size: (@font-size-base * 1.75); } // ~24px
92
- h2 small, .h2 small { font-size: (@font-size-base * 1.25); } // ~18px
93
- h3 small, .h3 small { font-size: @font-size-base; }
94
- h4 small, .h4 small { font-size: @font-size-base; }
95
-
96
-
97
- // Page header
98
- // -------------------------
99
-
100
- .page-header {
101
- padding-bottom: ((@line-height-base / 2) - 1);
102
- margin: (@line-height-base * 2) 0 @line-height-base;
103
- border-bottom: 1px solid @grayLighter;
104
- }
105
-
106
-
107
-
108
- // Lists
109
- // --------------------------------------------------
110
-
111
- // Unordered and Ordered lists
112
- ul,
113
- ol {
114
- padding: 0;
115
- margin: 0 0 (@line-height-base / 2) 25px;
116
- }
117
- ul ul,
118
- ul ol,
119
- ol ol,
120
- ol ul {
121
- margin-bottom: 0;
122
- }
123
- li {
124
- line-height: @line-height-base;
125
- }
126
-
127
- // List options
128
-
129
- // Unstyled keeps list items block level, just removes list-style
130
- .list-unstyled {
131
- margin-left: 0;
132
- list-style: none;
133
- }
134
- // Inline turns list items into inline-block
135
- .list-inline {
136
- .list-unstyled();
137
- > li {
138
- display: inline-block;
139
- padding-left: 5px;
140
- padding-right: 5px;
141
- }
142
- }
143
-
144
- // Description Lists
145
- dl {
146
- margin-bottom: @line-height-base;
147
- }
148
- dt,
149
- dd {
150
- line-height: @line-height-base;
151
- }
152
- dt {
153
- font-weight: bold;
154
- }
155
- dd {
156
- margin-left: (@line-height-base / 2);
157
- }
158
- // Horizontal layout (like forms)
159
- .dl-horizontal {
160
- .clearfix(); // Ensure dl clears floats if empty dd elements present
161
- dt {
162
- float: left;
163
- width: (@component-offset-horizontal - 20);
164
- clear: left;
165
- text-align: right;
166
- .text-overflow();
167
- }
168
- dd {
169
- margin-left: @component-offset-horizontal;
170
- }
171
- }
172
-
173
- // MISC
174
- // ----
175
-
176
- // Horizontal rules
177
- hr {
178
- margin: @line-height-base 0;
179
- border: 0;
180
- border-top: 1px solid @hr-border;
181
- border-bottom: 1px solid #fff;
182
- border-bottom: 1px solid rgba(255,255,255,.5);
183
- }
184
-
185
- // Abbreviations and acronyms
186
- abbr[title],
187
- // Added data-* attribute to help out our tooltip plugin, per https://github.com/twitter/bootstrap/issues/5257
188
- abbr[data-original-title] {
189
- cursor: help;
190
- border-bottom: 1px dotted @grayLight;
191
- }
192
- abbr.initialism {
193
- font-size: 90%;
194
- text-transform: uppercase;
195
- }
196
-
197
- // Blockquotes
198
- blockquote {
199
- padding: 0 0 0 15px;
200
- margin: 0 0 @line-height-base;
201
- border-left: 5px solid @grayLighter;
202
- p {
203
- margin-bottom: 0;
204
- font-size: (@font-size-base * 1.25);
205
- font-weight: 300;
206
- line-height: 1.25;
207
- }
208
- small {
209
- display: block;
210
- line-height: @line-height-base;
211
- color: @grayLight;
212
- &:before {
213
- content: '\2014 \00A0';
214
- }
215
- }
216
-
217
- // Float right with text-align: right
218
- &.pull-right {
219
- float: right;
220
- padding-right: 15px;
221
- padding-left: 0;
222
- border-right: 5px solid @grayLighter;
223
- border-left: 0;
224
- p,
225
- small {
226
- text-align: right;
227
- }
228
- small {
229
- &:before {
230
- content: '';
231
- }
232
- &:after {
233
- content: '\00A0 \2014';
234
- }
235
- }
236
- }
237
- }
238
-
239
- // Quotes
240
- q:before,
241
- q:after,
242
- blockquote:before,
243
- blockquote:after {
244
- content: "";
245
- }
246
-
247
- // Addresses
248
- address {
249
- display: block;
250
- margin-bottom: @line-height-base;
251
- font-style: normal;
252
- line-height: @line-height-base;
253
- }
@@ -1,42 +0,0 @@
1
- //
2
- // Utility classes
3
- // --------------------------------------------------
4
-
5
-
6
- // Floats
7
- // -------------------------
8
-
9
- .clearfix {
10
- .clearfix();
11
- }
12
- .pull-right {
13
- float: right;
14
- }
15
- .pull-left {
16
- float: left;
17
- }
18
-
19
-
20
- // Toggling content
21
- // -------------------------
22
-
23
- .hide {
24
- display: none !important;
25
- }
26
- .show {
27
- display: block !important;
28
- }
29
- .invisible {
30
- visibility: hidden;
31
- }
32
- .text-hide {
33
- .hide-text();
34
- }
35
-
36
-
37
- // For Affix plugin
38
- // -------------------------
39
-
40
- .affix {
41
- position: fixed;
42
- }
@@ -1,354 +0,0 @@
1
- //
2
- // Variables
3
- // --------------------------------------------------
4
-
5
-
6
- // Global values
7
- // --------------------------------------------------
8
-
9
-
10
- // Grays
11
- // -------------------------
12
-
13
- @grayDarker: #222;
14
- @grayDark: #333;
15
- @gray: #555;
16
- @grayLight: #999;
17
- @grayLighter: #eee;
18
-
19
- // Brand colors
20
- // -------------------------
21
-
22
- @brand-primary: #428bca;
23
- @brand-success: #5cb85c;
24
- @brand-warning: #f0ad4e;
25
- @brand-danger: #d9534f;
26
- @brand-info: #5bc0de;
27
-
28
- // Scaffolding
29
- // -------------------------
30
-
31
- @body-bg: #fff;
32
- @text-color: @grayDark;
33
-
34
- // Links
35
- // -------------------------
36
-
37
- @link-color: @brand-primary;
38
- @link-hover-color: darken(@link-color, 15%);
39
-
40
- // Typography
41
- // -------------------------
42
-
43
- @font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif;
44
- @font-family-serif: Georgia, "Times New Roman", Times, serif;
45
- @font-family-monospace: Monaco, Menlo, Consolas, "Courier New", monospace;
46
- @font-family-base: @font-family-sans-serif;
47
-
48
- @font-size-base: 14px;
49
- @font-size-large: (@font-size-base * 1.25); // ~18px
50
- @font-size-small: (@font-size-base * 0.85); // ~12px
51
- @font-size-mini: (@font-size-base * 0.75); // ~11px
52
-
53
- @line-height-base: 20px;
54
-
55
- @headings-font-family: inherit; // empty to use BS default, @font-family-base
56
- @headings-font-weight: 500;
57
-
58
-
59
- // Components
60
- // -------------------------
61
- // Based on 14px font-size and 1.5 line-height
62
-
63
- @padding-large: 11px 14px; // 44px
64
- @padding-small: 2px 10px; // 26px
65
- @padding-mini: 0 6px; // 22px
66
-
67
- @border-radius-base: 4px;
68
- @border-radius-large: 6px;
69
- @border-radius-small: 3px;
70
-
71
- @component-active-bg: @brand-primary;
72
-
73
-
74
- // Tables
75
- // -------------------------
76
-
77
- @table-bg: transparent; // overall background-color
78
- @table-bg-accent: #f9f9f9; // for striping
79
- @table-bg-hover: #f5f5f5; // for hover
80
-
81
- @table-border-color: #ddd; // table and cell border
82
-
83
-
84
- // Buttons
85
- // -------------------------
86
-
87
- @btn-color: #fff;
88
- @btn-bg: #a7a9aa;
89
- @btn-border: @btn-bg;
90
-
91
- @btn-primary-bg: @brand-primary;
92
- @btn-primary-border: @btn-primary-bg;
93
-
94
- @btn-success-bg: @brand-success;
95
- @btn-success-border: @btn-success-bg;
96
-
97
- @btn-warning-bg: @brand-warning;
98
- @btn-warning-border: @btn-warning-bg;
99
-
100
- @btn-danger-bg: @brand-danger;
101
- @btn-danger-border: @btn-danger-bg;
102
-
103
- @btn-info-bg: @brand-info;
104
- @btn-info-border: @btn-info-bg;
105
-
106
-
107
-
108
- // Forms
109
- // -------------------------
110
-
111
- @input-bg: #fff;
112
- @input-bg-disabled: @grayLighter;
113
-
114
- @input-border: #ccc;
115
- @input-border-radius: @border-radius-base;
116
-
117
- @input-color-placeholder: @grayLight;
118
-
119
- @input-height-base: (@line-height-base + 14px); // base line-height + 12px vertical padding + 2px top/bottom border
120
- @input-height-large: (@line-height-base + 24px); // base line-height + 22px vertical padding + 2px top/bottom border
121
- @input-height-small: (@line-height-base + 6px); // base line-height + 4px vertical padding + 2px top/bottom border
122
-
123
- @form-actions-bg: #f5f5f5;
124
-
125
-
126
- // Dropdowns
127
- // -------------------------
128
-
129
- @dropdown-bg: #fff;
130
- @dropdown-border: rgba(0,0,0,.15);
131
- @dropdown-divider-top: #e5e5e5;
132
- @dropdown-divider-bottom: #fff;
133
-
134
- @dropdown-link-active-color: #fff;
135
- @dropdown-link-active-bg: @component-active-bg;
136
-
137
- @dropdown-link-color: @grayDark;
138
- @dropdown-link-hover-color: #fff;
139
- @dropdown-link-hover-bg: @dropdown-link-active-bg;
140
-
141
-
142
- // COMPONENT VARIABLES
143
- // --------------------------------------------------
144
-
145
-
146
- // Z-index master list
147
- // -------------------------
148
- // Used for a bird's eye view of components dependent on the z-axis
149
- // Try to avoid customizing these :)
150
-
151
- @zindex-dropdown: 1000;
152
- @zindex-popover: 1010;
153
- @zindex-tooltip: 1030;
154
- @zindex-navbar-fixed: 1030;
155
- @zindex-modal-background: 1040;
156
- @zindex-modal: 1050;
157
-
158
-
159
- // Glyphicons font path
160
- // -------------------------
161
- @glyphicons-font-path: "../fonts";
162
-
163
-
164
- // Navbar
165
- // -------------------------
166
-
167
- // Basics of a navbar
168
- @navbar-height: 50px;
169
- @navbar-text: #777;
170
- @navbar-bg: #eee;
171
-
172
- // Navbar links
173
- @navbar-link-color: #777;
174
- @navbar-link-hover-color: #333;
175
- @navbar-link-hover-bg: transparent;
176
- @navbar-link-active-color: #555;
177
- @navbar-link-active-bg: darken(@navbar-bg, 10%);
178
- @navbar-link-disabled-color: #ccc;
179
- @navbar-link-disabled-bg: transparent;
180
-
181
- // Navbar brand label
182
- @navbar-brand-color: @navbar-link-color;
183
- @navbar-brand-hover-color: darken(@navbar-link-color, 10%);
184
- @navbar-brand-hover-bg: transparent;
185
-
186
- // Inverted navbar
187
- @navbar-inverse-text: @grayLight;
188
- @navbar-inverse-bg: #222;
189
-
190
- // Inverted navbar links
191
- @navbar-inverse-link-color: @grayLight;
192
- @navbar-inverse-link-hover-color: #fff;
193
- @navbar-inverse-link-hover-bg: transparent;
194
- @navbar-inverse-link-active-color: @navbar-inverse-link-hover-color;
195
- @navbar-inverse-link-active-bg: darken(@navbar-inverse-bg, 10%);
196
- @navbar-inverse-link-disabled-color: #444;
197
- @navbar-inverse-link-disabled-bg: transparent;
198
-
199
- // Inverted navbar brand label
200
- @navbar-inverse-brand-color: @navbar-inverse-link-color;
201
- @navbar-inverse-brand-hover-color: #fff;
202
- @navbar-inverse-brand-hover-bg: transparent;
203
-
204
- // Inverted navbar search
205
- // Normal navbar needs no special styles or vars
206
- @navbar-inverse-search-bg: lighten(@navbar-inverse-bg, 25%);
207
- @navbar-inverse-search-bg-focus: #fff;
208
- @navbar-inverse-search-border: @navbar-inverse-bg;
209
- @navbar-inverse-search-placeholder-color: #ccc;
210
-
211
-
212
- // Pagination
213
- // -------------------------
214
-
215
- @pagination-bg: #fff;
216
- @pagination-border: #ddd;
217
- @pagination-active-bg: #f5f5f5;
218
-
219
-
220
- // Jumbotron
221
- // -------------------------
222
-
223
- @jumbotron-bg: @grayLighter;
224
- @jumbotron-heading-color: inherit;
225
- @jumbotron-lead-color: inherit;
226
-
227
-
228
- // Form states and alerts
229
- // -------------------------
230
-
231
- @state-warning-text: #c09853;
232
- @state-warning-bg: #fcf8e3;
233
- @state-warning-border: darken(spin(@state-warning-bg, -10), 3%);
234
-
235
- @state-danger-text: #b94a48;
236
- @state-danger-bg: #f2dede;
237
- @state-danger-border: darken(spin(@state-danger-bg, -10), 3%);
238
-
239
- @state-success-text: #468847;
240
- @state-success-bg: #dff0d8;
241
- @state-success-border: darken(spin(@state-success-bg, -10), 5%);
242
-
243
- @state-info-text: #3a87ad;
244
- @state-info-bg: #d9edf7;
245
- @state-info-border: darken(spin(@state-info-bg, -10), 7%);
246
-
247
-
248
- // Tooltips and popovers
249
- // -------------------------
250
- @tooltip-color: #fff;
251
- @tooltip-bg: rgba(0,0,0,.9);
252
- @tooltip-arrow-width: 5px;
253
- @tooltip-arrow-color: @tooltip-bg;
254
-
255
- @popover-bg: #fff;
256
- @popover-arrow-width: 10px;
257
- @popover-arrow-color: #fff;
258
- @popover-title-bg: darken(@popover-bg, 3%);
259
-
260
- // Special enhancement for popovers
261
- @popover-arrow-outer-width: (@popover-arrow-width + 1);
262
- @popover-arrow-outer-color: rgba(0,0,0,.25);
263
-
264
-
265
- // Labels
266
- // -------------------------
267
- @label-success-bg: @brand-success;
268
- @label-info-bg: @brand-info;
269
- @label-warning-bg: @brand-warning;
270
- @label-danger-bg: @brand-danger;
271
-
272
-
273
- // Modals
274
- // -------------------------
275
- @modal-inner-padding: 20px;
276
-
277
- @modal-title-padding: 15px;
278
- @modal-title-line-height: @line-height-base;
279
-
280
-
281
- // Progress bars
282
- // -------------------------
283
- @progress-bg: #f5f5f5;
284
- @progress-bar-bg: @brand-primary;
285
- @progress-bar-success-bg: @brand-success;
286
- @progress-bar-warning-bg: @brand-warning;
287
- @progress-bar-danger-bg: @brand-danger;
288
- @progress-bar-info-bg: @brand-info;
289
-
290
-
291
- // List group
292
- // -------------------------
293
- @list-group-bg: #fff;
294
- @list-group-border: #ddd;
295
- @list-group-border-radius: @border-radius-base;
296
-
297
- @list-group-hover-bg: #f5f5f5;
298
- @list-group-active-text: #fff;
299
- @list-group-active-bg: @component-active-bg;
300
- @list-group-active-border: @list-group-active-bg;
301
-
302
- // Panels
303
- // -------------------------
304
- @panel-bg: #fff;
305
- @panel-border: #ddd;
306
- @panel-border-radius: @border-radius-base;
307
- @panel-heading-bg: #f5f5f5;
308
-
309
- @panel-primary-text: #fff;
310
- @panel-primary-border: @brand-primary;
311
- @panel-primary-heading-bg: @brand-primary;
312
-
313
- @panel-success-text: @state-success-text;
314
- @panel-success-border: @state-success-border;
315
- @panel-success-heading-bg: @state-success-bg;
316
-
317
- @panel-warning-text: @state-warning-text;
318
- @panel-warning-border: @state-warning-border;
319
- @panel-warning-heading-bg: @state-warning-bg;
320
-
321
- @panel-danger-text: @state-danger-text;
322
- @panel-danger-border: @state-danger-border;
323
- @panel-danger-heading-bg: @state-danger-bg;
324
-
325
- @panel-info-text: @state-info-text;
326
- @panel-info-border: @state-info-border;
327
- @panel-info-heading-bg: @state-info-bg;
328
-
329
-
330
- // Wells
331
- // -------------------------
332
- @well-bg: #f5f5f5;
333
-
334
-
335
- // Miscellaneous
336
- // -------------------------
337
-
338
- // Hr border color
339
- @hr-border: @grayLighter;
340
-
341
- // Horizontal forms & lists
342
- @component-offset-horizontal: 180px;
343
-
344
-
345
-
346
- // Grid system
347
- // --------------------------------------------------
348
-
349
- // Number of columns in the grid system
350
- @grid-columns: 12;
351
- // Padding, to be divided by two and applied to the left and right of all columns
352
- @grid-gutter-width: 30px;
353
- // Point at which the navbar stops collapsing
354
- @grid-float-breakpoint: 768px;