sass_twitter_bootstrap 0.1.alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. data/README.markdown +59 -0
  2. data/lib/sass_twitter_bootstrap.rb +3 -0
  3. data/stylesheets/_bootstrap.sass +67 -0
  4. data/stylesheets/sass_twitter_bootstrap/_accordion.sass +24 -0
  5. data/stylesheets/sass_twitter_bootstrap/_alerts.sass +65 -0
  6. data/stylesheets/sass_twitter_bootstrap/_bootstrap.sass +1 -0
  7. data/stylesheets/sass_twitter_bootstrap/_breadcrumbs.sass +18 -0
  8. data/stylesheets/sass_twitter_bootstrap/_button-groups.sass +129 -0
  9. data/stylesheets/sass_twitter_bootstrap/_buttons.sass +166 -0
  10. data/stylesheets/sass_twitter_bootstrap/_carousel.sass +95 -0
  11. data/stylesheets/sass_twitter_bootstrap/_close.sass +16 -0
  12. data/stylesheets/sass_twitter_bootstrap/_code.sass +51 -0
  13. data/stylesheets/sass_twitter_bootstrap/_component-animations.sass +16 -0
  14. data/stylesheets/sass_twitter_bootstrap/_dropdowns.sass +120 -0
  15. data/stylesheets/sass_twitter_bootstrap/_forms.sass +482 -0
  16. data/stylesheets/sass_twitter_bootstrap/_grid.sass +8 -0
  17. data/stylesheets/sass_twitter_bootstrap/_hero-unit.sass +17 -0
  18. data/stylesheets/sass_twitter_bootstrap/_labels.sass +42 -0
  19. data/stylesheets/sass_twitter_bootstrap/_layouts.sass +14 -0
  20. data/stylesheets/sass_twitter_bootstrap/_mixins.sass +487 -0
  21. data/stylesheets/sass_twitter_bootstrap/_modals.sass +84 -0
  22. data/stylesheets/sass_twitter_bootstrap/_navbar.sass +268 -0
  23. data/stylesheets/sass_twitter_bootstrap/_navs.sass +326 -0
  24. data/stylesheets/sass_twitter_bootstrap/_pager.sass +29 -0
  25. data/stylesheets/sass_twitter_bootstrap/_pagination.sass +53 -0
  26. data/stylesheets/sass_twitter_bootstrap/_popovers.sass +55 -0
  27. data/stylesheets/sass_twitter_bootstrap/_print.sass +15 -0
  28. data/stylesheets/sass_twitter_bootstrap/_progress-bars.sass +89 -0
  29. data/stylesheets/sass_twitter_bootstrap/_reset.sass +130 -0
  30. data/stylesheets/sass_twitter_bootstrap/_scaffolding.sass +25 -0
  31. data/stylesheets/sass_twitter_bootstrap/_sprites.sass +394 -0
  32. data/stylesheets/sass_twitter_bootstrap/_tables.sass +134 -0
  33. data/stylesheets/sass_twitter_bootstrap/_thumbnails.sass +34 -0
  34. data/stylesheets/sass_twitter_bootstrap/_tooltip.sass +43 -0
  35. data/stylesheets/sass_twitter_bootstrap/_type.sass +193 -0
  36. data/stylesheets/sass_twitter_bootstrap/_utilities.sass +20 -0
  37. data/stylesheets/sass_twitter_bootstrap/_variables.sass +101 -0
  38. data/stylesheets/sass_twitter_bootstrap/_wells.sass +15 -0
  39. data/templates/project/bootstrap.sass +67 -0
  40. data/templates/project/manifest.rb +20 -0
  41. data/templates/project/responsive.sass +255 -0
  42. metadata +110 -0
@@ -0,0 +1,15 @@
1
+ /*!
2
+ * Bootstrap @VERSION for Print
3
+ *
4
+ * Copyright 2011 Twitter, Inc
5
+ * Licensed under the Apache License v2.0
6
+ * http://www.apache.org/licenses/LICENSE-2.0
7
+ *
8
+ * Designed and built with all the love in the world @twitter by @mdo and @fat.
9
+ * Date: @DATE
10
+
11
+ // HIDE UNECESSARY COMPONENTS
12
+ // --------------------------
13
+
14
+ .navbar-fixed
15
+ display: none
@@ -0,0 +1,89 @@
1
+ // PROGRESS BARS
2
+ // -------------
3
+
4
+ // ANIMATIONS
5
+ // ----------
6
+
7
+ // Webkit
8
+ @-webkit-keyframes progress-bar-stripes
9
+ from
10
+ background-position: 0 0
11
+ to
12
+ background-position: 40px 0
13
+
14
+
15
+ // Firefox
16
+ @-moz-keyframes progress-bar-stripes
17
+ from
18
+ background-position: 0 0
19
+ to
20
+ background-position: 40px 0
21
+
22
+
23
+ // Spec
24
+ @keyframes progress-bar-stripes
25
+ from
26
+ background-position: 0 0
27
+ to
28
+ background-position: 40px 0
29
+
30
+
31
+ // THE BARS
32
+ // --------
33
+
34
+ // Outer container
35
+ .progress
36
+ overflow: hidden
37
+ height: 18px
38
+ margin-bottom: 18px
39
+ +gradient-vertical(#f5f5f5, #f9f9f9)
40
+ +box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.1))
41
+ +border-radius(4px)
42
+
43
+ // Bar of progress
44
+ .progress .bar
45
+ width: 0%
46
+ height: 18px
47
+ color: $white
48
+ font-size: 12px
49
+ text-align: center
50
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
51
+ +gradient-vertical(#149bdf, #0480be)
52
+ +box-shadow(inset 0 -1px 0 rgba(0, 0, 0, 0.15))
53
+ +box-sizing(border-box)
54
+ +transition(width 0.6s ease)
55
+
56
+ // Striped bars
57
+ .progress-striped .bar
58
+ +gradient-striped(#62c462)
59
+ +background-size(40px 40px)
60
+
61
+ // Call animation for the active one
62
+ .progress.active .bar
63
+ -webkit-animation: progress-bar-stripes 2s linear infinite
64
+ -moz-animation: progress-bar-stripes 2s linear infinite
65
+ animation: progress-bar-stripes 2s linear infinite
66
+
67
+ // COLORS
68
+ // ------
69
+
70
+ // Danger (red)
71
+ .progress-danger .bar
72
+ +gradient-vertical(#ee5f5b, #c43c35)
73
+
74
+ .progress-danger.progress-striped .bar
75
+ +gradient-striped(#ee5f5b)
76
+
77
+ // Success (green)
78
+ .progress-success .bar
79
+ +gradient-vertical(#62c462, #57a957)
80
+
81
+ .progress-success.progress-striped .bar
82
+ +gradient-striped(#62c462)
83
+
84
+ // Info (teal)
85
+ .progress.info .bar
86
+ +gradient-vertical(#5bc0de, #339bb9)
87
+
88
+ .progress-info.progress-striped .bar
89
+ +gradient-striped(#5bc0de)
@@ -0,0 +1,130 @@
1
+ // Reset.less
2
+ // Adapted from Normalize.css http://github.com/necolas/normalize.css
3
+ // ------------------------------------------------------------------------
4
+
5
+ // Display in IE6-9 and FF3
6
+ // -------------------------
7
+
8
+ article,
9
+ aside,
10
+ details,
11
+ figcaption,
12
+ figure,
13
+ footer,
14
+ header,
15
+ hgroup,
16
+ nav,
17
+ section
18
+ display: block
19
+
20
+ // Display block in IE6-9 and FF3
21
+ // -------------------------
22
+
23
+ audio,
24
+ canvas,
25
+ video
26
+ display: inline-block
27
+ *display: inline
28
+ *zoom: 1
29
+
30
+ // Prevents modern browsers from displaying 'audio' without controls
31
+ // -------------------------
32
+
33
+ audio:not([controls])
34
+ display: none
35
+
36
+ // Base settings
37
+ // -------------------------
38
+
39
+ html
40
+ font-size: 100%
41
+ -webkit-text-size-adjust: 100%
42
+ -ms-text-size-adjust: 100%
43
+
44
+ // Focus states
45
+ a:focus
46
+ +tab-focus
47
+
48
+ // Hover & Active
49
+
50
+ a:hover,
51
+ a:active
52
+ outline: 0
53
+
54
+ // Prevents sub and sup affecting line-height in all browsers
55
+ // -------------------------
56
+
57
+ sub,
58
+ sup
59
+ position: relative
60
+ font-size: 75%
61
+ line-height: 0
62
+ vertical-align: baseline
63
+
64
+ sup
65
+ top: -0.5em
66
+
67
+ sub
68
+ bottom: -0.25em
69
+
70
+ // Img border in a's and image quality
71
+ // -------------------------
72
+
73
+ img
74
+ max-width: 100%
75
+ height: auto
76
+ border: 0
77
+ -ms-interpolation-mode: bicubic
78
+
79
+ // Forms
80
+ // -------------------------
81
+
82
+ // Font size in all browsers, margin changes, misc consistency
83
+
84
+ button,
85
+ input,
86
+ select,
87
+ textarea
88
+ margin: 0
89
+ font-size: 100%
90
+ vertical-align: middle
91
+
92
+ button,
93
+ input
94
+ *overflow: visible
95
+ // Inner spacing ie IE6/7
96
+ line-height: normal
97
+ // FF3/4 have !important on line-height in UA stylesheet
98
+
99
+ button::-moz-focus-inner,
100
+ input::-moz-focus-inner
101
+ // Inner padding and border oddities in FF3/4
102
+ padding: 0
103
+ border: 0
104
+
105
+ button,
106
+ input[type="button"],
107
+ input[type="reset"],
108
+ input[type="submit"]
109
+ cursor: pointer
110
+ // Cursors on all buttons applied consistently
111
+ -webkit-appearance: button
112
+ // Style clickable inputs in iOS
113
+
114
+ input[type="search"]
115
+ // Appearance in Safari/Chrome
116
+ -webkit-appearance: textfield
117
+ -webkit-box-sizing: content-box
118
+ -moz-box-sizing: content-box
119
+ box-sizing: content-box
120
+
121
+ input[type="search"]::-webkit-search-decoration,
122
+ input[type="search"]::-webkit-search-cancel-button
123
+ -webkit-appearance: none
124
+ // Inner-padding issues in Chrome OSX, Safari 5
125
+
126
+ textarea
127
+ overflow: auto
128
+ // Remove vertical scrollbar in IE6-9
129
+ vertical-align: top
130
+ // Readability and alignment cross-browser
@@ -0,0 +1,25 @@
1
+ // SCAFFOLDING
2
+ // Basic and global styles for generating a grid system, structural layout, and page templates
3
+ // -------------------------------------------------------------------------------------------
4
+
5
+ // STRUCTURAL LAYOUT
6
+ // -----------------
7
+
8
+ body
9
+ margin: 0
10
+ font-family: $baseFontFamily
11
+ font-size: $baseFontSize
12
+ line-height: $baseLineHeight
13
+ color: $textColor
14
+ background-color: $white
15
+
16
+ // LINKS
17
+ // -----
18
+
19
+ a
20
+ color: $linkColor
21
+ text-decoration: none
22
+
23
+ a:hover
24
+ color: $linkColorHover
25
+ text-decoration: underline
@@ -0,0 +1,394 @@
1
+ // SPRITES
2
+ // Glyphs and icons for buttons, nav, and more
3
+ // -------------------------------------------
4
+
5
+ // ICONS
6
+ // -----
7
+
8
+ // All icons receive the styles of the <i> tag with a base class
9
+ // of .i and are then given a unique class to add width, height,
10
+ // and background-position. Your resulting HTML will look like
11
+ // <i class="icon-inbox"></i>.
12
+
13
+ // For the white version of the icons, just add the .icon-white class:
14
+ // <i class="icon-inbox icon-white"></i>
15
+
16
+ [class^="icon-"],
17
+ [class*=" icon-"]
18
+ display: inline-block
19
+ width: 14px
20
+ height: 14px
21
+ line-height: 14px
22
+ vertical-align: text-top
23
+ background-image: url($iconSpritePath)
24
+ background-position: 14px 14px
25
+ background-repeat: no-repeat
26
+ +ie7-restore-right-whitespace
27
+
28
+ .icon-white
29
+ background-image: url($iconWhiteSpritePath)
30
+
31
+ .icon-glass
32
+ background-position: 0 0
33
+
34
+ .icon-music
35
+ background-position: -24px 0
36
+
37
+ .icon-search
38
+ background-position: -48px 0
39
+
40
+ .icon-envelope
41
+ background-position: -72px 0
42
+
43
+ .icon-heart
44
+ background-position: -96px 0
45
+
46
+ .icon-star
47
+ background-position: -120px 0
48
+
49
+ .icon-star-empty
50
+ background-position: -144px 0
51
+
52
+ .icon-user
53
+ background-position: -168px 0
54
+
55
+ .icon-film
56
+ background-position: -192px 0
57
+
58
+ .icon-th-large
59
+ background-position: -216px 0
60
+
61
+ .icon-th
62
+ background-position: -240px 0
63
+
64
+ .icon-th-list
65
+ background-position: -264px 0
66
+
67
+ .icon-ok
68
+ background-position: -288px 0
69
+
70
+ .icon-remove
71
+ background-position: -312px 0
72
+
73
+ .icon-zoom-in
74
+ background-position: -336px 0
75
+
76
+ .icon-zoom-out
77
+ background-position: -360px 0
78
+
79
+ .icon-off
80
+ background-position: -384px 0
81
+
82
+ .icon-signal
83
+ background-position: -408px 0
84
+
85
+ .icon-cog
86
+ background-position: -432px 0
87
+
88
+ .icon-trash
89
+ background-position: -456px 0
90
+
91
+ .icon-home
92
+ background-position: 0 -24px
93
+
94
+ .icon-file
95
+ background-position: -24px -24px
96
+
97
+ .icon-time
98
+ background-position: -48px -24px
99
+
100
+ .icon-road
101
+ background-position: -72px -24px
102
+
103
+ .icon-download-alt
104
+ background-position: -96px -24px
105
+
106
+ .icon-download
107
+ background-position: -120px -24px
108
+
109
+ .icon-upload
110
+ background-position: -144px -24px
111
+
112
+ .icon-inbox
113
+ background-position: -168px -24px
114
+
115
+ .icon-play-circle
116
+ background-position: -192px -24px
117
+
118
+ .icon-repeat
119
+ background-position: -216px -24px
120
+
121
+ .icon-refresh
122
+ background-position: -240px -24px
123
+
124
+ .icon-list-alt
125
+ background-position: -264px -24px
126
+
127
+ .icon-lock
128
+ background-position: -287px -24px
129
+
130
+ // 1px off
131
+ .icon-flag
132
+ background-position: -312px -24px
133
+
134
+ .icon-headphones
135
+ background-position: -336px -24px
136
+
137
+ .icon-volume-off
138
+ background-position: -360px -24px
139
+
140
+ .icon-volume-down
141
+ background-position: -384px -24px
142
+
143
+ .icon-volume-up
144
+ background-position: -408px -24px
145
+
146
+ .icon-qrcode
147
+ background-position: -432px -24px
148
+
149
+ .icon-barcode
150
+ background-position: -456px -24px
151
+
152
+ .icon-tag
153
+ background-position: 0 -48px
154
+
155
+ .icon-tags
156
+ background-position: -25px -48px
157
+
158
+ // 1px off
159
+ .icon-book
160
+ background-position: -48px -48px
161
+
162
+ .icon-bookmark
163
+ background-position: -72px -48px
164
+
165
+ .icon-print
166
+ background-position: -96px -48px
167
+
168
+ .icon-camera
169
+ background-position: -120px -48px
170
+
171
+ .icon-font
172
+ background-position: -144px -48px
173
+
174
+ .icon-bold
175
+ background-position: -167px -48px
176
+
177
+ // 1px off
178
+ .icon-italic
179
+ background-position: -192px -48px
180
+
181
+ .icon-text-height
182
+ background-position: -216px -48px
183
+
184
+ .icon-text-width
185
+ background-position: -240px -48px
186
+
187
+ .icon-align-left
188
+ background-position: -264px -48px
189
+
190
+ .icon-align-center
191
+ background-position: -288px -48px
192
+
193
+ .icon-align-right
194
+ background-position: -312px -48px
195
+
196
+ .icon-align-justify
197
+ background-position: -336px -48px
198
+
199
+ .icon-list
200
+ background-position: -360px -48px
201
+
202
+ .icon-indent-left
203
+ background-position: -384px -48px
204
+
205
+ .icon-indent-right
206
+ background-position: -408px -48px
207
+
208
+ .icon-facetime-video
209
+ background-position: -432px -48px
210
+
211
+ .icon-picture
212
+ background-position: -456px -48px
213
+
214
+ .icon-pencil
215
+ background-position: 0 -72px
216
+
217
+ .icon-map-marker
218
+ background-position: -24px -72px
219
+
220
+ .icon-adjust
221
+ background-position: -48px -72px
222
+
223
+ .icon-tint
224
+ background-position: -72px -72px
225
+
226
+ .icon-edit
227
+ background-position: -96px -72px
228
+
229
+ .icon-share
230
+ background-position: -120px -72px
231
+
232
+ .icon-check
233
+ background-position: -144px -72px
234
+
235
+ .icon-move
236
+ background-position: -168px -72px
237
+
238
+ .icon-step-backward
239
+ background-position: -192px -72px
240
+
241
+ .icon-fast-backward
242
+ background-position: -216px -72px
243
+
244
+ .icon-backward
245
+ background-position: -240px -72px
246
+
247
+ .icon-play
248
+ background-position: -264px -72px
249
+
250
+ .icon-pause
251
+ background-position: -288px -72px
252
+
253
+ .icon-stop
254
+ background-position: -312px -72px
255
+
256
+ .icon-forward
257
+ background-position: -336px -72px
258
+
259
+ .icon-fast-forward
260
+ background-position: -360px -72px
261
+
262
+ .icon-step-forward
263
+ background-position: -384px -72px
264
+
265
+ .icon-eject
266
+ background-position: -408px -72px
267
+
268
+ .icon-chevron-left
269
+ background-position: -432px -72px
270
+
271
+ .icon-chevron-right
272
+ background-position: -456px -72px
273
+
274
+ .icon-plus-sign
275
+ background-position: 0 -96px
276
+
277
+ .icon-minus-sign
278
+ background-position: -24px -96px
279
+
280
+ .icon-remove-sign
281
+ background-position: -48px -96px
282
+
283
+ .icon-ok-sign
284
+ background-position: -72px -96px
285
+
286
+ .icon-question-sign
287
+ background-position: -96px -96px
288
+
289
+ .icon-info-sign
290
+ background-position: -120px -96px
291
+
292
+ .icon-screenshot
293
+ background-position: -144px -96px
294
+
295
+ .icon-remove-circle
296
+ background-position: -168px -96px
297
+
298
+ .icon-ok-circle
299
+ background-position: -192px -96px
300
+
301
+ .icon-ban-circle
302
+ background-position: -216px -96px
303
+
304
+ .icon-arrow-left
305
+ background-position: -240px -96px
306
+
307
+ .icon-arrow-right
308
+ background-position: -264px -96px
309
+
310
+ .icon-arrow-up
311
+ background-position: -289px -96px
312
+
313
+ // 1px off
314
+ .icon-arrow-down
315
+ background-position: -312px -96px
316
+
317
+ .icon-share-alt
318
+ background-position: -336px -96px
319
+
320
+ .icon-resize-full
321
+ background-position: -360px -96px
322
+
323
+ .icon-resize-small
324
+ background-position: -384px -96px
325
+
326
+ .icon-plus
327
+ background-position: -408px -96px
328
+
329
+ .icon-minus
330
+ background-position: -433px -96px
331
+
332
+ .icon-asterisk
333
+ background-position: -456px -96px
334
+
335
+ .icon-exclamation-sign
336
+ background-position: 0 -120px
337
+
338
+ .icon-gift
339
+ background-position: -24px -120px
340
+
341
+ .icon-leaf
342
+ background-position: -48px -120px
343
+
344
+ .icon-fire
345
+ background-position: -72px -120px
346
+
347
+ .icon-eye-open
348
+ background-position: -96px -120px
349
+
350
+ .icon-eye-close
351
+ background-position: -120px -120px
352
+
353
+ .icon-warning-sign
354
+ background-position: -144px -120px
355
+
356
+ .icon-plane
357
+ background-position: -168px -120px
358
+
359
+ .icon-calendar
360
+ background-position: -192px -120px
361
+
362
+ .icon-random
363
+ background-position: -216px -120px
364
+
365
+ .icon-comment
366
+ background-position: -240px -120px
367
+
368
+ .icon-magnet
369
+ background-position: -264px -120px
370
+
371
+ .icon-chevron-up
372
+ background-position: -288px -120px
373
+
374
+ .icon-chevron-down
375
+ background-position: -313px -119px
376
+
377
+ // 1px off
378
+ .icon-retweet
379
+ background-position: -336px -120px
380
+
381
+ .icon-shopping-cart
382
+ background-position: -360px -120px
383
+
384
+ .icon-folder-close
385
+ background-position: -384px -120px
386
+
387
+ .icon-folder-open
388
+ background-position: -408px -120px
389
+
390
+ .icon-resize-vertical
391
+ background-position: -432px -119px
392
+
393
+ .icon-resize-horizontal
394
+ background-position: -456px -118px