bootstrapped-rails 2.0.8.1 → 2.0.8.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (107) hide show
  1. data/lib/bootstrapped-rails/version.rb +1 -1
  2. metadata +7 -112
  3. data/vendor/assets/twitter/.gitignore +0 -33
  4. data/vendor/assets/twitter/LICENSE +0 -13
  5. data/vendor/assets/twitter/Makefile +0 -59
  6. data/vendor/assets/twitter/README.md +0 -94
  7. data/vendor/assets/twitter/img/glyphicons-halflings-white.png +0 -0
  8. data/vendor/assets/twitter/img/glyphicons-halflings.png +0 -0
  9. data/vendor/assets/twitter/js/README.md +0 -106
  10. data/vendor/assets/twitter/js/bootstrap-alert.js +0 -91
  11. data/vendor/assets/twitter/js/bootstrap-button.js +0 -98
  12. data/vendor/assets/twitter/js/bootstrap-carousel.js +0 -154
  13. data/vendor/assets/twitter/js/bootstrap-collapse.js +0 -136
  14. data/vendor/assets/twitter/js/bootstrap-dropdown.js +0 -92
  15. data/vendor/assets/twitter/js/bootstrap-modal.js +0 -209
  16. data/vendor/assets/twitter/js/bootstrap-popover.js +0 -95
  17. data/vendor/assets/twitter/js/bootstrap-scrollspy.js +0 -125
  18. data/vendor/assets/twitter/js/bootstrap-tab.js +0 -130
  19. data/vendor/assets/twitter/js/bootstrap-tooltip.js +0 -270
  20. data/vendor/assets/twitter/js/bootstrap-transition.js +0 -51
  21. data/vendor/assets/twitter/js/bootstrap-typeahead.js +0 -271
  22. data/vendor/assets/twitter/js/tests/index.html +0 -49
  23. data/vendor/assets/twitter/js/tests/unit/bootstrap-alert.js +0 -41
  24. data/vendor/assets/twitter/js/tests/unit/bootstrap-button.js +0 -54
  25. data/vendor/assets/twitter/js/tests/unit/bootstrap-collapse.js +0 -25
  26. data/vendor/assets/twitter/js/tests/unit/bootstrap-dropdown.js +0 -53
  27. data/vendor/assets/twitter/js/tests/unit/bootstrap-modal.js +0 -85
  28. data/vendor/assets/twitter/js/tests/unit/bootstrap-popover.js +0 -93
  29. data/vendor/assets/twitter/js/tests/unit/bootstrap-scrollspy.js +0 -31
  30. data/vendor/assets/twitter/js/tests/unit/bootstrap-tab.js +0 -45
  31. data/vendor/assets/twitter/js/tests/unit/bootstrap-tooltip.js +0 -62
  32. data/vendor/assets/twitter/js/tests/unit/bootstrap-transition.js +0 -13
  33. data/vendor/assets/twitter/js/tests/unit/bootstrap-typeahead.js +0 -128
  34. data/vendor/assets/twitter/js/tests/vendor/jquery.js +0 -9252
  35. data/vendor/assets/twitter/js/tests/vendor/qunit.css +0 -232
  36. data/vendor/assets/twitter/js/tests/vendor/qunit.js +0 -1510
  37. data/vendor/assets/twitter/scss/accordion.scss +0 -28
  38. data/vendor/assets/twitter/scss/alerts.scss +0 -70
  39. data/vendor/assets/twitter/scss/bootstrap.scss +0 -62
  40. data/vendor/assets/twitter/scss/breadcrumbs.scss +0 -22
  41. data/vendor/assets/twitter/scss/button-groups.scss +0 -147
  42. data/vendor/assets/twitter/scss/buttons.scss +0 -168
  43. data/vendor/assets/twitter/scss/carousel.scss +0 -121
  44. data/vendor/assets/twitter/scss/close.scss +0 -18
  45. data/vendor/assets/twitter/scss/code.scss +0 -44
  46. data/vendor/assets/twitter/scss/component-animations.scss +0 -18
  47. data/vendor/assets/twitter/scss/dropdowns.scss +0 -131
  48. data/vendor/assets/twitter/scss/forms.scss +0 -516
  49. data/vendor/assets/twitter/scss/grid.scss +0 -8
  50. data/vendor/assets/twitter/scss/hero-unit.scss +0 -20
  51. data/vendor/assets/twitter/scss/labels.scss +0 -16
  52. data/vendor/assets/twitter/scss/layouts.scss +0 -17
  53. data/vendor/assets/twitter/scss/mixins.scss +0 -500
  54. data/vendor/assets/twitter/scss/modals.scss +0 -72
  55. data/vendor/assets/twitter/scss/navbar.scss +0 -292
  56. data/vendor/assets/twitter/scss/navs.scss +0 -344
  57. data/vendor/assets/twitter/scss/pager.scss +0 -30
  58. data/vendor/assets/twitter/scss/pagination.scss +0 -55
  59. data/vendor/assets/twitter/scss/popovers.scss +0 -49
  60. data/vendor/assets/twitter/scss/progress-bars.scss +0 -95
  61. data/vendor/assets/twitter/scss/reset.scss +0 -126
  62. data/vendor/assets/twitter/scss/responsive.scss +0 -323
  63. data/vendor/assets/twitter/scss/scaffolding.scss +0 -29
  64. data/vendor/assets/twitter/scss/sprites.scss +0 -158
  65. data/vendor/assets/twitter/scss/tables.scss +0 -130
  66. data/vendor/assets/twitter/scss/thumbnails.scss +0 -35
  67. data/vendor/assets/twitter/scss/tooltip.scss +0 -35
  68. data/vendor/assets/twitter/scss/type.scss +0 -217
  69. data/vendor/assets/twitter/scss/utilities.scss +0 -23
  70. data/vendor/assets/twitter/scss/variables.scss +0 -99
  71. data/vendor/assets/twitter/scss/wells.scss +0 -17
  72. data/vendor/toolkit/twitter/bootstrap/accordion.less +0 -28
  73. data/vendor/toolkit/twitter/bootstrap/alerts.less +0 -70
  74. data/vendor/toolkit/twitter/bootstrap/bootstrap.less +0 -62
  75. data/vendor/toolkit/twitter/bootstrap/breadcrumbs.less +0 -22
  76. data/vendor/toolkit/twitter/bootstrap/button-groups.less +0 -148
  77. data/vendor/toolkit/twitter/bootstrap/buttons.less +0 -183
  78. data/vendor/toolkit/twitter/bootstrap/carousel.less +0 -121
  79. data/vendor/toolkit/twitter/bootstrap/close.less +0 -18
  80. data/vendor/toolkit/twitter/bootstrap/code.less +0 -57
  81. data/vendor/toolkit/twitter/bootstrap/component-animations.less +0 -18
  82. data/vendor/toolkit/twitter/bootstrap/dropdowns.less +0 -130
  83. data/vendor/toolkit/twitter/bootstrap/forms.less +0 -522
  84. data/vendor/toolkit/twitter/bootstrap/grid.less +0 -8
  85. data/vendor/toolkit/twitter/bootstrap/hero-unit.less +0 -20
  86. data/vendor/toolkit/twitter/bootstrap/labels.less +0 -32
  87. data/vendor/toolkit/twitter/bootstrap/layouts.less +0 -17
  88. data/vendor/toolkit/twitter/bootstrap/mixins.less +0 -590
  89. data/vendor/toolkit/twitter/bootstrap/modals.less +0 -83
  90. data/vendor/toolkit/twitter/bootstrap/navbar.less +0 -299
  91. data/vendor/toolkit/twitter/bootstrap/navs.less +0 -353
  92. data/vendor/toolkit/twitter/bootstrap/pager.less +0 -30
  93. data/vendor/toolkit/twitter/bootstrap/pagination.less +0 -55
  94. data/vendor/toolkit/twitter/bootstrap/popovers.less +0 -49
  95. data/vendor/toolkit/twitter/bootstrap/progress-bars.less +0 -95
  96. data/vendor/toolkit/twitter/bootstrap/reset.less +0 -126
  97. data/vendor/toolkit/twitter/bootstrap/responsive.less +0 -327
  98. data/vendor/toolkit/twitter/bootstrap/scaffolding.less +0 -29
  99. data/vendor/toolkit/twitter/bootstrap/sprites.less +0 -158
  100. data/vendor/toolkit/twitter/bootstrap/tables.less +0 -150
  101. data/vendor/toolkit/twitter/bootstrap/thumbnails.less +0 -35
  102. data/vendor/toolkit/twitter/bootstrap/tooltip.less +0 -35
  103. data/vendor/toolkit/twitter/bootstrap/type.less +0 -218
  104. data/vendor/toolkit/twitter/bootstrap/utilities.less +0 -23
  105. data/vendor/toolkit/twitter/bootstrap/variables.less +0 -107
  106. data/vendor/toolkit/twitter/bootstrap/wells.less +0 -17
  107. data/vendor/toolkit/twitter/bootstrap_base.less +0 -2
@@ -1,121 +0,0 @@
1
- // CAROUSEL
2
- // --------
3
-
4
- .carousel {
5
- position: relative;
6
- margin-bottom: $baseLineHeight;
7
- line-height: 1;
8
- }
9
-
10
- .carousel-inner {
11
- overflow: hidden;
12
- width: 100%;
13
- position: relative;
14
- }
15
-
16
- .carousel {
17
-
18
- .item {
19
- display: none;
20
- position: relative;
21
- @include transition(.6s ease-in-out left);
22
- }
23
-
24
- // Account for jankitude on images
25
- .item > img {
26
- display: block;
27
- line-height: 1;
28
- }
29
-
30
- .active,
31
- .next,
32
- .prev { display: block; }
33
-
34
- .active {
35
- left: 0;
36
- }
37
-
38
- .next,
39
- .prev {
40
- position: absolute;
41
- top: 0;
42
- width: 100%;
43
- }
44
-
45
- .next {
46
- left: 100%;
47
- }
48
- .prev {
49
- left: -100%;
50
- }
51
- .next.left,
52
- .prev.right {
53
- left: 0;
54
- }
55
-
56
- .active.left {
57
- left: -100%;
58
- }
59
- .active.right {
60
- left: 100%;
61
- }
62
-
63
- }
64
-
65
- // Left/right controls for nav
66
- // ---------------------------
67
-
68
- .carousel-control {
69
- position: absolute;
70
- top: 40%;
71
- left: 15px;
72
- width: 40px;
73
- height: 40px;
74
- margin-top: -20px;
75
- font-size: 60px;
76
- font-weight: 100;
77
- line-height: 30px;
78
- color: $white;
79
- text-align: center;
80
- background: $grayDarker;
81
- border: 3px solid $white;
82
- @include border-radius(23px);
83
- @include opacity(50);
84
-
85
- // we can't have this transition here
86
- // because webkit cancels the carousel
87
- // animation if you trip this while
88
- // in the middle of another animation
89
- // ;_;
90
- // .transition(opacity .2s linear);
91
-
92
- // Reposition the right one
93
- &.right {
94
- left: auto;
95
- right: 15px;
96
- }
97
-
98
- // Hover state
99
- &:hover {
100
- color: $white;
101
- text-decoration: none;
102
- @include opacity(90);
103
- }
104
- }
105
-
106
- // Caption for text below images
107
- // -----------------------------
108
-
109
- .carousel-caption {
110
- position: absolute;
111
- left: 0;
112
- right: 0;
113
- bottom: 0;
114
- padding: 10px 15px 5px;
115
- background: $grayDark;
116
- background: rgba(0,0,0,.75);
117
- }
118
- .carousel-caption h4,
119
- .carousel-caption p {
120
- color: $white;
121
- }
@@ -1,18 +0,0 @@
1
- // CLOSE ICONS
2
- // -----------
3
-
4
- .close {
5
- float: right;
6
- font-size: 20px;
7
- font-weight: bold;
8
- line-height: $baseLineHeight;
9
- color: $black;
10
- text-shadow: 0 1px 0 rgba(255,255,255,1);
11
- @include opacity(20);
12
- &:hover {
13
- color: $black;
14
- text-decoration: none;
15
- @include opacity(40);
16
- cursor: pointer;
17
- }
18
- }
@@ -1,44 +0,0 @@
1
- // Code.less
2
- // Code typography styles for the <code> and <pre> elements
3
- // --------------------------------------------------------
4
-
5
- // Inline and block code styles
6
- code,
7
- pre {
8
- padding: 0 3px 2px;
9
- @include font-family-monospace;
10
- font-size: $baseFontSize - 1;
11
- color: $grayDark;
12
- @include border-radius(3px);
13
- }
14
- code {
15
- padding: 3px 4px;
16
- color: #d14;
17
- background-color: #f7f7f9;
18
- border: 1px solid #e1e1e8;
19
- }
20
- pre {
21
- display: block;
22
- padding: ($baseLineHeight - 1) / 2;
23
- margin: 0 0 $baseLineHeight / 2;
24
- font-size: 12px;
25
- line-height: $baseLineHeight;
26
- background-color: #f5f5f5;
27
- border: 1px solid #ccc; // fallback for IE7-8
28
- border: 1px solid rgba(0,0,0,.15);
29
- @include border-radius(4px);
30
- white-space: pre;
31
- white-space: pre-wrap;
32
- word-break: break-all;
33
-
34
- // Make prettyprint styles more spaced out for readability
35
- &.prettyprint {
36
- margin-bottom: $baseLineHeight;
37
- }
38
-
39
- // Account for some code outputs that place code tags in pre tags
40
- code {
41
- padding: 0;
42
- background-color: transparent;
43
- }
44
- }
@@ -1,18 +0,0 @@
1
- // COMPONENT ANIMATIONS
2
- // --------------------
3
-
4
- .fade {
5
- @include transition(opacity .15s linear);
6
- opacity: 0;
7
- &.in {
8
- opacity: 1;
9
- }
10
- }
11
-
12
- .collapse {
13
- @include transition(height .35s ease);
14
- position:relative;
15
- overflow:hidden;
16
- height: 0;
17
- &.in { height: auto; }
18
- }
@@ -1,131 +0,0 @@
1
- // DROPDOWN MENUS
2
- // --------------
3
-
4
- // Use the .menu class on any <li> element within the topbar or ul.tabs and you'll get some superfancy dropdowns
5
- .dropdown {
6
- position: relative;
7
- }
8
- .dropdown-toggle {
9
- // The caret makes the toggle a bit too tall in IE7
10
- *margin-bottom: -3px;
11
- }
12
- .dropdown-toggle:active,
13
- .open .dropdown-toggle {
14
- outline: 0;
15
- }
16
- // Dropdown arrow/caret
17
- .caret {
18
- display: inline-block;
19
- width: 0;
20
- height: 0;
21
- text-indent: -99999px;
22
- // IE7 won't do the border trick if there's a text indent, but it doesn't
23
- // do the content that text-indent is hiding, either, so we're ok.
24
- *text-indent: 0;
25
- vertical-align: top;
26
- border-left: 4px solid transparent;
27
- border-right: 4px solid transparent;
28
- border-top: 4px solid $black;
29
- @include opacity(30);
30
- content: "\2193";
31
- }
32
- .dropdown .caret {
33
- margin-top: 8px;
34
- margin-left: 2px;
35
- }
36
- .dropdown:hover .caret,
37
- .open.dropdown .caret {
38
- @include opacity(100);
39
- }
40
- // The dropdown menu (ul)
41
- .dropdown-menu {
42
- position: absolute;
43
- top: 100%;
44
- left: 0;
45
- z-index: $zindexDropdown;
46
- float: left;
47
- display: none; // none by default, but block on "open" of the menu
48
- min-width: 160px;
49
- max-width: 220px;
50
- _width: 160px;
51
- padding: 4px 0;
52
- margin: 0; // override default ul
53
- list-style: none;
54
- background-color: $white;
55
- border-color: #ccc;
56
- border-color: rgba(0,0,0,.2);
57
- border-style: solid;
58
- border-width: 1px;
59
- @include border-radius(0 0 5px 5px);
60
- @include box-shadow(0 5px 10px rgba(0,0,0,.2));
61
- -webkit-background-clip: padding-box;
62
- -moz-background-clip: padding;
63
- background-clip: padding-box;
64
- *border-right-width: 2px;
65
- *border-bottom-width: 2px;
66
-
67
- // Allow for dropdowns to go bottom up (aka, dropup-menu)
68
- &.bottom-up {
69
- top: auto;
70
- bottom: 100%;
71
- margin-bottom: 2px;
72
- }
73
-
74
- // Dividers (basically an hr) within the dropdown
75
- .divider {
76
- height: 1px;
77
- margin: 5px 1px;
78
- overflow: hidden;
79
- background-color: #e5e5e5;
80
- border-bottom: 1px solid $white;
81
-
82
- // IE7 needs a set width since we gave a height. Restricting just
83
- // to IE7 to keep the 1px left/right space in other browsers.
84
- // It is unclear where IE is getting the extra space that we need
85
- // to negative-margin away, but so it goes.
86
- *width: 100%;
87
- *margin: -5px 0 5px;
88
- }
89
-
90
- // Links within the dropdown menu
91
- a {
92
- display: block;
93
- padding: 3px 15px;
94
- clear: both;
95
- font-weight: normal;
96
- line-height: 18px;
97
- color: $gray;
98
- white-space: nowrap;
99
- }
100
- }
101
-
102
- // Hover state
103
- .dropdown-menu li > a:hover,
104
- .dropdown-menu .active > a,
105
- .dropdown-menu .active > a:hover {
106
- color: $white;
107
- text-decoration: none;
108
- background-color: $linkColor;
109
- }
110
-
111
- // Open state for the dropdown
112
- .dropdown.open {
113
- // IE7's z-index only goes to the nearest positioned ancestor, which would
114
- // make the menu appear below buttons that appeared later on the page
115
- *z-index: $zindexDropdown;
116
-
117
- .dropdown-toggle {
118
- color: $white;
119
- background: #ccc;
120
- background: rgba(0,0,0,.3);
121
- }
122
- .dropdown-menu {
123
- display: block;
124
- }
125
- }
126
-
127
- // Typeahead
128
- .typeahead {
129
- margin-top: 2px; // give it some space to breathe
130
- @include border-radius(4px);
131
- }
@@ -1,516 +0,0 @@
1
- // Forms.less
2
- // Base styles for various input types, form layouts, and states
3
- // -------------------------------------------------------------
4
-
5
-
6
- // GENERAL STYLES
7
- // --------------
8
-
9
- // Make all forms have space below them
10
- form {
11
- margin: 0 0 $baseLineHeight;
12
- }
13
-
14
- fieldset {
15
- padding: 0;
16
- margin: 0;
17
- border: 0;
18
- }
19
-
20
- // Groups of fields with labels on top (legends)
21
- legend {
22
- display: block;
23
- width: 100%;
24
- padding: 0;
25
- margin-bottom: $baseLineHeight * 1.5;
26
- font-size: $baseFontSize * 1.5;
27
- line-height: $baseLineHeight * 2;
28
- color: $grayDark;
29
- border: 0;
30
- border-bottom: 1px solid #eee;
31
- }
32
-
33
- // Set font for forms
34
- label,
35
- input,
36
- button,
37
- select,
38
- textarea {
39
- @include font-sans-serif($baseFontSize,normal,$baseLineHeight);
40
- }
41
-
42
- // Identify controls by their labels
43
- label {
44
- display: block;
45
- margin-bottom: 5px;
46
- color: $grayDark;
47
- }
48
-
49
- // Inputs, Textareas, Selects
50
- input,
51
- textarea,
52
- select,
53
- .uneditable-input {
54
- display: inline-block;
55
- width: 210px;
56
- height: $baseLineHeight;
57
- padding: 4px;
58
- margin-bottom: 9px;
59
- font-size: $baseFontSize;
60
- line-height: $baseLineHeight;
61
- color: $gray;
62
- border: 1px solid #ccc;
63
- @include border-radius(3px);
64
- }
65
- .uneditable-textarea {
66
- width: auto;
67
- height: auto;
68
- }
69
-
70
- // Inputs within a label
71
- label input,
72
- label textarea,
73
- label select {
74
- display: block;
75
- }
76
-
77
- // Mini reset for unique input types
78
- input[type="image"],
79
- input[type="checkbox"],
80
- input[type="radio"] {
81
- width: auto;
82
- height: auto;
83
- padding: 0;
84
- margin: 3px 0;
85
- *margin-top: 0; /* IE7 */
86
- line-height: normal;
87
- border: 0;
88
- cursor: pointer;
89
- @include border-radius(0);
90
- }
91
-
92
- // Reset the file input to browser defaults
93
- input[type="file"] {
94
- padding: initial;
95
- line-height: initial;
96
- border: initial;
97
- background-color: $white;
98
- background-color: initial;
99
- @include box-shadow(none);
100
- }
101
-
102
- // Help out input buttons
103
- input[type="button"],
104
- input[type="reset"],
105
- input[type="submit"] {
106
- width: auto;
107
- height: auto;
108
- }
109
-
110
- // Set the height of select and file controls to match text inputs
111
- select,
112
- input[type="file"] {
113
- height: 28px; /* In IE7, the height of the select element cannot be changed by height, only font-size */
114
- *margin-top: 4px; /* For IE7, add top margin to align select with labels */
115
- line-height: 28px;
116
- }
117
-
118
- // Chrome on Linux and Mobile Safari need background-color
119
- select {
120
- width: 220px; // default input width + 10px of padding that doesn't get applied
121
- background-color: $white;
122
- }
123
-
124
- // Make multiple select elements height not fixed
125
- select[multiple],
126
- select[size] {
127
- height: auto;
128
- }
129
-
130
- // Remove shadow from image inputs
131
- input[type="image"] {
132
- @include box-shadow(none);
133
- }
134
-
135
- // Make textarea height behave
136
- textarea {
137
- height: auto;
138
- }
139
-
140
- // Hidden inputs
141
- input[type="hidden"] {
142
- display: none;
143
- }
144
-
145
-
146
-
147
- // CHECKBOXES & RADIOS
148
- // -------------------
149
-
150
- // Indent the labels to position radios/checkboxes as hanging
151
- .radio,
152
- .checkbox {
153
- padding-left: 18px;
154
- }
155
- .radio input[type="radio"],
156
- .checkbox input[type="checkbox"] {
157
- float: left;
158
- margin-left: -18px;
159
- }
160
-
161
- // Move the options list down to align with labels
162
- .controls > .radio:first-child,
163
- .controls > .checkbox:first-child {
164
- padding-top: 5px; // has to be padding because margin collaspes
165
- }
166
-
167
- // Radios and checkboxes on same line
168
- .radio.inline,
169
- .checkbox.inline {
170
- display: inline-block;
171
- margin-bottom: 0;
172
- vertical-align: middle;
173
- }
174
- .radio.inline + .radio.inline,
175
- .checkbox.inline + .checkbox.inline {
176
- margin-left: 10px; // space out consecutive inline controls
177
- }
178
- // But don't forget to remove their padding on first-child
179
- .controls > .radio.inline:first-child,
180
- .controls > .checkbox.inline:first-child {
181
- padding-top: 0;
182
- }
183
-
184
-
185
-
186
- // FOCUS STATE
187
- // -----------
188
-
189
- input,
190
- textarea {
191
- @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
192
- $transition: border linear .2s, box-shadow linear .2s;
193
- @include transition($transition);
194
- }
195
- input:focus,
196
- textarea:focus {
197
- border-color: rgba(82,168,236,.8);
198
- $shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
199
- @include box-shadow($shadow);
200
- outline: 0;
201
- outline: thin dotted \9; /* IE6-8 */
202
- }
203
- input[type="file"]:focus,
204
- input[type="checkbox"]:focus,
205
- select:focus {
206
- @include box-shadow(none); // override for file inputs
207
- @include tab-focus();
208
- }
209
-
210
-
211
-
212
- // INPUT SIZES
213
- // -----------
214
-
215
- // General classes for quick sizes
216
- .input-mini { width: 60px; }
217
- .input-small { width: 90px; }
218
- .input-medium { width: 150px; }
219
- .input-large { width: 210px; }
220
- .input-xlarge { width: 270px; }
221
- .input-xxlarge { width: 530px; }
222
-
223
- // Grid style input sizes
224
- input[class*="span"],
225
- select[class*="span"],
226
- textarea[class*="span"],
227
- .uneditable-input {
228
- float: none;
229
- margin-left: 0;
230
- }
231
-
232
-
233
-
234
- // GRID SIZING FOR INPUTS
235
- // ----------------------
236
-
237
- @include input-grid-system-generate($gridColumns, $gridColumnWidth, $gridGutterWidth);
238
-
239
-
240
-
241
-
242
-
243
- // DISABLED STATE
244
- // --------------
245
-
246
- // Disabled and read-only inputs
247
- input[disabled],
248
- select[disabled],
249
- textarea[disabled],
250
- input[readonly],
251
- select[readonly],
252
- textarea[readonly] {
253
- background-color: #f5f5f5;
254
- border-color: #ddd;
255
- cursor: not-allowed;
256
- }
257
-
258
-
259
-
260
-
261
- // FORM FIELD FEEDBACK STATES
262
- // --------------------------
263
-
264
- // Mixin for form field states
265
- @mixin form-field-state($textColor: #555, $borderColor: #ccc, $backgroundColor: #f5f5f5) {
266
- // Set the text color
267
- > label,
268
- .help-block,
269
- .help-inline {
270
- color: $textColor;
271
- }
272
- // Style inputs accordingly
273
- input,
274
- select,
275
- textarea {
276
- color: $textColor;
277
- border-color: $borderColor;
278
- &:focus {
279
- border-color: darken($borderColor, 10%);
280
- @include box-shadow(0 0 6px lighten($borderColor, 20%));
281
- }
282
- }
283
- // Give a small background color for input-prepend/-append
284
- .input-prepend .add-on,
285
- .input-append .add-on {
286
- color: $textColor;
287
- background-color: $backgroundColor;
288
- border-color: $textColor;
289
- }
290
- }
291
- // Warning
292
- .control-group.warning {
293
- @include form-field-state($warningText, $warningText, $warningBackground);
294
- }
295
- // Error
296
- .control-group.error {
297
- @include form-field-state($errorText, $errorText, $errorBackground);
298
- }
299
- // Success
300
- .control-group.success {
301
- @include form-field-state($successText, $successText, $successBackground);
302
- }
303
-
304
- // HTML5 invalid states
305
- // Shares styles with the .control-group.error above
306
- input:focus:required:invalid,
307
- textarea:focus:required:invalid,
308
- select:focus:required:invalid {
309
- color: #b94a48;
310
- border-color: #ee5f5b;
311
- &:focus {
312
- border-color: darken(#ee5f5b, 10%);
313
- @include box-shadow(0 0 6px lighten(#ee5f5b, 20%));
314
- }
315
- }
316
-
317
-
318
-
319
- // FORM ACTIONS
320
- // ------------
321
-
322
- .form-actions {
323
- padding: ($baseLineHeight - 1) 20px $baseLineHeight;
324
- margin-top: $baseLineHeight;
325
- margin-bottom: $baseLineHeight;
326
- background-color: #f5f5f5;
327
- border-top: 1px solid #ddd;
328
- }
329
-
330
- // For text that needs to appear as an input but should not be an input
331
- .uneditable-input {
332
- display: block;
333
- background-color: $white;
334
- border-color: #eee;
335
- @include box-shadow(inset 0 1px 2px rgba(0,0,0,.025));
336
- cursor: not-allowed;
337
- }
338
-
339
- // Placeholder text gets special styles; can't be bundled together though for some reason
340
- @include placeholder($grayLight);
341
-
342
-
343
-
344
- // HELP TEXT
345
- // ---------
346
-
347
- .help-block {
348
- margin-top: 5px;
349
- margin-bottom: 0;
350
- color: $grayLight;
351
- }
352
-
353
- .help-inline {
354
- display: inline-block;
355
- @include ie7-inline-block();
356
- margin-bottom: 9px;
357
- vertical-align: middle;
358
- padding-left: 5px;
359
- }
360
-
361
-
362
-
363
- // INPUT GROUPS
364
- // ------------
365
-
366
- // Allow us to put symbols and text within the input field for a cleaner look
367
- .input-prepend,
368
- .input-append {
369
- margin-bottom: 5px;
370
- @include clearfix(); // Clear the float to prevent wrapping
371
- input,
372
- .uneditable-input {
373
- @include border-radius(0 3px 3px 0);
374
- &:focus {
375
- position: relative;
376
- z-index: 2;
377
- }
378
- }
379
- .uneditable-input {
380
- border-left-color: #ccc;
381
- }
382
- .add-on {
383
- float: left;
384
- display: block;
385
- width: auto;
386
- min-width: 16px;
387
- height: $baseLineHeight;
388
- margin-right: -1px;
389
- padding: 4px 5px;
390
- font-weight: normal;
391
- line-height: $baseLineHeight;
392
- color: $grayLight;
393
- text-align: center;
394
- text-shadow: 0 1px 0 $white;
395
- background-color: #f5f5f5;
396
- border: 1px solid #ccc;
397
- @include border-radius(3px 0 0 3px);
398
- }
399
- .active {
400
- background-color: lighten($green, 30);
401
- border-color: $green;
402
- }
403
- }
404
- .input-prepend {
405
- .add-on {
406
- *margin-top: 1px; /* IE6-7 */
407
- }
408
- }
409
- .input-append {
410
- input,
411
- .uneditable-input {
412
- float: left;
413
- @include border-radius(3px 0 0 3px);
414
- }
415
- .uneditable-input {
416
- border-right-color: #ccc;
417
- }
418
- .add-on {
419
- margin-right: 0;
420
- margin-left: -1px;
421
- @include border-radius(0 3px 3px 0);
422
- }
423
- input:first-child {
424
- // In IE7, having a hasLayout container (from clearfix's zoom:1) can make the first input
425
- // inherit the sum of its ancestors' margins.
426
- *margin-left: -160px;
427
-
428
- &+.add-on {
429
- *margin-left: -21px;
430
- }
431
- }
432
- }
433
-
434
-
435
-
436
- // SEARCH FORM
437
- // -----------
438
-
439
- .search-query {
440
- padding-left: 14px;
441
- padding-right: 14px;
442
- margin-bottom: 0; // remove the default margin on all inputs
443
- @include border-radius(14px);
444
- }
445
-
446
-
447
-
448
- // HORIZONTAL & VERTICAL FORMS
449
- // ---------------------------
450
-
451
- // Common properties
452
- // -----------------
453
-
454
- .form-search,
455
- .form-inline,
456
- .form-horizontal {
457
- input,
458
- textarea,
459
- select,
460
- .help-inline,
461
- .uneditable-input {
462
- display: inline-block;
463
- margin-bottom: 0;
464
- }
465
- }
466
- .form-search label,
467
- .form-inline label,
468
- .form-search .input-append,
469
- .form-inline .input-append,
470
- .form-search .input-prepend,
471
- .form-inline .input-prepend {
472
- display: inline-block;
473
- }
474
- // Make the prepend and append add-on vertical-align: middle;
475
- .form-search .input-append .add-on,
476
- .form-inline .input-prepend .add-on,
477
- .form-search .input-append .add-on,
478
- .form-inline .input-prepend .add-on {
479
- vertical-align: middle;
480
- }
481
-
482
- // Margin to space out fieldsets
483
- .control-group {
484
- margin-bottom: $baseLineHeight / 2;
485
- }
486
-
487
- // Horizontal-specific styles
488
- // --------------------------
489
-
490
- .form-horizontal {
491
- // Legend collapses margin, so we're relegated to padding
492
- legend + .control-group {
493
- margin-top: $baseLineHeight;
494
- -webkit-margin-top-collapse: separate;
495
- }
496
- // Increase spacing between groups
497
- .control-group {
498
- margin-bottom: $baseLineHeight;
499
- @include clearfix();
500
- }
501
- // Float the labels left
502
- .control-group > label {
503
- float: left;
504
- width: 140px;
505
- padding-top: 5px;
506
- text-align: right;
507
- }
508
- // Move over all input controls and content
509
- .controls {
510
- margin-left: 160px;
511
- }
512
- // Move over buttons in .form-actions to align with .controls
513
- .form-actions {
514
- padding-left: 160px;
515
- }
516
- }