bootstrap-sass-rails 3.0.3.0 → 3.1.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (66) hide show
  1. data/LICENSE +1 -1
  2. data/README.md +24 -133
  3. data/app/assets/javascripts/twitter/bootstrap.js +1 -12
  4. data/app/assets/javascripts/twitter/bootstrap/affix.js +1 -126
  5. data/app/assets/javascripts/twitter/bootstrap/alert.js +1 -98
  6. data/app/assets/javascripts/twitter/bootstrap/button.js +1 -115
  7. data/app/assets/javascripts/twitter/bootstrap/carousel.js +1 -217
  8. data/app/assets/javascripts/twitter/bootstrap/collapse.js +1 -179
  9. data/app/assets/javascripts/twitter/bootstrap/dropdown.js +1 -154
  10. data/app/assets/javascripts/twitter/bootstrap/modal.js +1 -246
  11. data/app/assets/javascripts/twitter/bootstrap/popover.js +1 -117
  12. data/app/assets/javascripts/twitter/bootstrap/scrollspy.js +1 -158
  13. data/app/assets/javascripts/twitter/bootstrap/tab.js +1 -135
  14. data/app/assets/javascripts/twitter/bootstrap/tooltip.js +1 -386
  15. data/app/assets/javascripts/twitter/bootstrap/transition.js +1 -56
  16. data/app/assets/stylesheets/twitter/bootstrap.css.scss +1 -49
  17. data/app/assets/stylesheets/twitter/bootstrap/_alerts.scss +1 -67
  18. data/app/assets/stylesheets/twitter/bootstrap/_badges.scss +1 -51
  19. data/app/assets/stylesheets/twitter/bootstrap/_breadcrumbs.scss +1 -23
  20. data/app/assets/stylesheets/twitter/bootstrap/_button-groups.scss +1 -227
  21. data/app/assets/stylesheets/twitter/bootstrap/_buttons.scss +1 -155
  22. data/app/assets/stylesheets/twitter/bootstrap/_carousel.scss +1 -232
  23. data/app/assets/stylesheets/twitter/bootstrap/_close.scss +1 -34
  24. data/app/assets/stylesheets/twitter/bootstrap/_code.scss +1 -53
  25. data/app/assets/stylesheets/twitter/bootstrap/_component-animations.scss +1 -29
  26. data/app/assets/stylesheets/twitter/bootstrap/_dropdowns.scss +1 -187
  27. data/app/assets/stylesheets/twitter/bootstrap/_forms.scss +1 -373
  28. data/app/assets/stylesheets/twitter/bootstrap/_glyphicons.scss +1 -237
  29. data/app/assets/stylesheets/twitter/bootstrap/_grid.scss +1 -78
  30. data/app/assets/stylesheets/twitter/bootstrap/_input-groups.scss +1 -136
  31. data/app/assets/stylesheets/twitter/bootstrap/_jumbotron.scss +1 -46
  32. data/app/assets/stylesheets/twitter/bootstrap/_labels.scss +1 -64
  33. data/app/assets/stylesheets/twitter/bootstrap/_list-group.scss +1 -88
  34. data/app/assets/stylesheets/twitter/bootstrap/_media.scss +1 -56
  35. data/app/assets/stylesheets/twitter/bootstrap/_mixins.scss +1 -847
  36. data/app/assets/stylesheets/twitter/bootstrap/_modals.scss +1 -129
  37. data/app/assets/stylesheets/twitter/bootstrap/_navbar.scss +1 -616
  38. data/app/assets/stylesheets/twitter/bootstrap/_navs.scss +1 -242
  39. data/app/assets/stylesheets/twitter/bootstrap/_normalize.scss +1 -406
  40. data/app/assets/stylesheets/twitter/bootstrap/_pager.scss +1 -55
  41. data/app/assets/stylesheets/twitter/bootstrap/_pagination.scss +1 -85
  42. data/app/assets/stylesheets/twitter/bootstrap/_panels.scss +1 -182
  43. data/app/assets/stylesheets/twitter/bootstrap/_popovers.scss +1 -133
  44. data/app/assets/stylesheets/twitter/bootstrap/_print.scss +1 -105
  45. data/app/assets/stylesheets/twitter/bootstrap/_progress-bars.scss +1 -80
  46. data/app/assets/stylesheets/twitter/bootstrap/_responsive-utilities.scss +1 -198
  47. data/app/assets/stylesheets/twitter/bootstrap/_scaffolding.scss +1 -119
  48. data/app/assets/stylesheets/twitter/bootstrap/_tables.scss +1 -231
  49. data/app/assets/stylesheets/twitter/bootstrap/_theme.scss +1 -247
  50. data/app/assets/stylesheets/twitter/bootstrap/_thumbnails.scss +1 -38
  51. data/app/assets/stylesheets/twitter/bootstrap/_tooltip.scss +1 -95
  52. data/app/assets/stylesheets/twitter/bootstrap/_type.scss +1 -281
  53. data/app/assets/stylesheets/twitter/bootstrap/_utilities.scss +1 -56
  54. data/app/assets/stylesheets/twitter/bootstrap/_variables.scss +1 -642
  55. data/app/assets/stylesheets/twitter/bootstrap/_wells.scss +1 -29
  56. data/lib/bootstrap-sass-rails.rb +1 -1
  57. data/lib/bootstrap/sass/rails/engine.rb +3 -8
  58. data/lib/bootstrap/sass/rails/version.rb +2 -1
  59. data/lib/generators/bootstrap/templates/USAGE +1 -1
  60. metadata +37 -17
  61. data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.eot +0 -0
  62. data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.svg +0 -229
  63. data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.ttf +0 -0
  64. data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.woff +0 -0
  65. data/lib/bootstrap/sass/extensions.rb +0 -5
  66. data/lib/bootstrap/sass/extensions/functions.rb +0 -15
@@ -1,237 +1 @@
1
- //
2
- // Glyphicons for Bootstrap
3
- //
4
- // Since icons are fonts, they can be placed anywhere text is placed and are
5
- // thus automatically sized to match the surrounding child. To use, create an
6
- // inline element with the appropriate classes, like so:
7
- //
8
- // <a href="#"><span class="glyphicon glyphicon-star"></span> Star</a>
9
-
10
- // Import the fonts
11
- @font-face {
12
- font-family: 'Glyphicons Halflings';
13
- src: font-url("#{$icon-font-path}#{$icon-font-name}.eot");
14
- src: font-url("#{$icon-font-path}#{$icon-font-name}.eot?#iefix") format('embedded-opentype'),
15
- font-url("#{$icon-font-path}#{$icon-font-name}.woff") format('woff'),
16
- font-url("#{$icon-font-path}#{$icon-font-name}.ttf") format('truetype'),
17
- font-url("#{$icon-font-path}#{$icon-font-name}.svg#glyphicons-halflingsregular") format('svg');
18
- }
19
-
20
- // Catchall baseclass
21
- .glyphicon {
22
- position: relative;
23
- top: 1px;
24
- display: inline-block;
25
- font-family: 'Glyphicons Halflings';
26
- font-style: normal;
27
- font-weight: normal;
28
- line-height: 1;
29
- -webkit-font-smoothing: antialiased;
30
- -moz-osx-font-smoothing: grayscale;
31
-
32
- &:empty {
33
- width: 1em;
34
- }
35
- }
36
-
37
- // Individual icons
38
- .glyphicon-asterisk { &:before { content: "\2a"; } }
39
- .glyphicon-plus { &:before { content: "\2b"; } }
40
- .glyphicon-euro { &:before { content: "\20ac"; } }
41
- .glyphicon-minus { &:before { content: "\2212"; } }
42
- .glyphicon-cloud { &:before { content: "\2601"; } }
43
- .glyphicon-envelope { &:before { content: "\2709"; } }
44
- .glyphicon-pencil { &:before { content: "\270f"; } }
45
- .glyphicon-glass { &:before { content: "\e001"; } }
46
- .glyphicon-music { &:before { content: "\e002"; } }
47
- .glyphicon-search { &:before { content: "\e003"; } }
48
- .glyphicon-heart { &:before { content: "\e005"; } }
49
- .glyphicon-star { &:before { content: "\e006"; } }
50
- .glyphicon-star-empty { &:before { content: "\e007"; } }
51
- .glyphicon-user { &:before { content: "\e008"; } }
52
- .glyphicon-film { &:before { content: "\e009"; } }
53
- .glyphicon-th-large { &:before { content: "\e010"; } }
54
- .glyphicon-th { &:before { content: "\e011"; } }
55
- .glyphicon-th-list { &:before { content: "\e012"; } }
56
- .glyphicon-ok { &:before { content: "\e013"; } }
57
- .glyphicon-remove { &:before { content: "\e014"; } }
58
- .glyphicon-zoom-in { &:before { content: "\e015"; } }
59
- .glyphicon-zoom-out { &:before { content: "\e016"; } }
60
- .glyphicon-off { &:before { content: "\e017"; } }
61
- .glyphicon-signal { &:before { content: "\e018"; } }
62
- .glyphicon-cog { &:before { content: "\e019"; } }
63
- .glyphicon-trash { &:before { content: "\e020"; } }
64
- .glyphicon-home { &:before { content: "\e021"; } }
65
- .glyphicon-file { &:before { content: "\e022"; } }
66
- .glyphicon-time { &:before { content: "\e023"; } }
67
- .glyphicon-road { &:before { content: "\e024"; } }
68
- .glyphicon-download-alt { &:before { content: "\e025"; } }
69
- .glyphicon-download { &:before { content: "\e026"; } }
70
- .glyphicon-upload { &:before { content: "\e027"; } }
71
- .glyphicon-inbox { &:before { content: "\e028"; } }
72
- .glyphicon-play-circle { &:before { content: "\e029"; } }
73
- .glyphicon-repeat { &:before { content: "\e030"; } }
74
- .glyphicon-refresh { &:before { content: "\e031"; } }
75
- .glyphicon-list-alt { &:before { content: "\e032"; } }
76
- .glyphicon-lock { &:before { content: "\e033"; } }
77
- .glyphicon-flag { &:before { content: "\e034"; } }
78
- .glyphicon-headphones { &:before { content: "\e035"; } }
79
- .glyphicon-volume-off { &:before { content: "\e036"; } }
80
- .glyphicon-volume-down { &:before { content: "\e037"; } }
81
- .glyphicon-volume-up { &:before { content: "\e038"; } }
82
- .glyphicon-qrcode { &:before { content: "\e039"; } }
83
- .glyphicon-barcode { &:before { content: "\e040"; } }
84
- .glyphicon-tag { &:before { content: "\e041"; } }
85
- .glyphicon-tags { &:before { content: "\e042"; } }
86
- .glyphicon-book { &:before { content: "\e043"; } }
87
- .glyphicon-bookmark { &:before { content: "\e044"; } }
88
- .glyphicon-print { &:before { content: "\e045"; } }
89
- .glyphicon-camera { &:before { content: "\e046"; } }
90
- .glyphicon-font { &:before { content: "\e047"; } }
91
- .glyphicon-bold { &:before { content: "\e048"; } }
92
- .glyphicon-italic { &:before { content: "\e049"; } }
93
- .glyphicon-text-height { &:before { content: "\e050"; } }
94
- .glyphicon-text-width { &:before { content: "\e051"; } }
95
- .glyphicon-align-left { &:before { content: "\e052"; } }
96
- .glyphicon-align-center { &:before { content: "\e053"; } }
97
- .glyphicon-align-right { &:before { content: "\e054"; } }
98
- .glyphicon-align-justify { &:before { content: "\e055"; } }
99
- .glyphicon-list { &:before { content: "\e056"; } }
100
- .glyphicon-indent-left { &:before { content: "\e057"; } }
101
- .glyphicon-indent-right { &:before { content: "\e058"; } }
102
- .glyphicon-facetime-video { &:before { content: "\e059"; } }
103
- .glyphicon-picture { &:before { content: "\e060"; } }
104
- .glyphicon-map-marker { &:before { content: "\e062"; } }
105
- .glyphicon-adjust { &:before { content: "\e063"; } }
106
- .glyphicon-tint { &:before { content: "\e064"; } }
107
- .glyphicon-edit { &:before { content: "\e065"; } }
108
- .glyphicon-share { &:before { content: "\e066"; } }
109
- .glyphicon-check { &:before { content: "\e067"; } }
110
- .glyphicon-move { &:before { content: "\e068"; } }
111
- .glyphicon-step-backward { &:before { content: "\e069"; } }
112
- .glyphicon-fast-backward { &:before { content: "\e070"; } }
113
- .glyphicon-backward { &:before { content: "\e071"; } }
114
- .glyphicon-play { &:before { content: "\e072"; } }
115
- .glyphicon-pause { &:before { content: "\e073"; } }
116
- .glyphicon-stop { &:before { content: "\e074"; } }
117
- .glyphicon-forward { &:before { content: "\e075"; } }
118
- .glyphicon-fast-forward { &:before { content: "\e076"; } }
119
- .glyphicon-step-forward { &:before { content: "\e077"; } }
120
- .glyphicon-eject { &:before { content: "\e078"; } }
121
- .glyphicon-chevron-left { &:before { content: "\e079"; } }
122
- .glyphicon-chevron-right { &:before { content: "\e080"; } }
123
- .glyphicon-plus-sign { &:before { content: "\e081"; } }
124
- .glyphicon-minus-sign { &:before { content: "\e082"; } }
125
- .glyphicon-remove-sign { &:before { content: "\e083"; } }
126
- .glyphicon-ok-sign { &:before { content: "\e084"; } }
127
- .glyphicon-question-sign { &:before { content: "\e085"; } }
128
- .glyphicon-info-sign { &:before { content: "\e086"; } }
129
- .glyphicon-screenshot { &:before { content: "\e087"; } }
130
- .glyphicon-remove-circle { &:before { content: "\e088"; } }
131
- .glyphicon-ok-circle { &:before { content: "\e089"; } }
132
- .glyphicon-ban-circle { &:before { content: "\e090"; } }
133
- .glyphicon-arrow-left { &:before { content: "\e091"; } }
134
- .glyphicon-arrow-right { &:before { content: "\e092"; } }
135
- .glyphicon-arrow-up { &:before { content: "\e093"; } }
136
- .glyphicon-arrow-down { &:before { content: "\e094"; } }
137
- .glyphicon-share-alt { &:before { content: "\e095"; } }
138
- .glyphicon-resize-full { &:before { content: "\e096"; } }
139
- .glyphicon-resize-small { &:before { content: "\e097"; } }
140
- .glyphicon-exclamation-sign { &:before { content: "\e101"; } }
141
- .glyphicon-gift { &:before { content: "\e102"; } }
142
- .glyphicon-leaf { &:before { content: "\e103"; } }
143
- .glyphicon-fire { &:before { content: "\e104"; } }
144
- .glyphicon-eye-open { &:before { content: "\e105"; } }
145
- .glyphicon-eye-close { &:before { content: "\e106"; } }
146
- .glyphicon-warning-sign { &:before { content: "\e107"; } }
147
- .glyphicon-plane { &:before { content: "\e108"; } }
148
- .glyphicon-calendar { &:before { content: "\e109"; } }
149
- .glyphicon-random { &:before { content: "\e110"; } }
150
- .glyphicon-comment { &:before { content: "\e111"; } }
151
- .glyphicon-magnet { &:before { content: "\e112"; } }
152
- .glyphicon-chevron-up { &:before { content: "\e113"; } }
153
- .glyphicon-chevron-down { &:before { content: "\e114"; } }
154
- .glyphicon-retweet { &:before { content: "\e115"; } }
155
- .glyphicon-shopping-cart { &:before { content: "\e116"; } }
156
- .glyphicon-folder-close { &:before { content: "\e117"; } }
157
- .glyphicon-folder-open { &:before { content: "\e118"; } }
158
- .glyphicon-resize-vertical { &:before { content: "\e119"; } }
159
- .glyphicon-resize-horizontal { &:before { content: "\e120"; } }
160
- .glyphicon-hdd { &:before { content: "\e121"; } }
161
- .glyphicon-bullhorn { &:before { content: "\e122"; } }
162
- .glyphicon-bell { &:before { content: "\e123"; } }
163
- .glyphicon-certificate { &:before { content: "\e124"; } }
164
- .glyphicon-thumbs-up { &:before { content: "\e125"; } }
165
- .glyphicon-thumbs-down { &:before { content: "\e126"; } }
166
- .glyphicon-hand-right { &:before { content: "\e127"; } }
167
- .glyphicon-hand-left { &:before { content: "\e128"; } }
168
- .glyphicon-hand-up { &:before { content: "\e129"; } }
169
- .glyphicon-hand-down { &:before { content: "\e130"; } }
170
- .glyphicon-circle-arrow-right { &:before { content: "\e131"; } }
171
- .glyphicon-circle-arrow-left { &:before { content: "\e132"; } }
172
- .glyphicon-circle-arrow-up { &:before { content: "\e133"; } }
173
- .glyphicon-circle-arrow-down { &:before { content: "\e134"; } }
174
- .glyphicon-globe { &:before { content: "\e135"; } }
175
- .glyphicon-wrench { &:before { content: "\e136"; } }
176
- .glyphicon-tasks { &:before { content: "\e137"; } }
177
- .glyphicon-filter { &:before { content: "\e138"; } }
178
- .glyphicon-briefcase { &:before { content: "\e139"; } }
179
- .glyphicon-fullscreen { &:before { content: "\e140"; } }
180
- .glyphicon-dashboard { &:before { content: "\e141"; } }
181
- .glyphicon-paperclip { &:before { content: "\e142"; } }
182
- .glyphicon-heart-empty { &:before { content: "\e143"; } }
183
- .glyphicon-link { &:before { content: "\e144"; } }
184
- .glyphicon-phone { &:before { content: "\e145"; } }
185
- .glyphicon-pushpin { &:before { content: "\e146"; } }
186
- .glyphicon-usd { &:before { content: "\e148"; } }
187
- .glyphicon-gbp { &:before { content: "\e149"; } }
188
- .glyphicon-sort { &:before { content: "\e150"; } }
189
- .glyphicon-sort-by-alphabet { &:before { content: "\e151"; } }
190
- .glyphicon-sort-by-alphabet-alt { &:before { content: "\e152"; } }
191
- .glyphicon-sort-by-order { &:before { content: "\e153"; } }
192
- .glyphicon-sort-by-order-alt { &:before { content: "\e154"; } }
193
- .glyphicon-sort-by-attributes { &:before { content: "\e155"; } }
194
- .glyphicon-sort-by-attributes-alt { &:before { content: "\e156"; } }
195
- .glyphicon-unchecked { &:before { content: "\e157"; } }
196
- .glyphicon-expand { &:before { content: "\e158"; } }
197
- .glyphicon-collapse-down { &:before { content: "\e159"; } }
198
- .glyphicon-collapse-up { &:before { content: "\e160"; } }
199
- .glyphicon-log-in { &:before { content: "\e161"; } }
200
- .glyphicon-flash { &:before { content: "\e162"; } }
201
- .glyphicon-log-out { &:before { content: "\e163"; } }
202
- .glyphicon-new-window { &:before { content: "\e164"; } }
203
- .glyphicon-record { &:before { content: "\e165"; } }
204
- .glyphicon-save { &:before { content: "\e166"; } }
205
- .glyphicon-open { &:before { content: "\e167"; } }
206
- .glyphicon-saved { &:before { content: "\e168"; } }
207
- .glyphicon-import { &:before { content: "\e169"; } }
208
- .glyphicon-export { &:before { content: "\e170"; } }
209
- .glyphicon-send { &:before { content: "\e171"; } }
210
- .glyphicon-floppy-disk { &:before { content: "\e172"; } }
211
- .glyphicon-floppy-saved { &:before { content: "\e173"; } }
212
- .glyphicon-floppy-remove { &:before { content: "\e174"; } }
213
- .glyphicon-floppy-save { &:before { content: "\e175"; } }
214
- .glyphicon-floppy-open { &:before { content: "\e176"; } }
215
- .glyphicon-credit-card { &:before { content: "\e177"; } }
216
- .glyphicon-transfer { &:before { content: "\e178"; } }
217
- .glyphicon-cutlery { &:before { content: "\e179"; } }
218
- .glyphicon-header { &:before { content: "\e180"; } }
219
- .glyphicon-compressed { &:before { content: "\e181"; } }
220
- .glyphicon-earphone { &:before { content: "\e182"; } }
221
- .glyphicon-phone-alt { &:before { content: "\e183"; } }
222
- .glyphicon-tower { &:before { content: "\e184"; } }
223
- .glyphicon-stats { &:before { content: "\e185"; } }
224
- .glyphicon-sd-video { &:before { content: "\e186"; } }
225
- .glyphicon-hd-video { &:before { content: "\e187"; } }
226
- .glyphicon-subtitles { &:before { content: "\e188"; } }
227
- .glyphicon-sound-stereo { &:before { content: "\e189"; } }
228
- .glyphicon-sound-dolby { &:before { content: "\e190"; } }
229
- .glyphicon-sound-5-1 { &:before { content: "\e191"; } }
230
- .glyphicon-sound-6-1 { &:before { content: "\e192"; } }
231
- .glyphicon-sound-7-1 { &:before { content: "\e193"; } }
232
- .glyphicon-copyright-mark { &:before { content: "\e194"; } }
233
- .glyphicon-registration-mark { &:before { content: "\e195"; } }
234
- .glyphicon-cloud-download { &:before { content: "\e197"; } }
235
- .glyphicon-cloud-upload { &:before { content: "\e198"; } }
236
- .glyphicon-tree-conifer { &:before { content: "\e199"; } }
237
- .glyphicon-tree-deciduous { &:before { content: "\e200"; } }
1
+ @import "bootstrap/glyphicons";
@@ -1,78 +1 @@
1
- //
2
- // Grid system
3
- // --------------------------------------------------
4
-
5
- // Set the container width, and override it for fixed navbars in media queries
6
- .container {
7
- @include container-fixed();
8
-
9
- @media (min-width: $screen-sm) {
10
- width: $container-sm;
11
- }
12
- @media (min-width: $screen-md) {
13
- width: $container-md;
14
- }
15
- @media (min-width: $screen-lg-min) {
16
- width: $container-lg;
17
- }
18
- }
19
-
20
- // mobile first defaults
21
- .row {
22
- @include make-row();
23
- }
24
-
25
- // Common styles for small and large grid columns
26
- @include make-grid-columns();
27
-
28
-
29
- // Extra small grid
30
- //
31
- // Columns, offsets, pushes, and pulls for extra small devices like
32
- // smartphones.
33
-
34
- @include make-grid-columns-float(xs);
35
- @include make-grid($grid-columns, xs, width);
36
- @include make-grid($grid-columns, xs, pull);
37
- @include make-grid($grid-columns, xs, push);
38
- @include make-grid($grid-columns, xs, offset);
39
-
40
-
41
- // Small grid
42
- //
43
- // Columns, offsets, pushes, and pulls for the small device range, from phones
44
- // to tablets.
45
-
46
- @media (min-width: $screen-sm-min) {
47
- @include make-grid-columns-float(sm);
48
- @include make-grid($grid-columns, sm, width);
49
- @include make-grid($grid-columns, sm, pull);
50
- @include make-grid($grid-columns, sm, push);
51
- @include make-grid($grid-columns, sm, offset);
52
- }
53
-
54
-
55
- // Medium grid
56
- //
57
- // Columns, offsets, pushes, and pulls for the desktop device range.
58
-
59
- @media (min-width: $screen-md-min) {
60
- @include make-grid-columns-float(md);
61
- @include make-grid($grid-columns, md, width);
62
- @include make-grid($grid-columns, md, pull);
63
- @include make-grid($grid-columns, md, push);
64
- @include make-grid($grid-columns, md, offset);
65
- }
66
-
67
-
68
- // Large grid
69
- //
70
- // Columns, offsets, pushes, and pulls for the large desktop device range.
71
-
72
- @media (min-width: $screen-lg-min) {
73
- @include make-grid-columns-float(lg);
74
- @include make-grid($grid-columns, lg, width);
75
- @include make-grid($grid-columns, lg, pull);
76
- @include make-grid($grid-columns, lg, push);
77
- @include make-grid($grid-columns, lg, offset);
78
- }
1
+ @import "bootstrap/grid";
@@ -1,136 +1 @@
1
- //
2
- // Input groups
3
- // --------------------------------------------------
4
-
5
- // Base styles
6
- // -------------------------
7
- .input-group {
8
- position: relative; // For dropdowns
9
- display: table;
10
- border-collapse: separate; // prevent input groups from inheriting border styles from table cells when placed within a table
11
-
12
- // Undo padding and float of grid classes
13
- &[class*="col-"] {
14
- float: none;
15
- padding-left: 0;
16
- padding-right: 0;
17
- }
18
-
19
- .form-control {
20
- width: 100%;
21
- margin-bottom: 0;
22
- }
23
- }
24
-
25
- // Sizing options
26
- //
27
- // Remix the default form control sizing classes into new ones for easier
28
- // manipulation.
29
-
30
- .input-group-lg > .form-control,
31
- .input-group-lg > .input-group-addon,
32
- .input-group-lg > .input-group-btn > .btn { @extend .input-lg; }
33
- .input-group-sm > .form-control,
34
- .input-group-sm > .input-group-addon,
35
- .input-group-sm > .input-group-btn > .btn { @extend .input-sm; }
36
-
37
-
38
- // Display as table-cell
39
- // -------------------------
40
- .input-group-addon,
41
- .input-group-btn,
42
- .input-group .form-control {
43
- display: table-cell;
44
-
45
- &:not(:first-child):not(:last-child) {
46
- border-radius: 0;
47
- }
48
- }
49
- // Addon and addon wrapper for buttons
50
- .input-group-addon,
51
- .input-group-btn {
52
- width: 1%;
53
- white-space: nowrap;
54
- vertical-align: middle; // Match the inputs
55
- }
56
-
57
- // Text input groups
58
- // -------------------------
59
- .input-group-addon {
60
- padding: $padding-base-vertical $padding-base-horizontal;
61
- font-size: $font-size-base;
62
- font-weight: normal;
63
- line-height: 1;
64
- color: $input-color;
65
- text-align: center;
66
- background-color: $input-group-addon-bg;
67
- border: 1px solid $input-group-addon-border-color;
68
- border-radius: $border-radius-base;
69
-
70
- // Sizing
71
- &.input-sm {
72
- padding: $padding-small-vertical $padding-small-horizontal;
73
- font-size: $font-size-small;
74
- border-radius: $border-radius-small;
75
- }
76
- &.input-lg {
77
- padding: $padding-large-vertical $padding-large-horizontal;
78
- font-size: $font-size-large;
79
- border-radius: $border-radius-large;
80
- }
81
-
82
- // Nuke default margins from checkboxes and radios to vertically center within.
83
- input[type="radio"],
84
- input[type="checkbox"] {
85
- margin-top: 0;
86
- }
87
- }
88
-
89
- // Reset rounded corners
90
- .input-group .form-control:first-child,
91
- .input-group-addon:first-child,
92
- .input-group-btn:first-child > .btn,
93
- .input-group-btn:first-child > .dropdown-toggle,
94
- .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
95
- @include border-right-radius(0);
96
- }
97
- .input-group-addon:first-child {
98
- border-right: 0;
99
- }
100
- .input-group .form-control:last-child,
101
- .input-group-addon:last-child,
102
- .input-group-btn:last-child > .btn,
103
- .input-group-btn:last-child > .dropdown-toggle,
104
- .input-group-btn:first-child > .btn:not(:first-child) {
105
- @include border-left-radius(0);
106
- }
107
- .input-group-addon:last-child {
108
- border-left: 0;
109
- }
110
-
111
- // Button input groups
112
- // -------------------------
113
- .input-group-btn {
114
- position: relative;
115
- white-space: nowrap;
116
-
117
- // Negative margin to only have a 1px border between the two
118
- &:first-child > .btn {
119
- margin-right: -1px;
120
- }
121
- &:last-child > .btn {
122
- margin-left: -1px;
123
- }
124
- }
125
- .input-group-btn > .btn {
126
- position: relative;
127
- // Jankily prevent input button groups from wrapping
128
- + .btn {
129
- margin-left: -4px;
130
- }
131
- // Bring the "active" button to the front
132
- &:hover,
133
- &:active {
134
- z-index: 2;
135
- }
136
- }
1
+ @import "bootstrap/input-groups";