bootstrap3-wip-rails 0.1.2 → 0.1.3

Sign up to get free protection for your applications and to get access to all the features.
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;