rbootstrap 1.1.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (111) hide show
  1. data/README.md +282 -0
  2. data/Rakefile +14 -0
  3. data/app/helpers/bootstrap_flash_helper.rb +17 -0
  4. data/app/helpers/flash_block_helper.rb +17 -0
  5. data/app/helpers/glyph_helper.rb +12 -0
  6. data/app/helpers/modal_helper.rb +42 -0
  7. data/app/helpers/twitter_breadcrumbs_helper.rb +5 -0
  8. data/app/views/twitter-bootstrap/_breadcrumbs.html.erb +14 -0
  9. data/lib/generators/bootstrap/install/install_generator.rb +57 -0
  10. data/lib/generators/bootstrap/install/templates/application.css +7 -0
  11. data/lib/generators/bootstrap/install/templates/application.js +10 -0
  12. data/lib/generators/bootstrap/install/templates/bootstrap.coffee +4 -0
  13. data/lib/generators/bootstrap/install/templates/bootstrap.js +5 -0
  14. data/lib/generators/bootstrap/install/templates/bootstrap_and_overrides.less +31 -0
  15. data/lib/generators/bootstrap/layout/layout_generator.rb +23 -0
  16. data/lib/generators/bootstrap/layout/templates/layout.html.erb +108 -0
  17. data/lib/generators/bootstrap/layout/templates/layout.html.haml +68 -0
  18. data/lib/generators/bootstrap/layout/templates/layout.html.slim +68 -0
  19. data/lib/generators/bootstrap/partial/partial_generator.rb +20 -0
  20. data/lib/generators/bootstrap/partial/templates/_login.html.erb +29 -0
  21. data/lib/generators/bootstrap/partial/templates/_navbar.html.erb +13 -0
  22. data/lib/generators/bootstrap/themed/templates/_form.html.erb +16 -0
  23. data/lib/generators/bootstrap/themed/templates/_form.html.haml +10 -0
  24. data/lib/generators/bootstrap/themed/templates/_form.html.slim +11 -0
  25. data/lib/generators/bootstrap/themed/templates/edit.html.erb +6 -0
  26. data/lib/generators/bootstrap/themed/templates/edit.html.haml +4 -0
  27. data/lib/generators/bootstrap/themed/templates/edit.html.slim +4 -0
  28. data/lib/generators/bootstrap/themed/templates/index.html.erb +40 -0
  29. data/lib/generators/bootstrap/themed/templates/index.html.haml +25 -0
  30. data/lib/generators/bootstrap/themed/templates/index.html.slim +27 -0
  31. data/lib/generators/bootstrap/themed/templates/new.html.erb +6 -0
  32. data/lib/generators/bootstrap/themed/templates/new.html.haml +4 -0
  33. data/lib/generators/bootstrap/themed/templates/new.html.slim +4 -0
  34. data/lib/generators/bootstrap/themed/templates/show.html.erb +23 -0
  35. data/lib/generators/bootstrap/themed/templates/show.html.haml +15 -0
  36. data/lib/generators/bootstrap/themed/templates/show.html.slim +17 -0
  37. data/lib/generators/bootstrap/themed/templates/simple_form/_form.html.erb +14 -0
  38. data/lib/generators/bootstrap/themed/templates/simple_form/_form.html.haml +11 -0
  39. data/lib/generators/bootstrap/themed/templates/simple_form/_form.html.slim +12 -0
  40. data/lib/generators/bootstrap/themed/themed_generator.rb +110 -0
  41. data/lib/twitter-bootstrap-rails.rb +10 -0
  42. data/lib/twitter/bootstrap/rails/bootstrap.rb +2 -0
  43. data/lib/twitter/bootstrap/rails/engine.rb +29 -0
  44. data/lib/twitter/bootstrap/rails/twitter-bootstrap-breadcrumbs.rb +30 -0
  45. data/lib/twitter/bootstrap/rails/version.rb +7 -0
  46. data/vendor/assets/fonts/fontawesome-webfont.eot +0 -0
  47. data/vendor/assets/fonts/fontawesome-webfont.svg +255 -0
  48. data/vendor/assets/fonts/fontawesome-webfont.ttf +0 -0
  49. data/vendor/assets/fonts/fontawesome-webfont.woff +0 -0
  50. data/vendor/assets/images/twitter/bootstrap/glyphicons-halflings-white.png +0 -0
  51. data/vendor/assets/images/twitter/bootstrap/glyphicons-halflings.png +0 -0
  52. data/vendor/assets/javascripts/twitter/bootstrap.js +13 -0
  53. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-affix.js +106 -0
  54. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-alert.js +88 -0
  55. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-button.js +94 -0
  56. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-carousel.js +176 -0
  57. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-collapse.js +156 -0
  58. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-dropdown.js +148 -0
  59. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-modal.js +234 -0
  60. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-popover.js +103 -0
  61. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-scrollspy.js +151 -0
  62. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-tab.js +133 -0
  63. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-tooltip.js +276 -0
  64. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-transition.js +60 -0
  65. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-typeahead.js +311 -0
  66. data/vendor/assets/javascripts/twitter/bootstrap_ujs.js +11 -0
  67. data/vendor/toolkit/font-awesome-ie7.less +245 -0
  68. data/vendor/toolkit/fontawesome.less +328 -0
  69. data/vendor/toolkit/twitter/bootstrap/accordion.less +34 -0
  70. data/vendor/toolkit/twitter/bootstrap/alerts.less +65 -0
  71. data/vendor/toolkit/twitter/bootstrap/bootstrap.less +63 -0
  72. data/vendor/toolkit/twitter/bootstrap/breadcrumbs.less +24 -0
  73. data/vendor/toolkit/twitter/bootstrap/button-groups.less +242 -0
  74. data/vendor/toolkit/twitter/bootstrap/buttons.less +232 -0
  75. data/vendor/toolkit/twitter/bootstrap/carousel.less +131 -0
  76. data/vendor/toolkit/twitter/bootstrap/close.less +31 -0
  77. data/vendor/toolkit/twitter/bootstrap/code.less +59 -0
  78. data/vendor/toolkit/twitter/bootstrap/component-animations.less +22 -0
  79. data/vendor/toolkit/twitter/bootstrap/dropdowns.less +237 -0
  80. data/vendor/toolkit/twitter/bootstrap/forms.less +683 -0
  81. data/vendor/toolkit/twitter/bootstrap/grid.less +21 -0
  82. data/vendor/toolkit/twitter/bootstrap/hero-unit.less +25 -0
  83. data/vendor/toolkit/twitter/bootstrap/labels-badges.less +74 -0
  84. data/vendor/toolkit/twitter/bootstrap/layouts.less +16 -0
  85. data/vendor/toolkit/twitter/bootstrap/media.less +55 -0
  86. data/vendor/toolkit/twitter/bootstrap/mixins.less +686 -0
  87. data/vendor/toolkit/twitter/bootstrap/modals.less +94 -0
  88. data/vendor/toolkit/twitter/bootstrap/navbar.less +472 -0
  89. data/vendor/toolkit/twitter/bootstrap/navs.less +385 -0
  90. data/vendor/toolkit/twitter/bootstrap/pager.less +41 -0
  91. data/vendor/toolkit/twitter/bootstrap/pagination.less +121 -0
  92. data/vendor/toolkit/twitter/bootstrap/popovers.less +117 -0
  93. data/vendor/toolkit/twitter/bootstrap/progress-bars.less +122 -0
  94. data/vendor/toolkit/twitter/bootstrap/reset.less +138 -0
  95. data/vendor/toolkit/twitter/bootstrap/responsive-1200px-min.less +28 -0
  96. data/vendor/toolkit/twitter/bootstrap/responsive-767px-max.less +193 -0
  97. data/vendor/toolkit/twitter/bootstrap/responsive-768px-979px.less +19 -0
  98. data/vendor/toolkit/twitter/bootstrap/responsive-navbar.less +185 -0
  99. data/vendor/toolkit/twitter/bootstrap/responsive-utilities.less +43 -0
  100. data/vendor/toolkit/twitter/bootstrap/responsive.less +48 -0
  101. data/vendor/toolkit/twitter/bootstrap/scaffolding.less +52 -0
  102. data/vendor/toolkit/twitter/bootstrap/sprites.less +193 -0
  103. data/vendor/toolkit/twitter/bootstrap/tables.less +236 -0
  104. data/vendor/toolkit/twitter/bootstrap/thumbnails.less +52 -0
  105. data/vendor/toolkit/twitter/bootstrap/tooltip.less +70 -0
  106. data/vendor/toolkit/twitter/bootstrap/type.less +230 -0
  107. data/vendor/toolkit/twitter/bootstrap/utilities.less +30 -0
  108. data/vendor/toolkit/twitter/bootstrap/variables.less +301 -0
  109. data/vendor/toolkit/twitter/bootstrap/wells.less +29 -0
  110. data/vendor/toolkit/twitter/bootstrap_base.less +2 -0
  111. metadata +224 -0
@@ -0,0 +1,131 @@
1
+ //
2
+ // Carousel
3
+ // --------------------------------------------------
4
+
5
+
6
+ .carousel {
7
+ position: relative;
8
+ margin-bottom: @baseLineHeight;
9
+ line-height: 1;
10
+ }
11
+
12
+ .carousel-inner {
13
+ overflow: hidden;
14
+ width: 100%;
15
+ position: relative;
16
+ }
17
+
18
+ .carousel {
19
+
20
+ .item {
21
+ display: none;
22
+ position: relative;
23
+ .transition(.6s ease-in-out left);
24
+ }
25
+
26
+ // Account for jankitude on images
27
+ .item > img {
28
+ display: block;
29
+ line-height: 1;
30
+ }
31
+
32
+ .active,
33
+ .next,
34
+ .prev { display: block; }
35
+
36
+ .active {
37
+ left: 0;
38
+ }
39
+
40
+ .next,
41
+ .prev {
42
+ position: absolute;
43
+ top: 0;
44
+ width: 100%;
45
+ }
46
+
47
+ .next {
48
+ left: 100%;
49
+ }
50
+ .prev {
51
+ left: -100%;
52
+ }
53
+ .next.left,
54
+ .prev.right {
55
+ left: 0;
56
+ }
57
+
58
+ .active.left {
59
+ left: -100%;
60
+ }
61
+ .active.right {
62
+ left: 100%;
63
+ }
64
+
65
+ }
66
+
67
+ // Left/right controls for nav
68
+ // ---------------------------
69
+
70
+ .carousel-control {
71
+ position: absolute;
72
+ top: 40%;
73
+ left: 15px;
74
+ width: 40px;
75
+ height: 40px;
76
+ margin-top: -20px;
77
+ font-size: 60px;
78
+ font-weight: 100;
79
+ line-height: 30px;
80
+ color: @white;
81
+ text-align: center;
82
+ background: @grayDarker;
83
+ border: 3px solid @white;
84
+ .border-radius(23px);
85
+ .opacity(50);
86
+
87
+ // we can't have this transition here
88
+ // because webkit cancels the carousel
89
+ // animation if you trip this while
90
+ // in the middle of another animation
91
+ // ;_;
92
+ // .transition(opacity .2s linear);
93
+
94
+ // Reposition the right one
95
+ &.right {
96
+ left: auto;
97
+ right: 15px;
98
+ }
99
+
100
+ // Hover state
101
+ &:hover {
102
+ color: @white;
103
+ text-decoration: none;
104
+ .opacity(90);
105
+ }
106
+ }
107
+
108
+
109
+ // Caption for text below images
110
+ // -----------------------------
111
+
112
+ .carousel-caption {
113
+ position: absolute;
114
+ left: 0;
115
+ right: 0;
116
+ bottom: 0;
117
+ padding: 15px;
118
+ background: @grayDark;
119
+ background: rgba(0,0,0,.75);
120
+ }
121
+ .carousel-caption h4,
122
+ .carousel-caption p {
123
+ color: @white;
124
+ line-height: @baseLineHeight;
125
+ }
126
+ .carousel-caption h4 {
127
+ margin: 0 0 5px;
128
+ }
129
+ .carousel-caption p {
130
+ margin-bottom: 0;
131
+ }
@@ -0,0 +1,31 @@
1
+ //
2
+ // Close icons
3
+ // --------------------------------------------------
4
+
5
+
6
+ .close {
7
+ float: left;
8
+ font-size: 20px;
9
+ font-weight: bold;
10
+ line-height: @baseLineHeight;
11
+ color: @black;
12
+ text-shadow: 0 1px 0 rgba(255,255,255,1);
13
+ .opacity(20);
14
+ &:hover {
15
+ color: @black;
16
+ text-decoration: none;
17
+ cursor: pointer;
18
+ .opacity(40);
19
+ }
20
+ }
21
+
22
+ // Additional properties for button version
23
+ // iOS requires the button element instead of an anchor tag.
24
+ // If you want the anchor version, it requires `href="#"`.
25
+ button.close {
26
+ padding: 0;
27
+ cursor: pointer;
28
+ background: transparent;
29
+ border: 0;
30
+ -webkit-appearance: none;
31
+ }
@@ -0,0 +1,59 @@
1
+ //
2
+ // Code (inline and blocK)
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Inline and block code styles
7
+ code,
8
+ pre {
9
+ padding: 0 3px 2px;
10
+ #font > #family > .monospace;
11
+ font-size: @baseFontSize - 2;
12
+ color: @grayDark;
13
+ .border-radius(3px);
14
+ }
15
+
16
+ // Inline code
17
+ code {
18
+ padding: 2px 4px;
19
+ color: #d14;
20
+ background-color: #f7f7f9;
21
+ border: 1px solid #e1e1e8;
22
+ }
23
+
24
+ // Blocks of code
25
+ pre {
26
+ direction:ltr;
27
+ display: block;
28
+ padding: (@baseLineHeight - 1) / 2;
29
+ margin: 0 0 @baseLineHeight / 2;
30
+ font-size: @baseFontSize - 1; // 14px to 13px
31
+ line-height: @baseLineHeight;
32
+ word-break: break-all;
33
+ word-wrap: break-word;
34
+ white-space: pre;
35
+ white-space: pre-wrap;
36
+ background-color: #f5f5f5;
37
+ border: 1px solid #ccc; // fallback for IE7-8
38
+ border: 1px solid rgba(0,0,0,.15);
39
+ .border-radius(@baseBorderRadius);
40
+
41
+ // Make prettyprint styles more spaced out for readability
42
+ &.prettyprint {
43
+ margin-bottom: @baseLineHeight;
44
+ }
45
+
46
+ // Account for some code outputs that place code tags in pre tags
47
+ code {
48
+ padding: 0;
49
+ color: inherit;
50
+ background-color: transparent;
51
+ border: 0;
52
+ }
53
+ }
54
+
55
+ // Enable scrollable blocks of code
56
+ .pre-scrollable {
57
+ max-height: 340px;
58
+ overflow-y: scroll;
59
+ }
@@ -0,0 +1,22 @@
1
+ //
2
+ // Component animations
3
+ // --------------------------------------------------
4
+
5
+
6
+ .fade {
7
+ opacity: 0;
8
+ .transition(opacity .15s linear);
9
+ &.in {
10
+ opacity: 1;
11
+ }
12
+ }
13
+
14
+ .collapse {
15
+ position: relative;
16
+ height: 0;
17
+ overflow: hidden;
18
+ .transition(height .35s ease);
19
+ &.in {
20
+ height: auto;
21
+ }
22
+ }
@@ -0,0 +1,237 @@
1
+ //
2
+ // Dropdown menus
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Use the .menu class on any <li> element within the topbar or ul.tabs and you'll get some superfancy dropdowns
7
+ .dropup,
8
+ .dropdown {
9
+ position: relative;
10
+ }
11
+ .dropdown-toggle {
12
+ // The caret makes the toggle a bit too tall in IE7
13
+ *margin-bottom: -3px;
14
+ }
15
+ .dropdown-toggle:active,
16
+ .open .dropdown-toggle {
17
+ outline: 0;
18
+ }
19
+
20
+ // Dropdown arrow/caret
21
+ // --------------------
22
+ .caret {
23
+ display: inline-block;
24
+ width: 0;
25
+ height: 0;
26
+ vertical-align: top;
27
+ border-top: 4px solid @black;
28
+ border-right: 4px solid transparent;
29
+ border-left: 4px solid transparent;
30
+ content: "";
31
+ }
32
+
33
+ // Place the caret
34
+ .dropdown .caret {
35
+ margin-top: 8px;
36
+ margin-right: 2px;
37
+ }
38
+
39
+ // The dropdown menu (ul)
40
+ // ----------------------
41
+ .dropdown-menu {
42
+ position: absolute;
43
+ top: 100%;
44
+ right: 0;
45
+ z-index: @zindexDropdown;
46
+ display: none; // none by default, but block on "open" of the menu
47
+ float: right;
48
+ min-width: 160px;
49
+ padding: 5px 0;
50
+ margin: 2px 0 0; // override default ul
51
+ list-style: none;
52
+ background-color: @dropdownBackground;
53
+ border: 1px solid #ccc; // Fallback for IE7-8
54
+ border: 1px solid @dropdownBorder;
55
+ *border-right-width: 2px;
56
+ *border-bottom-width: 2px;
57
+ .border-radius(6px);
58
+ .box-shadow(0 5px 10px rgba(0,0,0,.2));
59
+ -webkit-background-clip: padding-box;
60
+ -moz-background-clip: padding;
61
+ background-clip: padding-box;
62
+
63
+ // Aligns the dropdown menu to left
64
+ &.pull-left {
65
+ left: 0;
66
+ right: auto;
67
+ }
68
+
69
+ // Dividers (basically an hr) within the dropdown
70
+ .divider {
71
+ .nav-divider(@dropdownDividerTop, @dropdownDividerBottom);
72
+ }
73
+
74
+ // Links within the dropdown menu
75
+ li > a {
76
+ display: block;
77
+ padding: 3px 20px;
78
+ clear: both;
79
+ font-weight: normal;
80
+ line-height: @baseLineHeight;
81
+ color: @dropdownLinkColor;
82
+ white-space: nowrap;
83
+ }
84
+ }
85
+
86
+ // Hover state
87
+ // -----------
88
+ .dropdown-menu li > a:hover,
89
+ .dropdown-menu li > a:focus,
90
+ .dropdown-submenu:hover > a {
91
+ text-decoration: none;
92
+ color: @dropdownLinkColorHover;
93
+ #gradient > .vertical(@dropdownLinkBackgroundHover, darken(@dropdownLinkBackgroundHover, 5%));
94
+ }
95
+
96
+ // Active state
97
+ // ------------
98
+ .dropdown-menu .active > a,
99
+ .dropdown-menu .active > a:hover {
100
+ color: @dropdownLinkColorActive;
101
+ text-decoration: none;
102
+ outline: 0;
103
+ #gradient > .vertical(@dropdownLinkBackgroundActive, darken(@dropdownLinkBackgroundActive, 5%));
104
+ }
105
+
106
+ // Disabled state
107
+ // --------------
108
+ // Gray out text and ensure the hover state remains gray
109
+ .dropdown-menu .disabled > a,
110
+ .dropdown-menu .disabled > a:hover {
111
+ color: @grayLight;
112
+ }
113
+ // Nuke hover effects
114
+ .dropdown-menu .disabled > a:hover {
115
+ text-decoration: none;
116
+ background-color: transparent;
117
+ background-image: none; // Remove CSS gradient
118
+ cursor: default;
119
+ }
120
+
121
+ // Open state for the dropdown
122
+ // ---------------------------
123
+ .open {
124
+ // IE7's z-index only goes to the nearest positioned ancestor, which would
125
+ // make the menu appear below buttons that appeared later on the page
126
+ *z-index: @zindexDropdown;
127
+
128
+ & > .dropdown-menu {
129
+ display: block;
130
+ }
131
+ }
132
+
133
+ // Right aligned dropdowns
134
+ // ---------------------------
135
+ .pull-right > .dropdown-menu {
136
+ right: 0;
137
+ left: auto;
138
+ }
139
+
140
+ // Allow for dropdowns to go bottom up (aka, dropup-menu)
141
+ // ------------------------------------------------------
142
+ // Just add .dropup after the standard .dropdown class and you're set, bro.
143
+ // TODO: abstract this so that the navbar fixed styles are not placed here?
144
+ .dropup,
145
+ .navbar-fixed-bottom .dropdown {
146
+ // Reverse the caret
147
+ .caret {
148
+ border-top: 0;
149
+ border-bottom: 4px solid @black;
150
+ content: "";
151
+ }
152
+ // Different positioning for bottom up menu
153
+ .dropdown-menu {
154
+ top: auto;
155
+ bottom: 100%;
156
+ margin-bottom: 1px;
157
+ }
158
+ }
159
+
160
+ // Sub menus
161
+ // ---------------------------
162
+ .dropdown-submenu {
163
+ position: relative;
164
+ }
165
+ // Default dropdowns
166
+ .dropdown-submenu > .dropdown-menu {
167
+ top: 0;
168
+ right: 100%;
169
+ margin-top: -6px;
170
+ margin-right: -1px;
171
+ -webkit-border-radius: 6px 0 6px 6px;
172
+ -moz-border-radius: 6px 0 6px 6px;
173
+ border-radius: 6px 0 6px 6px;
174
+ }
175
+ .dropdown-submenu:hover > .dropdown-menu {
176
+ display: block;
177
+ }
178
+
179
+ // Dropups
180
+ .dropup .dropdown-submenu > .dropdown-menu {
181
+ top: auto;
182
+ bottom: 0;
183
+ margin-top: 0;
184
+ margin-bottom: -2px;
185
+ -webkit-border-radius: 5px 5px 0 5px;
186
+ -moz-border-radius: 5px 5px 0 5px;
187
+ border-radius: 5px 5px 0 5px;
188
+ }
189
+
190
+ // Caret to indicate there is a submenu
191
+ .dropdown-submenu > a:after {
192
+ display: block;
193
+ content: " ";
194
+ float: left;
195
+ width: 0;
196
+ height: 0;
197
+ border-color: transparent;
198
+ border-style: solid;
199
+ border-width: 5px 5px 5px 0;
200
+ border-right-color: darken(@dropdownBackground, 20%);
201
+ margin-top: 5px;
202
+ margin-left: -10px;
203
+ }
204
+ .dropdown-submenu:hover > a:after {
205
+ border-right-color: @dropdownLinkColorHover;
206
+ }
207
+
208
+ // Right aligned submenus
209
+ .dropdown-submenu.pull-right {
210
+ // Undo the float
211
+ // Yes, this is awkward since .pull-right adds a float, but it sticks to our conventions elsewhere.
212
+ float: none;
213
+
214
+ // Positioning the submenu
215
+ > .dropdown-menu {
216
+ right: -100%;
217
+ margin-right: 10px;
218
+ -webkit-border-radius: 0 6px 6px 6px;
219
+ -moz-border-radius: 0 6px 6px 6px;
220
+ border-radius: 0 6px 6px 6px;
221
+ }
222
+ }
223
+
224
+ // Tweak nav headers
225
+ // -----------------
226
+ // Increase padding from 15px to 20px on sides
227
+ .dropdown .dropdown-menu .nav-header {
228
+ padding-left: 20px;
229
+ padding-right: 20px;
230
+ }
231
+
232
+ // Typeahead
233
+ // ---------
234
+ .typeahead {
235
+ margin-top: 2px; // give it some space to breathe
236
+ .border-radius(@baseBorderRadius);
237
+ }