bootstrap-sass-rails 3.0.0.3 → 3.1.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (72) hide show
  1. data/LICENSE +1 -1
  2. data/README.md +24 -113
  3. data/app/assets/javascripts/twitter/bootstrap/affix.js +1 -126
  4. data/app/assets/javascripts/twitter/bootstrap/alert.js +1 -98
  5. data/app/assets/javascripts/twitter/bootstrap/button.js +1 -109
  6. data/app/assets/javascripts/twitter/bootstrap/carousel.js +1 -217
  7. data/app/assets/javascripts/twitter/bootstrap/collapse.js +1 -179
  8. data/app/assets/javascripts/twitter/bootstrap/dropdown.js +1 -154
  9. data/app/assets/javascripts/twitter/bootstrap/modal.js +1 -246
  10. data/app/assets/javascripts/twitter/bootstrap/popover.js +1 -117
  11. data/app/assets/javascripts/twitter/bootstrap/scrollspy.js +1 -158
  12. data/app/assets/javascripts/twitter/bootstrap/tab.js +1 -135
  13. data/app/assets/javascripts/twitter/bootstrap/tooltip.js +1 -386
  14. data/app/assets/javascripts/twitter/bootstrap/transition.js +1 -56
  15. data/app/assets/javascripts/twitter/bootstrap.js +1 -12
  16. data/app/assets/stylesheets/twitter/bootstrap/_alerts.scss +1 -67
  17. data/app/assets/stylesheets/twitter/bootstrap/_badges.scss +1 -51
  18. data/app/assets/stylesheets/twitter/bootstrap/_breadcrumbs.scss +1 -23
  19. data/app/assets/stylesheets/twitter/bootstrap/_button-groups.scss +1 -248
  20. data/app/assets/stylesheets/twitter/bootstrap/_buttons.scss +1 -160
  21. data/app/assets/stylesheets/twitter/bootstrap/_carousel.scss +1 -209
  22. data/app/assets/stylesheets/twitter/bootstrap/_close.scss +1 -33
  23. data/app/assets/stylesheets/twitter/bootstrap/_code.scss +1 -56
  24. data/app/assets/stylesheets/twitter/bootstrap/_component-animations.scss +1 -29
  25. data/app/assets/stylesheets/twitter/bootstrap/_dropdowns.scss +1 -193
  26. data/app/assets/stylesheets/twitter/bootstrap/_forms.scss +1 -350
  27. data/app/assets/stylesheets/twitter/bootstrap/_glyphicons.scss +1 -232
  28. data/app/assets/stylesheets/twitter/bootstrap/_grid.scss +1 -346
  29. data/app/assets/stylesheets/twitter/bootstrap/_input-groups.scss +1 -127
  30. data/app/assets/stylesheets/twitter/bootstrap/_jumbotron.scss +1 -40
  31. data/app/assets/stylesheets/twitter/bootstrap/_labels.scss +1 -58
  32. data/app/assets/stylesheets/twitter/bootstrap/_list-group.scss +1 -89
  33. data/app/assets/stylesheets/twitter/bootstrap/_media.scss +1 -56
  34. data/app/assets/stylesheets/twitter/bootstrap/_mixins.scss +1 -736
  35. data/app/assets/stylesheets/twitter/bootstrap/_modals.scss +1 -145
  36. data/app/assets/stylesheets/twitter/bootstrap/_navbar.scss +1 -625
  37. data/app/assets/stylesheets/twitter/bootstrap/_navs.scss +1 -229
  38. data/app/assets/stylesheets/twitter/bootstrap/_normalize.scss +1 -396
  39. data/app/assets/stylesheets/twitter/bootstrap/_pager.scss +1 -55
  40. data/app/assets/stylesheets/twitter/bootstrap/_pagination.scss +1 -83
  41. data/app/assets/stylesheets/twitter/bootstrap/_panels.scss +1 -148
  42. data/app/assets/stylesheets/twitter/bootstrap/_popovers.scss +1 -133
  43. data/app/assets/stylesheets/twitter/bootstrap/_print.scss +1 -100
  44. data/app/assets/stylesheets/twitter/bootstrap/_progress-bars.scss +1 -95
  45. data/app/assets/stylesheets/twitter/bootstrap/_responsive-utilities.scss +1 -209
  46. data/app/assets/stylesheets/twitter/bootstrap/_scaffolding.scss +1 -130
  47. data/app/assets/stylesheets/twitter/bootstrap/_tables.scss +1 -236
  48. data/app/assets/stylesheets/twitter/bootstrap/_theme.scss +1 -232
  49. data/app/assets/stylesheets/twitter/bootstrap/_thumbnails.scss +1 -31
  50. data/app/assets/stylesheets/twitter/bootstrap/_tooltip.scss +1 -95
  51. data/app/assets/stylesheets/twitter/bootstrap/_type.scss +1 -238
  52. data/app/assets/stylesheets/twitter/bootstrap/_utilities.scss +1 -42
  53. data/app/assets/stylesheets/twitter/bootstrap/_variables.scss +1 -620
  54. data/app/assets/stylesheets/twitter/bootstrap/_wells.scss +1 -29
  55. data/app/assets/stylesheets/twitter/bootstrap.css.scss +1 -59
  56. data/lib/bootstrap/sass/rails/engine.rb +4 -1
  57. data/lib/bootstrap/sass/rails/version.rb +2 -1
  58. data/lib/bootstrap-sass-rails.rb +1 -1
  59. data/lib/generators/bootstrap/customize_generator.rb +37 -0
  60. data/lib/generators/bootstrap/templates/USAGE +23 -0
  61. data/lib/generators/bootstrap/templates/bootstrap-custom.css.scss +18 -0
  62. data/lib/generators/bootstrap/templates/bootstrap-custom.js +3 -0
  63. data/test/cases/less_to_sass_spec.rb +1 -1
  64. data/test/cases/usage_css_spec.rb +0 -3
  65. metadata +60 -18
  66. checksums.yaml +0 -15
  67. data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.eot +0 -0
  68. data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.svg +0 -228
  69. data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.ttf +0 -0
  70. data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.woff +0 -0
  71. data/lib/bootstrap/sass/extensions/functions.rb +0 -15
  72. data/lib/bootstrap/sass/extensions.rb +0 -5
@@ -1,232 +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
- }
31
-
32
- // Individual icons
33
- .glyphicon-asterisk { &:before { content: "\2a"; } }
34
- .glyphicon-plus { &:before { content: "\2b"; } }
35
- .glyphicon-euro { &:before { content: "\20ac"; } }
36
- .glyphicon-minus { &:before { content: "\2212"; } }
37
- .glyphicon-cloud { &:before { content: "\2601"; } }
38
- .glyphicon-envelope { &:before { content: "\2709"; } }
39
- .glyphicon-pencil { &:before { content: "\270f"; } }
40
- .glyphicon-glass { &:before { content: "\e001"; } }
41
- .glyphicon-music { &:before { content: "\e002"; } }
42
- .glyphicon-search { &:before { content: "\e003"; } }
43
- .glyphicon-heart { &:before { content: "\e005"; } }
44
- .glyphicon-star { &:before { content: "\e006"; } }
45
- .glyphicon-star-empty { &:before { content: "\e007"; } }
46
- .glyphicon-user { &:before { content: "\e008"; } }
47
- .glyphicon-film { &:before { content: "\e009"; } }
48
- .glyphicon-th-large { &:before { content: "\e010"; } }
49
- .glyphicon-th { &:before { content: "\e011"; } }
50
- .glyphicon-th-list { &:before { content: "\e012"; } }
51
- .glyphicon-ok { &:before { content: "\e013"; } }
52
- .glyphicon-remove { &:before { content: "\e014"; } }
53
- .glyphicon-zoom-in { &:before { content: "\e015"; } }
54
- .glyphicon-zoom-out { &:before { content: "\e016"; } }
55
- .glyphicon-off { &:before { content: "\e017"; } }
56
- .glyphicon-signal { &:before { content: "\e018"; } }
57
- .glyphicon-cog { &:before { content: "\e019"; } }
58
- .glyphicon-trash { &:before { content: "\e020"; } }
59
- .glyphicon-home { &:before { content: "\e021"; } }
60
- .glyphicon-file { &:before { content: "\e022"; } }
61
- .glyphicon-time { &:before { content: "\e023"; } }
62
- .glyphicon-road { &:before { content: "\e024"; } }
63
- .glyphicon-download-alt { &:before { content: "\e025"; } }
64
- .glyphicon-download { &:before { content: "\e026"; } }
65
- .glyphicon-upload { &:before { content: "\e027"; } }
66
- .glyphicon-inbox { &:before { content: "\e028"; } }
67
- .glyphicon-play-circle { &:before { content: "\e029"; } }
68
- .glyphicon-repeat { &:before { content: "\e030"; } }
69
- .glyphicon-refresh { &:before { content: "\e031"; } }
70
- .glyphicon-list-alt { &:before { content: "\e032"; } }
71
- .glyphicon-flag { &:before { content: "\e034"; } }
72
- .glyphicon-headphones { &:before { content: "\e035"; } }
73
- .glyphicon-volume-off { &:before { content: "\e036"; } }
74
- .glyphicon-volume-down { &:before { content: "\e037"; } }
75
- .glyphicon-volume-up { &:before { content: "\e038"; } }
76
- .glyphicon-qrcode { &:before { content: "\e039"; } }
77
- .glyphicon-barcode { &:before { content: "\e040"; } }
78
- .glyphicon-tag { &:before { content: "\e041"; } }
79
- .glyphicon-tags { &:before { content: "\e042"; } }
80
- .glyphicon-book { &:before { content: "\e043"; } }
81
- .glyphicon-print { &:before { content: "\e045"; } }
82
- .glyphicon-font { &:before { content: "\e047"; } }
83
- .glyphicon-bold { &:before { content: "\e048"; } }
84
- .glyphicon-italic { &:before { content: "\e049"; } }
85
- .glyphicon-text-height { &:before { content: "\e050"; } }
86
- .glyphicon-text-width { &:before { content: "\e051"; } }
87
- .glyphicon-align-left { &:before { content: "\e052"; } }
88
- .glyphicon-align-center { &:before { content: "\e053"; } }
89
- .glyphicon-align-right { &:before { content: "\e054"; } }
90
- .glyphicon-align-justify { &:before { content: "\e055"; } }
91
- .glyphicon-list { &:before { content: "\e056"; } }
92
- .glyphicon-indent-left { &:before { content: "\e057"; } }
93
- .glyphicon-indent-right { &:before { content: "\e058"; } }
94
- .glyphicon-facetime-video { &:before { content: "\e059"; } }
95
- .glyphicon-picture { &:before { content: "\e060"; } }
96
- .glyphicon-map-marker { &:before { content: "\e062"; } }
97
- .glyphicon-adjust { &:before { content: "\e063"; } }
98
- .glyphicon-tint { &:before { content: "\e064"; } }
99
- .glyphicon-edit { &:before { content: "\e065"; } }
100
- .glyphicon-share { &:before { content: "\e066"; } }
101
- .glyphicon-check { &:before { content: "\e067"; } }
102
- .glyphicon-move { &:before { content: "\e068"; } }
103
- .glyphicon-step-backward { &:before { content: "\e069"; } }
104
- .glyphicon-fast-backward { &:before { content: "\e070"; } }
105
- .glyphicon-backward { &:before { content: "\e071"; } }
106
- .glyphicon-play { &:before { content: "\e072"; } }
107
- .glyphicon-pause { &:before { content: "\e073"; } }
108
- .glyphicon-stop { &:before { content: "\e074"; } }
109
- .glyphicon-forward { &:before { content: "\e075"; } }
110
- .glyphicon-fast-forward { &:before { content: "\e076"; } }
111
- .glyphicon-step-forward { &:before { content: "\e077"; } }
112
- .glyphicon-eject { &:before { content: "\e078"; } }
113
- .glyphicon-chevron-left { &:before { content: "\e079"; } }
114
- .glyphicon-chevron-right { &:before { content: "\e080"; } }
115
- .glyphicon-plus-sign { &:before { content: "\e081"; } }
116
- .glyphicon-minus-sign { &:before { content: "\e082"; } }
117
- .glyphicon-remove-sign { &:before { content: "\e083"; } }
118
- .glyphicon-ok-sign { &:before { content: "\e084"; } }
119
- .glyphicon-question-sign { &:before { content: "\e085"; } }
120
- .glyphicon-info-sign { &:before { content: "\e086"; } }
121
- .glyphicon-screenshot { &:before { content: "\e087"; } }
122
- .glyphicon-remove-circle { &:before { content: "\e088"; } }
123
- .glyphicon-ok-circle { &:before { content: "\e089"; } }
124
- .glyphicon-ban-circle { &:before { content: "\e090"; } }
125
- .glyphicon-arrow-left { &:before { content: "\e091"; } }
126
- .glyphicon-arrow-right { &:before { content: "\e092"; } }
127
- .glyphicon-arrow-up { &:before { content: "\e093"; } }
128
- .glyphicon-arrow-down { &:before { content: "\e094"; } }
129
- .glyphicon-share-alt { &:before { content: "\e095"; } }
130
- .glyphicon-resize-full { &:before { content: "\e096"; } }
131
- .glyphicon-resize-small { &:before { content: "\e097"; } }
132
- .glyphicon-exclamation-sign { &:before { content: "\e101"; } }
133
- .glyphicon-gift { &:before { content: "\e102"; } }
134
- .glyphicon-leaf { &:before { content: "\e103"; } }
135
- .glyphicon-eye-open { &:before { content: "\e105"; } }
136
- .glyphicon-eye-close { &:before { content: "\e106"; } }
137
- .glyphicon-warning-sign { &:before { content: "\e107"; } }
138
- .glyphicon-plane { &:before { content: "\e108"; } }
139
- .glyphicon-random { &:before { content: "\e110"; } }
140
- .glyphicon-comment { &:before { content: "\e111"; } }
141
- .glyphicon-magnet { &:before { content: "\e112"; } }
142
- .glyphicon-chevron-up { &:before { content: "\e113"; } }
143
- .glyphicon-chevron-down { &:before { content: "\e114"; } }
144
- .glyphicon-retweet { &:before { content: "\e115"; } }
145
- .glyphicon-shopping-cart { &:before { content: "\e116"; } }
146
- .glyphicon-folder-close { &:before { content: "\e117"; } }
147
- .glyphicon-folder-open { &:before { content: "\e118"; } }
148
- .glyphicon-resize-vertical { &:before { content: "\e119"; } }
149
- .glyphicon-resize-horizontal { &:before { content: "\e120"; } }
150
- .glyphicon-hdd { &:before { content: "\e121"; } }
151
- .glyphicon-bullhorn { &:before { content: "\e122"; } }
152
- .glyphicon-certificate { &:before { content: "\e124"; } }
153
- .glyphicon-thumbs-up { &:before { content: "\e125"; } }
154
- .glyphicon-thumbs-down { &:before { content: "\e126"; } }
155
- .glyphicon-hand-right { &:before { content: "\e127"; } }
156
- .glyphicon-hand-left { &:before { content: "\e128"; } }
157
- .glyphicon-hand-up { &:before { content: "\e129"; } }
158
- .glyphicon-hand-down { &:before { content: "\e130"; } }
159
- .glyphicon-circle-arrow-right { &:before { content: "\e131"; } }
160
- .glyphicon-circle-arrow-left { &:before { content: "\e132"; } }
161
- .glyphicon-circle-arrow-up { &:before { content: "\e133"; } }
162
- .glyphicon-circle-arrow-down { &:before { content: "\e134"; } }
163
- .glyphicon-globe { &:before { content: "\e135"; } }
164
- .glyphicon-tasks { &:before { content: "\e137"; } }
165
- .glyphicon-filter { &:before { content: "\e138"; } }
166
- .glyphicon-fullscreen { &:before { content: "\e140"; } }
167
- .glyphicon-dashboard { &:before { content: "\e141"; } }
168
- .glyphicon-heart-empty { &:before { content: "\e143"; } }
169
- .glyphicon-link { &:before { content: "\e144"; } }
170
- .glyphicon-phone { &:before { content: "\e145"; } }
171
- .glyphicon-usd { &:before { content: "\e148"; } }
172
- .glyphicon-gbp { &:before { content: "\e149"; } }
173
- .glyphicon-sort { &:before { content: "\e150"; } }
174
- .glyphicon-sort-by-alphabet { &:before { content: "\e151"; } }
175
- .glyphicon-sort-by-alphabet-alt { &:before { content: "\e152"; } }
176
- .glyphicon-sort-by-order { &:before { content: "\e153"; } }
177
- .glyphicon-sort-by-order-alt { &:before { content: "\e154"; } }
178
- .glyphicon-sort-by-attributes { &:before { content: "\e155"; } }
179
- .glyphicon-sort-by-attributes-alt { &:before { content: "\e156"; } }
180
- .glyphicon-unchecked { &:before { content: "\e157"; } }
181
- .glyphicon-expand { &:before { content: "\e158"; } }
182
- .glyphicon-collapse-down { &:before { content: "\e159"; } }
183
- .glyphicon-collapse-up { &:before { content: "\e160"; } }
184
- .glyphicon-log-in { &:before { content: "\e161"; } }
185
- .glyphicon-flash { &:before { content: "\e162"; } }
186
- .glyphicon-log-out { &:before { content: "\e163"; } }
187
- .glyphicon-new-window { &:before { content: "\e164"; } }
188
- .glyphicon-record { &:before { content: "\e165"; } }
189
- .glyphicon-save { &:before { content: "\e166"; } }
190
- .glyphicon-open { &:before { content: "\e167"; } }
191
- .glyphicon-saved { &:before { content: "\e168"; } }
192
- .glyphicon-import { &:before { content: "\e169"; } }
193
- .glyphicon-export { &:before { content: "\e170"; } }
194
- .glyphicon-send { &:before { content: "\e171"; } }
195
- .glyphicon-floppy-disk { &:before { content: "\e172"; } }
196
- .glyphicon-floppy-saved { &:before { content: "\e173"; } }
197
- .glyphicon-floppy-remove { &:before { content: "\e174"; } }
198
- .glyphicon-floppy-save { &:before { content: "\e175"; } }
199
- .glyphicon-floppy-open { &:before { content: "\e176"; } }
200
- .glyphicon-credit-card { &:before { content: "\e177"; } }
201
- .glyphicon-transfer { &:before { content: "\e178"; } }
202
- .glyphicon-cutlery { &:before { content: "\e179"; } }
203
- .glyphicon-header { &:before { content: "\e180"; } }
204
- .glyphicon-compressed { &:before { content: "\e181"; } }
205
- .glyphicon-earphone { &:before { content: "\e182"; } }
206
- .glyphicon-phone-alt { &:before { content: "\e183"; } }
207
- .glyphicon-tower { &:before { content: "\e184"; } }
208
- .glyphicon-stats { &:before { content: "\e185"; } }
209
- .glyphicon-sd-video { &:before { content: "\e186"; } }
210
- .glyphicon-hd-video { &:before { content: "\e187"; } }
211
- .glyphicon-subtitles { &:before { content: "\e188"; } }
212
- .glyphicon-sound-stereo { &:before { content: "\e189"; } }
213
- .glyphicon-sound-dolby { &:before { content: "\e190"; } }
214
- .glyphicon-sound-5-1 { &:before { content: "\e191"; } }
215
- .glyphicon-sound-6-1 { &:before { content: "\e192"; } }
216
- .glyphicon-sound-7-1 { &:before { content: "\e193"; } }
217
- .glyphicon-copyright-mark { &:before { content: "\e194"; } }
218
- .glyphicon-registration-mark { &:before { content: "\e195"; } }
219
- .glyphicon-cloud-download { &:before { content: "\e197"; } }
220
- .glyphicon-cloud-upload { &:before { content: "\e198"; } }
221
- .glyphicon-tree-conifer { &:before { content: "\e199"; } }
222
- .glyphicon-tree-deciduous { &:before { content: "\e200"; } }
223
- .glyphicon-briefcase { &:before { content: "\1f4bc"; } }
224
- .glyphicon-calendar { &:before { content: "\1f4c5"; } }
225
- .glyphicon-pushpin { &:before { content: "\1f4cc"; } }
226
- .glyphicon-paperclip { &:before { content: "\1f4ce"; } }
227
- .glyphicon-camera { &:before { content: "\1f4f7"; } }
228
- .glyphicon-lock { &:before { content: "\1f512"; } }
229
- .glyphicon-bell { &:before { content: "\1f514"; } }
230
- .glyphicon-bookmark { &:before { content: "\1f516"; } }
231
- .glyphicon-fire { &:before { content: "\1f525"; } }
232
- .glyphicon-wrench { &:before { content: "\1f527"; } }
1
+ @import "bootstrap/glyphicons";
@@ -1,346 +1 @@
1
- //
2
- // Grid system
3
- // --------------------------------------------------
4
-
5
-
6
- // Set the container width, and override it for fixed navbars in media queries
7
- .container {
8
- @include container-fixed();
9
- }
10
-
11
- // mobile first defaults
12
- .row {
13
- @include make-row();
14
- }
15
-
16
- // Common styles for small and large grid columns
17
- .col-xs-1,
18
- .col-xs-2,
19
- .col-xs-3,
20
- .col-xs-4,
21
- .col-xs-5,
22
- .col-xs-6,
23
- .col-xs-7,
24
- .col-xs-8,
25
- .col-xs-9,
26
- .col-xs-10,
27
- .col-xs-11,
28
- .col-xs-12,
29
- .col-sm-1,
30
- .col-sm-2,
31
- .col-sm-3,
32
- .col-sm-4,
33
- .col-sm-5,
34
- .col-sm-6,
35
- .col-sm-7,
36
- .col-sm-8,
37
- .col-sm-9,
38
- .col-sm-10,
39
- .col-sm-11,
40
- .col-sm-12,
41
- .col-md-1,
42
- .col-md-2,
43
- .col-md-3,
44
- .col-md-4,
45
- .col-md-5,
46
- .col-md-6,
47
- .col-md-7,
48
- .col-md-8,
49
- .col-md-9,
50
- .col-md-10,
51
- .col-md-11,
52
- .col-md-12,
53
- .col-lg-1,
54
- .col-lg-2,
55
- .col-lg-3,
56
- .col-lg-4,
57
- .col-lg-5,
58
- .col-lg-6,
59
- .col-lg-7,
60
- .col-lg-8,
61
- .col-lg-9,
62
- .col-lg-10,
63
- .col-lg-11,
64
- .col-lg-12 {
65
- position: relative;
66
- // Prevent columns from collapsing when empty
67
- min-height: 1px;
68
- // Inner gutter via padding
69
- padding-left: ($grid-gutter-width / 2);
70
- padding-right: ($grid-gutter-width / 2);
71
- }
72
-
73
-
74
- // Extra small grid
75
- //
76
- // Grid classes for extra small devices like smartphones. No offset, push, or
77
- // pull classes are present here due to the size of the target.
78
- //
79
- // Note that `.col-xs-12` doesn't get floated on purpose—there's no need since
80
- // it's full-width.
81
-
82
- .col-xs-1,
83
- .col-xs-2,
84
- .col-xs-3,
85
- .col-xs-4,
86
- .col-xs-5,
87
- .col-xs-6,
88
- .col-xs-7,
89
- .col-xs-8,
90
- .col-xs-9,
91
- .col-xs-10,
92
- .col-xs-11 {
93
- float: left;
94
- }
95
- .col-xs-1 { width: percentage((1 / $grid-columns)); }
96
- .col-xs-2 { width: percentage((2 / $grid-columns)); }
97
- .col-xs-3 { width: percentage((3 / $grid-columns)); }
98
- .col-xs-4 { width: percentage((4 / $grid-columns)); }
99
- .col-xs-5 { width: percentage((5 / $grid-columns)); }
100
- .col-xs-6 { width: percentage((6 / $grid-columns)); }
101
- .col-xs-7 { width: percentage((7 / $grid-columns)); }
102
- .col-xs-8 { width: percentage((8 / $grid-columns)); }
103
- .col-xs-9 { width: percentage((9 / $grid-columns)); }
104
- .col-xs-10 { width: percentage((10/ $grid-columns)); }
105
- .col-xs-11 { width: percentage((11/ $grid-columns)); }
106
- .col-xs-12 { width: 100%; }
107
-
108
-
109
- // Small grid
110
- //
111
- // Columns, offsets, pushes, and pulls for the small device range, from phones
112
- // to tablets.
113
- //
114
- // Note that `.col-sm-12` doesn't get floated on purpose—there's no need since
115
- // it's full-width.
116
-
117
- @media (min-width: $screen-tablet) {
118
- .container {
119
- max-width: $container-tablet;
120
- }
121
-
122
- .col-sm-1,
123
- .col-sm-2,
124
- .col-sm-3,
125
- .col-sm-4,
126
- .col-sm-5,
127
- .col-sm-6,
128
- .col-sm-7,
129
- .col-sm-8,
130
- .col-sm-9,
131
- .col-sm-10,
132
- .col-sm-11 {
133
- float: left;
134
- }
135
- .col-sm-1 { width: percentage((1 / $grid-columns)); }
136
- .col-sm-2 { width: percentage((2 / $grid-columns)); }
137
- .col-sm-3 { width: percentage((3 / $grid-columns)); }
138
- .col-sm-4 { width: percentage((4 / $grid-columns)); }
139
- .col-sm-5 { width: percentage((5 / $grid-columns)); }
140
- .col-sm-6 { width: percentage((6 / $grid-columns)); }
141
- .col-sm-7 { width: percentage((7 / $grid-columns)); }
142
- .col-sm-8 { width: percentage((8 / $grid-columns)); }
143
- .col-sm-9 { width: percentage((9 / $grid-columns)); }
144
- .col-sm-10 { width: percentage((10/ $grid-columns)); }
145
- .col-sm-11 { width: percentage((11/ $grid-columns)); }
146
- .col-sm-12 { width: 100%; }
147
-
148
- // Push and pull columns for source order changes
149
- .col-sm-push-1 { left: percentage((1 / $grid-columns)); }
150
- .col-sm-push-2 { left: percentage((2 / $grid-columns)); }
151
- .col-sm-push-3 { left: percentage((3 / $grid-columns)); }
152
- .col-sm-push-4 { left: percentage((4 / $grid-columns)); }
153
- .col-sm-push-5 { left: percentage((5 / $grid-columns)); }
154
- .col-sm-push-6 { left: percentage((6 / $grid-columns)); }
155
- .col-sm-push-7 { left: percentage((7 / $grid-columns)); }
156
- .col-sm-push-8 { left: percentage((8 / $grid-columns)); }
157
- .col-sm-push-9 { left: percentage((9 / $grid-columns)); }
158
- .col-sm-push-10 { left: percentage((10/ $grid-columns)); }
159
- .col-sm-push-11 { left: percentage((11/ $grid-columns)); }
160
-
161
- .col-sm-pull-1 { right: percentage((1 / $grid-columns)); }
162
- .col-sm-pull-2 { right: percentage((2 / $grid-columns)); }
163
- .col-sm-pull-3 { right: percentage((3 / $grid-columns)); }
164
- .col-sm-pull-4 { right: percentage((4 / $grid-columns)); }
165
- .col-sm-pull-5 { right: percentage((5 / $grid-columns)); }
166
- .col-sm-pull-6 { right: percentage((6 / $grid-columns)); }
167
- .col-sm-pull-7 { right: percentage((7 / $grid-columns)); }
168
- .col-sm-pull-8 { right: percentage((8 / $grid-columns)); }
169
- .col-sm-pull-9 { right: percentage((9 / $grid-columns)); }
170
- .col-sm-pull-10 { right: percentage((10/ $grid-columns)); }
171
- .col-sm-pull-11 { right: percentage((11/ $grid-columns)); }
172
-
173
- // Offsets
174
- .col-sm-offset-1 { margin-left: percentage((1 / $grid-columns)); }
175
- .col-sm-offset-2 { margin-left: percentage((2 / $grid-columns)); }
176
- .col-sm-offset-3 { margin-left: percentage((3 / $grid-columns)); }
177
- .col-sm-offset-4 { margin-left: percentage((4 / $grid-columns)); }
178
- .col-sm-offset-5 { margin-left: percentage((5 / $grid-columns)); }
179
- .col-sm-offset-6 { margin-left: percentage((6 / $grid-columns)); }
180
- .col-sm-offset-7 { margin-left: percentage((7 / $grid-columns)); }
181
- .col-sm-offset-8 { margin-left: percentage((8 / $grid-columns)); }
182
- .col-sm-offset-9 { margin-left: percentage((9 / $grid-columns)); }
183
- .col-sm-offset-10 { margin-left: percentage((10/ $grid-columns)); }
184
- .col-sm-offset-11 { margin-left: percentage((11/ $grid-columns)); }
185
- }
186
-
187
-
188
- // Medium grid
189
- //
190
- // Columns, offsets, pushes, and pulls for the desktop device range.
191
- //
192
- // Note that `.col-md-12` doesn't get floated on purpose—there's no need since
193
- // it's full-width.
194
-
195
- @media (min-width: $screen-desktop) {
196
- .container {
197
- max-width: $container-desktop;
198
- }
199
- .col-md-1,
200
- .col-md-2,
201
- .col-md-3,
202
- .col-md-4,
203
- .col-md-5,
204
- .col-md-6,
205
- .col-md-7,
206
- .col-md-8,
207
- .col-md-9,
208
- .col-md-10,
209
- .col-md-11 {
210
- float: left;
211
- }
212
- .col-md-1 { width: percentage((1 / $grid-columns)); }
213
- .col-md-2 { width: percentage((2 / $grid-columns)); }
214
- .col-md-3 { width: percentage((3 / $grid-columns)); }
215
- .col-md-4 { width: percentage((4 / $grid-columns)); }
216
- .col-md-5 { width: percentage((5 / $grid-columns)); }
217
- .col-md-6 { width: percentage((6 / $grid-columns)); }
218
- .col-md-7 { width: percentage((7 / $grid-columns)); }
219
- .col-md-8 { width: percentage((8 / $grid-columns)); }
220
- .col-md-9 { width: percentage((9 / $grid-columns)); }
221
- .col-md-10 { width: percentage((10/ $grid-columns)); }
222
- .col-md-11 { width: percentage((11/ $grid-columns)); }
223
- .col-md-12 { width: 100%; }
224
-
225
- // Push and pull columns for source order changes
226
- .col-md-push-0 { left: auto; }
227
- .col-md-push-1 { left: percentage((1 / $grid-columns)); }
228
- .col-md-push-2 { left: percentage((2 / $grid-columns)); }
229
- .col-md-push-3 { left: percentage((3 / $grid-columns)); }
230
- .col-md-push-4 { left: percentage((4 / $grid-columns)); }
231
- .col-md-push-5 { left: percentage((5 / $grid-columns)); }
232
- .col-md-push-6 { left: percentage((6 / $grid-columns)); }
233
- .col-md-push-7 { left: percentage((7 / $grid-columns)); }
234
- .col-md-push-8 { left: percentage((8 / $grid-columns)); }
235
- .col-md-push-9 { left: percentage((9 / $grid-columns)); }
236
- .col-md-push-10 { left: percentage((10/ $grid-columns)); }
237
- .col-md-push-11 { left: percentage((11/ $grid-columns)); }
238
-
239
- .col-md-pull-0 { right: auto; }
240
- .col-md-pull-1 { right: percentage((1 / $grid-columns)); }
241
- .col-md-pull-2 { right: percentage((2 / $grid-columns)); }
242
- .col-md-pull-3 { right: percentage((3 / $grid-columns)); }
243
- .col-md-pull-4 { right: percentage((4 / $grid-columns)); }
244
- .col-md-pull-5 { right: percentage((5 / $grid-columns)); }
245
- .col-md-pull-6 { right: percentage((6 / $grid-columns)); }
246
- .col-md-pull-7 { right: percentage((7 / $grid-columns)); }
247
- .col-md-pull-8 { right: percentage((8 / $grid-columns)); }
248
- .col-md-pull-9 { right: percentage((9 / $grid-columns)); }
249
- .col-md-pull-10 { right: percentage((10/ $grid-columns)); }
250
- .col-md-pull-11 { right: percentage((11/ $grid-columns)); }
251
-
252
- // Offsets
253
- .col-md-offset-0 { margin-left: 0; }
254
- .col-md-offset-1 { margin-left: percentage((1 / $grid-columns)); }
255
- .col-md-offset-2 { margin-left: percentage((2 / $grid-columns)); }
256
- .col-md-offset-3 { margin-left: percentage((3 / $grid-columns)); }
257
- .col-md-offset-4 { margin-left: percentage((4 / $grid-columns)); }
258
- .col-md-offset-5 { margin-left: percentage((5 / $grid-columns)); }
259
- .col-md-offset-6 { margin-left: percentage((6 / $grid-columns)); }
260
- .col-md-offset-7 { margin-left: percentage((7 / $grid-columns)); }
261
- .col-md-offset-8 { margin-left: percentage((8 / $grid-columns)); }
262
- .col-md-offset-9 { margin-left: percentage((9 / $grid-columns)); }
263
- .col-md-offset-10 { margin-left: percentage((10/ $grid-columns)); }
264
- .col-md-offset-11 { margin-left: percentage((11/ $grid-columns)); }
265
- }
266
-
267
-
268
- // Large grid
269
- //
270
- // Columns, offsets, pushes, and pulls for the large desktop device range.
271
- //
272
- // Note that `.col-lg-12` doesn't get floated on purpose—there's no need since
273
- // it's full-width.
274
-
275
- @media (min-width: $screen-lg-desktop) {
276
- .container {
277
- max-width: $container-lg-desktop;
278
- }
279
-
280
- .col-lg-1,
281
- .col-lg-2,
282
- .col-lg-3,
283
- .col-lg-4,
284
- .col-lg-5,
285
- .col-lg-6,
286
- .col-lg-7,
287
- .col-lg-8,
288
- .col-lg-9,
289
- .col-lg-10,
290
- .col-lg-11 {
291
- float: left;
292
- }
293
- .col-lg-1 { width: percentage((1 / $grid-columns)); }
294
- .col-lg-2 { width: percentage((2 / $grid-columns)); }
295
- .col-lg-3 { width: percentage((3 / $grid-columns)); }
296
- .col-lg-4 { width: percentage((4 / $grid-columns)); }
297
- .col-lg-5 { width: percentage((5 / $grid-columns)); }
298
- .col-lg-6 { width: percentage((6 / $grid-columns)); }
299
- .col-lg-7 { width: percentage((7 / $grid-columns)); }
300
- .col-lg-8 { width: percentage((8 / $grid-columns)); }
301
- .col-lg-9 { width: percentage((9 / $grid-columns)); }
302
- .col-lg-10 { width: percentage((10/ $grid-columns)); }
303
- .col-lg-11 { width: percentage((11/ $grid-columns)); }
304
- .col-lg-12 { width: 100%; }
305
-
306
- // Push and pull columns for source order changes
307
- .col-lg-push-0 { left: auto; }
308
- .col-lg-push-1 { left: percentage((1 / $grid-columns)); }
309
- .col-lg-push-2 { left: percentage((2 / $grid-columns)); }
310
- .col-lg-push-3 { left: percentage((3 / $grid-columns)); }
311
- .col-lg-push-4 { left: percentage((4 / $grid-columns)); }
312
- .col-lg-push-5 { left: percentage((5 / $grid-columns)); }
313
- .col-lg-push-6 { left: percentage((6 / $grid-columns)); }
314
- .col-lg-push-7 { left: percentage((7 / $grid-columns)); }
315
- .col-lg-push-8 { left: percentage((8 / $grid-columns)); }
316
- .col-lg-push-9 { left: percentage((9 / $grid-columns)); }
317
- .col-lg-push-10 { left: percentage((10/ $grid-columns)); }
318
- .col-lg-push-11 { left: percentage((11/ $grid-columns)); }
319
-
320
- .col-lg-pull-0 { right: auto; }
321
- .col-lg-pull-1 { right: percentage((1 / $grid-columns)); }
322
- .col-lg-pull-2 { right: percentage((2 / $grid-columns)); }
323
- .col-lg-pull-3 { right: percentage((3 / $grid-columns)); }
324
- .col-lg-pull-4 { right: percentage((4 / $grid-columns)); }
325
- .col-lg-pull-5 { right: percentage((5 / $grid-columns)); }
326
- .col-lg-pull-6 { right: percentage((6 / $grid-columns)); }
327
- .col-lg-pull-7 { right: percentage((7 / $grid-columns)); }
328
- .col-lg-pull-8 { right: percentage((8 / $grid-columns)); }
329
- .col-lg-pull-9 { right: percentage((9 / $grid-columns)); }
330
- .col-lg-pull-10 { right: percentage((10/ $grid-columns)); }
331
- .col-lg-pull-11 { right: percentage((11/ $grid-columns)); }
332
-
333
- // Offsets
334
- .col-lg-offset-0 { margin-left: 0; }
335
- .col-lg-offset-1 { margin-left: percentage((1 / $grid-columns)); }
336
- .col-lg-offset-2 { margin-left: percentage((2 / $grid-columns)); }
337
- .col-lg-offset-3 { margin-left: percentage((3 / $grid-columns)); }
338
- .col-lg-offset-4 { margin-left: percentage((4 / $grid-columns)); }
339
- .col-lg-offset-5 { margin-left: percentage((5 / $grid-columns)); }
340
- .col-lg-offset-6 { margin-left: percentage((6 / $grid-columns)); }
341
- .col-lg-offset-7 { margin-left: percentage((7 / $grid-columns)); }
342
- .col-lg-offset-8 { margin-left: percentage((8 / $grid-columns)); }
343
- .col-lg-offset-9 { margin-left: percentage((9 / $grid-columns)); }
344
- .col-lg-offset-10 { margin-left: percentage((10/ $grid-columns)); }
345
- .col-lg-offset-11 { margin-left: percentage((11/ $grid-columns)); }
346
- }
1
+ @import "bootstrap/grid";