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.
- data/LICENSE +1 -1
- data/README.md +24 -113
- data/app/assets/javascripts/twitter/bootstrap/affix.js +1 -126
- data/app/assets/javascripts/twitter/bootstrap/alert.js +1 -98
- data/app/assets/javascripts/twitter/bootstrap/button.js +1 -109
- data/app/assets/javascripts/twitter/bootstrap/carousel.js +1 -217
- data/app/assets/javascripts/twitter/bootstrap/collapse.js +1 -179
- data/app/assets/javascripts/twitter/bootstrap/dropdown.js +1 -154
- data/app/assets/javascripts/twitter/bootstrap/modal.js +1 -246
- data/app/assets/javascripts/twitter/bootstrap/popover.js +1 -117
- data/app/assets/javascripts/twitter/bootstrap/scrollspy.js +1 -158
- data/app/assets/javascripts/twitter/bootstrap/tab.js +1 -135
- data/app/assets/javascripts/twitter/bootstrap/tooltip.js +1 -386
- data/app/assets/javascripts/twitter/bootstrap/transition.js +1 -56
- data/app/assets/javascripts/twitter/bootstrap.js +1 -12
- data/app/assets/stylesheets/twitter/bootstrap/_alerts.scss +1 -67
- data/app/assets/stylesheets/twitter/bootstrap/_badges.scss +1 -51
- data/app/assets/stylesheets/twitter/bootstrap/_breadcrumbs.scss +1 -23
- data/app/assets/stylesheets/twitter/bootstrap/_button-groups.scss +1 -248
- data/app/assets/stylesheets/twitter/bootstrap/_buttons.scss +1 -160
- data/app/assets/stylesheets/twitter/bootstrap/_carousel.scss +1 -209
- data/app/assets/stylesheets/twitter/bootstrap/_close.scss +1 -33
- data/app/assets/stylesheets/twitter/bootstrap/_code.scss +1 -56
- data/app/assets/stylesheets/twitter/bootstrap/_component-animations.scss +1 -29
- data/app/assets/stylesheets/twitter/bootstrap/_dropdowns.scss +1 -193
- data/app/assets/stylesheets/twitter/bootstrap/_forms.scss +1 -350
- data/app/assets/stylesheets/twitter/bootstrap/_glyphicons.scss +1 -232
- data/app/assets/stylesheets/twitter/bootstrap/_grid.scss +1 -346
- data/app/assets/stylesheets/twitter/bootstrap/_input-groups.scss +1 -127
- data/app/assets/stylesheets/twitter/bootstrap/_jumbotron.scss +1 -40
- data/app/assets/stylesheets/twitter/bootstrap/_labels.scss +1 -58
- data/app/assets/stylesheets/twitter/bootstrap/_list-group.scss +1 -89
- data/app/assets/stylesheets/twitter/bootstrap/_media.scss +1 -56
- data/app/assets/stylesheets/twitter/bootstrap/_mixins.scss +1 -736
- data/app/assets/stylesheets/twitter/bootstrap/_modals.scss +1 -145
- data/app/assets/stylesheets/twitter/bootstrap/_navbar.scss +1 -625
- data/app/assets/stylesheets/twitter/bootstrap/_navs.scss +1 -229
- data/app/assets/stylesheets/twitter/bootstrap/_normalize.scss +1 -396
- data/app/assets/stylesheets/twitter/bootstrap/_pager.scss +1 -55
- data/app/assets/stylesheets/twitter/bootstrap/_pagination.scss +1 -83
- data/app/assets/stylesheets/twitter/bootstrap/_panels.scss +1 -148
- data/app/assets/stylesheets/twitter/bootstrap/_popovers.scss +1 -133
- data/app/assets/stylesheets/twitter/bootstrap/_print.scss +1 -100
- data/app/assets/stylesheets/twitter/bootstrap/_progress-bars.scss +1 -95
- data/app/assets/stylesheets/twitter/bootstrap/_responsive-utilities.scss +1 -209
- data/app/assets/stylesheets/twitter/bootstrap/_scaffolding.scss +1 -130
- data/app/assets/stylesheets/twitter/bootstrap/_tables.scss +1 -236
- data/app/assets/stylesheets/twitter/bootstrap/_theme.scss +1 -232
- data/app/assets/stylesheets/twitter/bootstrap/_thumbnails.scss +1 -31
- data/app/assets/stylesheets/twitter/bootstrap/_tooltip.scss +1 -95
- data/app/assets/stylesheets/twitter/bootstrap/_type.scss +1 -238
- data/app/assets/stylesheets/twitter/bootstrap/_utilities.scss +1 -42
- data/app/assets/stylesheets/twitter/bootstrap/_variables.scss +1 -620
- data/app/assets/stylesheets/twitter/bootstrap/_wells.scss +1 -29
- data/app/assets/stylesheets/twitter/bootstrap.css.scss +1 -59
- data/lib/bootstrap/sass/rails/engine.rb +4 -1
- data/lib/bootstrap/sass/rails/version.rb +2 -1
- data/lib/bootstrap-sass-rails.rb +1 -1
- data/lib/generators/bootstrap/customize_generator.rb +37 -0
- data/lib/generators/bootstrap/templates/USAGE +23 -0
- data/lib/generators/bootstrap/templates/bootstrap-custom.css.scss +18 -0
- data/lib/generators/bootstrap/templates/bootstrap-custom.js +3 -0
- data/test/cases/less_to_sass_spec.rb +1 -1
- data/test/cases/usage_css_spec.rb +0 -3
- metadata +60 -18
- checksums.yaml +0 -15
- data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.eot +0 -0
- data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.svg +0 -228
- data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.ttf +0 -0
- data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.woff +0 -0
- data/lib/bootstrap/sass/extensions/functions.rb +0 -15
- 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";
|