sass-twitter-bootstrap 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (243) hide show
  1. data/.gitignore +4 -0
  2. data/Gemfile +3 -0
  3. data/Gemfile.lock +14 -0
  4. data/LICENSE +176 -0
  5. data/Makefile +94 -0
  6. data/README.md +217 -0
  7. data/Rakefile +52 -0
  8. data/bootstrap-2.0.4.css +4661 -0
  9. data/bootstrap-2.0.4.min.css +9 -0
  10. data/bootstrap-responsive-2.0.4.css +932 -0
  11. data/bootstrap-responsive-2.0.4.min.css +9 -0
  12. data/docs/assets/css/bootstrap-responsive.css +932 -0
  13. data/docs/assets/css/bootstrap.css +4661 -0
  14. data/docs/assets/css/docs.css +846 -0
  15. data/docs/assets/ico/apple-touch-icon-114-precomposed.png +0 -0
  16. data/docs/assets/ico/apple-touch-icon-144-precomposed.png +0 -0
  17. data/docs/assets/ico/apple-touch-icon-57-precomposed.png +0 -0
  18. data/docs/assets/ico/apple-touch-icon-72-precomposed.png +0 -0
  19. data/docs/assets/ico/favicon.ico +0 -0
  20. data/docs/assets/img/bird.png +0 -0
  21. data/docs/assets/img/bootstrap-mdo-sfmoma-01.jpg +0 -0
  22. data/docs/assets/img/bootstrap-mdo-sfmoma-02.jpg +0 -0
  23. data/docs/assets/img/bootstrap-mdo-sfmoma-03.jpg +0 -0
  24. data/docs/assets/img/browsers.png +0 -0
  25. data/docs/assets/img/example-sites/fleetio.png +0 -0
  26. data/docs/assets/img/example-sites/jshint.png +0 -0
  27. data/docs/assets/img/example-sites/kippt.png +0 -0
  28. data/docs/assets/img/example-sites/soundready.png +0 -0
  29. data/docs/assets/img/examples/bootstrap-example-fluid.jpg +0 -0
  30. data/docs/assets/img/examples/bootstrap-example-hero.jpg +0 -0
  31. data/docs/assets/img/examples/bootstrap-example-starter.jpg +0 -0
  32. data/docs/assets/img/github-16px.png +0 -0
  33. data/docs/assets/img/glyphicons-halflings-white.png +0 -0
  34. data/docs/assets/img/glyphicons-halflings.png +0 -0
  35. data/docs/assets/img/glyphicons/glyphicons_009_magic.png +0 -0
  36. data/docs/assets/img/glyphicons/glyphicons_042_group.png +0 -0
  37. data/docs/assets/img/glyphicons/glyphicons_079_podium.png +0 -0
  38. data/docs/assets/img/glyphicons/glyphicons_082_roundabout.png +0 -0
  39. data/docs/assets/img/glyphicons/glyphicons_155_show_thumbnails.png +0 -0
  40. data/docs/assets/img/glyphicons/glyphicons_163_iphone.png +0 -0
  41. data/docs/assets/img/glyphicons/glyphicons_214_resize_small.png +0 -0
  42. data/docs/assets/img/glyphicons/glyphicons_266_book_open.png +0 -0
  43. data/docs/assets/img/grid-18px-masked.png +0 -0
  44. data/docs/assets/img/icon-css3.png +0 -0
  45. data/docs/assets/img/icon-github.png +0 -0
  46. data/docs/assets/img/icon-html5.png +0 -0
  47. data/docs/assets/img/icon-twitter.png +0 -0
  48. data/docs/assets/img/less-logo-large.png +0 -0
  49. data/docs/assets/img/less-small.png +0 -0
  50. data/docs/assets/img/responsive-illustrations.png +0 -0
  51. data/docs/assets/js/README.md +106 -0
  52. data/docs/assets/js/application.js +184 -0
  53. data/docs/assets/js/bootstrap-alert.js +90 -0
  54. data/docs/assets/js/bootstrap-button.js +96 -0
  55. data/docs/assets/js/bootstrap-carousel.js +169 -0
  56. data/docs/assets/js/bootstrap-collapse.js +157 -0
  57. data/docs/assets/js/bootstrap-dropdown.js +100 -0
  58. data/docs/assets/js/bootstrap-modal.js +218 -0
  59. data/docs/assets/js/bootstrap-popover.js +98 -0
  60. data/docs/assets/js/bootstrap-scrollspy.js +151 -0
  61. data/docs/assets/js/bootstrap-tab.js +135 -0
  62. data/docs/assets/js/bootstrap-tooltip.js +275 -0
  63. data/docs/assets/js/bootstrap-transition.js +61 -0
  64. data/docs/assets/js/bootstrap-typeahead.js +285 -0
  65. data/docs/assets/js/bootstrap.js +1825 -0
  66. data/docs/assets/js/bootstrap.min.js +6 -0
  67. data/docs/assets/js/google-code-prettify/prettify.css +30 -0
  68. data/docs/assets/js/google-code-prettify/prettify.js +28 -0
  69. data/docs/assets/js/jquery.js +9252 -0
  70. data/docs/base-css.html +1710 -0
  71. data/docs/build/index.js +44 -0
  72. data/docs/build/node_modules/.bin/hulk +93 -0
  73. data/docs/build/node_modules/hogan.js/.git_ignore +1 -0
  74. data/docs/build/node_modules/hogan.js/.gitmodules +3 -0
  75. data/docs/build/node_modules/hogan.js/LICENSE +177 -0
  76. data/docs/build/node_modules/hogan.js/Makefile +62 -0
  77. data/docs/build/node_modules/hogan.js/README.md +93 -0
  78. data/docs/build/node_modules/hogan.js/bin/hulk +93 -0
  79. data/docs/build/node_modules/hogan.js/lib/compiler.js +348 -0
  80. data/docs/build/node_modules/hogan.js/lib/hogan.js +20 -0
  81. data/docs/build/node_modules/hogan.js/lib/template.js +233 -0
  82. data/docs/build/node_modules/hogan.js/package.json +20 -0
  83. data/docs/build/node_modules/hogan.js/test/html/list.html +8 -0
  84. data/docs/build/node_modules/hogan.js/test/index.html +13 -0
  85. data/docs/build/node_modules/hogan.js/test/index.js +848 -0
  86. data/docs/build/node_modules/hogan.js/test/mustache.js +90 -0
  87. data/docs/build/node_modules/hogan.js/test/spec.js +77 -0
  88. data/docs/build/node_modules/hogan.js/test/spec/Changes +31 -0
  89. data/docs/build/node_modules/hogan.js/test/spec/README.md +65 -0
  90. data/docs/build/node_modules/hogan.js/test/spec/Rakefile +27 -0
  91. data/docs/build/node_modules/hogan.js/test/spec/TESTING.md +46 -0
  92. data/docs/build/node_modules/hogan.js/test/spec/specs/comments.json +1 -0
  93. data/docs/build/node_modules/hogan.js/test/spec/specs/comments.yml +103 -0
  94. data/docs/build/node_modules/hogan.js/test/spec/specs/delimiters.json +1 -0
  95. data/docs/build/node_modules/hogan.js/test/spec/specs/delimiters.yml +158 -0
  96. data/docs/build/node_modules/hogan.js/test/spec/specs/interpolation.json +1 -0
  97. data/docs/build/node_modules/hogan.js/test/spec/specs/interpolation.yml +230 -0
  98. data/docs/build/node_modules/hogan.js/test/spec/specs/inverted.json +1 -0
  99. data/docs/build/node_modules/hogan.js/test/spec/specs/inverted.yml +193 -0
  100. data/docs/build/node_modules/hogan.js/test/spec/specs/partials.json +1 -0
  101. data/docs/build/node_modules/hogan.js/test/spec/specs/partials.yml +109 -0
  102. data/docs/build/node_modules/hogan.js/test/spec/specs/sections.json +1 -0
  103. data/docs/build/node_modules/hogan.js/test/spec/specs/sections.yml +256 -0
  104. data/docs/build/node_modules/hogan.js/test/spec/specs/~lambdas.json +1 -0
  105. data/docs/build/node_modules/hogan.js/test/spec/specs/~lambdas.yml +149 -0
  106. data/docs/build/node_modules/hogan.js/test/templates/list.mustache +8 -0
  107. data/docs/build/node_modules/hogan.js/tools/release.js +74 -0
  108. data/docs/build/node_modules/hogan.js/tools/web_templates.js +32 -0
  109. data/docs/build/node_modules/hogan.js/web/1.0.0/hogan.js +500 -0
  110. data/docs/build/node_modules/hogan.js/web/1.0.0/hogan.min.js +14 -0
  111. data/docs/build/node_modules/hogan.js/web/builds/1.0.0/hogan.js +500 -0
  112. data/docs/build/node_modules/hogan.js/web/builds/1.0.0/hogan.min.js +14 -0
  113. data/docs/build/node_modules/hogan.js/web/builds/1.0.3/hogan.js +545 -0
  114. data/docs/build/node_modules/hogan.js/web/builds/1.0.3/hogan.min.js +5 -0
  115. data/docs/build/node_modules/hogan.js/web/builds/1.0.5/hogan-1.0.5.amd.js +576 -0
  116. data/docs/build/node_modules/hogan.js/web/builds/1.0.5/hogan-1.0.5.common.js +576 -0
  117. data/docs/build/node_modules/hogan.js/web/builds/1.0.5/hogan-1.0.5.js +572 -0
  118. data/docs/build/node_modules/hogan.js/web/builds/1.0.5/hogan-1.0.5.min.amd.js +5 -0
  119. data/docs/build/node_modules/hogan.js/web/builds/1.0.5/hogan-1.0.5.min.common.js +5 -0
  120. data/docs/build/node_modules/hogan.js/web/builds/1.0.5/hogan-1.0.5.min.js +5 -0
  121. data/docs/build/node_modules/hogan.js/web/builds/1.0.5/hogan-1.0.5.min.mustache.js +5 -0
  122. data/docs/build/node_modules/hogan.js/web/builds/1.0.5/hogan-1.0.5.mustache.js +619 -0
  123. data/docs/build/node_modules/hogan.js/web/builds/1.0.5/template-1.0.5.js +233 -0
  124. data/docs/build/node_modules/hogan.js/web/builds/1.0.5/template-1.0.5.min.js +5 -0
  125. data/docs/build/node_modules/hogan.js/web/favicon.ico +0 -0
  126. data/docs/build/node_modules/hogan.js/web/images/logo.png +0 -0
  127. data/docs/build/node_modules/hogan.js/web/images/noise.png +0 -0
  128. data/docs/build/node_modules/hogan.js/web/images/small-hogan-icon.png +0 -0
  129. data/docs/build/node_modules/hogan.js/web/images/stripes.png +0 -0
  130. data/docs/build/node_modules/hogan.js/web/index.html.mustache +139 -0
  131. data/docs/build/node_modules/hogan.js/web/stylesheets/layout.css +206 -0
  132. data/docs/build/node_modules/hogan.js/web/stylesheets/skeleton.css +236 -0
  133. data/docs/build/node_modules/hogan.js/wrappers/amd.js.mustache +21 -0
  134. data/docs/build/node_modules/hogan.js/wrappers/common.js.mustache +21 -0
  135. data/docs/build/node_modules/hogan.js/wrappers/js.mustache +17 -0
  136. data/docs/build/node_modules/hogan.js/wrappers/mustache.js.mustache +64 -0
  137. data/docs/build/package.json +6 -0
  138. data/docs/components.html +1931 -0
  139. data/docs/download.html +454 -0
  140. data/docs/examples.html +147 -0
  141. data/docs/examples/fluid.html +162 -0
  142. data/docs/examples/hero.html +109 -0
  143. data/docs/examples/starter-template.html +79 -0
  144. data/docs/index.html +259 -0
  145. data/docs/javascript.html +1520 -0
  146. data/docs/less.html +1060 -0
  147. data/docs/scaffolding.html +671 -0
  148. data/docs/templates/layout.mustache +146 -0
  149. data/docs/templates/pages/base-css.mustache +1594 -0
  150. data/docs/templates/pages/components.mustache +1815 -0
  151. data/docs/templates/pages/download.mustache +338 -0
  152. data/docs/templates/pages/examples.mustache +31 -0
  153. data/docs/templates/pages/index.mustache +144 -0
  154. data/docs/templates/pages/javascript.mustache +1405 -0
  155. data/docs/templates/pages/less.mustache +944 -0
  156. data/docs/templates/pages/scaffolding.mustache +555 -0
  157. data/docs/templates/pages/upgrading.mustache +194 -0
  158. data/docs/upgrading.html +310 -0
  159. data/js/tests/index.html +54 -0
  160. data/js/tests/phantom.js +63 -0
  161. data/js/tests/server.js +14 -0
  162. data/js/tests/unit/bootstrap-alert.js +56 -0
  163. data/js/tests/unit/bootstrap-button.js +77 -0
  164. data/js/tests/unit/bootstrap-carousel.js +28 -0
  165. data/js/tests/unit/bootstrap-collapse.js +54 -0
  166. data/js/tests/unit/bootstrap-dropdown.js +87 -0
  167. data/js/tests/unit/bootstrap-modal.js +114 -0
  168. data/js/tests/unit/bootstrap-phantom.js +21 -0
  169. data/js/tests/unit/bootstrap-popover.js +93 -0
  170. data/js/tests/unit/bootstrap-scrollspy.js +31 -0
  171. data/js/tests/unit/bootstrap-tab.js +61 -0
  172. data/js/tests/unit/bootstrap-tooltip.js +155 -0
  173. data/js/tests/unit/bootstrap-transition.js +13 -0
  174. data/js/tests/unit/bootstrap-typeahead.js +148 -0
  175. data/js/tests/vendor/jquery.js +9252 -0
  176. data/js/tests/vendor/qunit.css +232 -0
  177. data/js/tests/vendor/qunit.js +1510 -0
  178. data/lib/sass-twitter-bootstrap.rb +9 -0
  179. data/lib/sass/twitter/bootstrap/rails.rb +14 -0
  180. data/lib/sass/twitter/bootstrap/version.rb +7 -0
  181. data/package.json +25 -0
  182. data/sass-twitter-bootstrap.gemspec +19 -0
  183. data/vendor/assets/images/glyphicons-halflings-white.png +0 -0
  184. data/vendor/assets/images/glyphicons-halflings.png +0 -0
  185. data/vendor/assets/javascripts/README.md +112 -0
  186. data/vendor/assets/javascripts/twitter/bootstrap-alert.js +90 -0
  187. data/vendor/assets/javascripts/twitter/bootstrap-button.js +96 -0
  188. data/vendor/assets/javascripts/twitter/bootstrap-carousel.js +169 -0
  189. data/vendor/assets/javascripts/twitter/bootstrap-collapse.js +157 -0
  190. data/vendor/assets/javascripts/twitter/bootstrap-dropdown.js +100 -0
  191. data/vendor/assets/javascripts/twitter/bootstrap-modal.js +218 -0
  192. data/vendor/assets/javascripts/twitter/bootstrap-popover.js +98 -0
  193. data/vendor/assets/javascripts/twitter/bootstrap-scrollspy.js +151 -0
  194. data/vendor/assets/javascripts/twitter/bootstrap-tab.js +135 -0
  195. data/vendor/assets/javascripts/twitter/bootstrap-tooltip.js +275 -0
  196. data/vendor/assets/javascripts/twitter/bootstrap-transition.js +61 -0
  197. data/vendor/assets/javascripts/twitter/bootstrap-typeahead.js +285 -0
  198. data/vendor/assets/javascripts/twitter/bootstrap.js +12 -0
  199. data/vendor/assets/stylesheets/tests/css-tests.css +52 -0
  200. data/vendor/assets/stylesheets/tests/css-tests.html +917 -0
  201. data/vendor/assets/stylesheets/tests/forms.html +179 -0
  202. data/vendor/assets/stylesheets/tests/navbar.html +108 -0
  203. data/vendor/assets/stylesheets/twitter/_accordion.scss +33 -0
  204. data/vendor/assets/stylesheets/twitter/_alerts.scss +58 -0
  205. data/vendor/assets/stylesheets/twitter/_breadcrumbs.scss +24 -0
  206. data/vendor/assets/stylesheets/twitter/_button-groups.scss +191 -0
  207. data/vendor/assets/stylesheets/twitter/_buttons.scss +191 -0
  208. data/vendor/assets/stylesheets/twitter/_carousel.scss +121 -0
  209. data/vendor/assets/stylesheets/twitter/_close.scss +29 -0
  210. data/vendor/assets/stylesheets/twitter/_code.scss +57 -0
  211. data/vendor/assets/stylesheets/twitter/_component-animations.scss +20 -0
  212. data/vendor/assets/stylesheets/twitter/_dropdowns.scss +143 -0
  213. data/vendor/assets/stylesheets/twitter/_forms.scss +582 -0
  214. data/vendor/assets/stylesheets/twitter/_grid.scss +5 -0
  215. data/vendor/assets/stylesheets/twitter/_hero-unit.scss +22 -0
  216. data/vendor/assets/stylesheets/twitter/_labels-badges.scss +52 -0
  217. data/vendor/assets/stylesheets/twitter/_layouts.scss +17 -0
  218. data/vendor/assets/stylesheets/twitter/_mixins.scss +643 -0
  219. data/vendor/assets/stylesheets/twitter/_modals.scss +90 -0
  220. data/vendor/assets/stylesheets/twitter/_navbar.scss +358 -0
  221. data/vendor/assets/stylesheets/twitter/_navs.scss +363 -0
  222. data/vendor/assets/stylesheets/twitter/_pager.scss +36 -0
  223. data/vendor/assets/stylesheets/twitter/_pagination.scss +56 -0
  224. data/vendor/assets/stylesheets/twitter/_popovers.scss +49 -0
  225. data/vendor/assets/stylesheets/twitter/_progress-bars.scss +117 -0
  226. data/vendor/assets/stylesheets/twitter/_reset.scss +131 -0
  227. data/vendor/assets/stylesheets/twitter/_responsive-1200px-min.scss +26 -0
  228. data/vendor/assets/stylesheets/twitter/_responsive-767px-max.scss +149 -0
  229. data/vendor/assets/stylesheets/twitter/_responsive-768px-979px.scss +17 -0
  230. data/vendor/assets/stylesheets/twitter/_responsive-navbar.scss +153 -0
  231. data/vendor/assets/stylesheets/twitter/_responsive-utilities.scss +41 -0
  232. data/vendor/assets/stylesheets/twitter/_scaffolding.scss +29 -0
  233. data/vendor/assets/stylesheets/twitter/_sprites.scss +191 -0
  234. data/vendor/assets/stylesheets/twitter/_tables.scss +155 -0
  235. data/vendor/assets/stylesheets/twitter/_thumbnails.scss +47 -0
  236. data/vendor/assets/stylesheets/twitter/_tooltip.scss +35 -0
  237. data/vendor/assets/stylesheets/twitter/_type.scss +232 -0
  238. data/vendor/assets/stylesheets/twitter/_utilities.scss +23 -0
  239. data/vendor/assets/stylesheets/twitter/_variables.scss +204 -0
  240. data/vendor/assets/stylesheets/twitter/_wells.scss +27 -0
  241. data/vendor/assets/stylesheets/twitter/bootstrap.scss +62 -0
  242. data/vendor/assets/stylesheets/twitter/responsive.scss +48 -0
  243. metadata +304 -0
@@ -0,0 +1,179 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <title>Bootstrap, from Twitter</title>
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <meta name="description" content="">
8
+ <meta name="author" content="">
9
+
10
+ <!-- Le styles -->
11
+ <link href="../../docs/assets/css/bootstrap.css" rel="stylesheet">
12
+ <link href="../../docs/assets/css/bootstrap-responsive.css" rel="stylesheet">
13
+ <style>
14
+ body {
15
+ padding-top: 30px;
16
+ padding-bottom: 30px;
17
+ }
18
+ </style>
19
+
20
+ <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
21
+ <!--[if lt IE 9]>
22
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
23
+ <![endif]-->
24
+
25
+ <!-- Le fav and touch icons -->
26
+ <link rel="shortcut icon" href="../../docs/assets/ico/favicon.ico">
27
+ <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../docs/assets/ico/apple-touch-icon-144-precomposed.png">
28
+ <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../docs/assets/ico/apple-touch-icon-114-precomposed.png">
29
+ <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../docs/assets/ico/apple-touch-icon-72-precomposed.png">
30
+ <link rel="apple-touch-icon-precomposed" href="../../docs/assets/ico/apple-touch-icon-57-precomposed.png">
31
+ </head>
32
+
33
+ <body>
34
+
35
+ <form class="container">
36
+
37
+ <div class="page-header">
38
+ <h1>Form controls</h1>
39
+ </div>
40
+
41
+ <div class="row">
42
+ <div class="span4">
43
+
44
+ <label>Select</label>
45
+ <select>
46
+ <option>Select</option>
47
+ <option>Option 2</option>
48
+ <option>Option 3</option>
49
+ </select>
50
+
51
+ <hr>
52
+
53
+ <label>textarea</label>
54
+ <textarea>Textarea</textarea>
55
+
56
+ <hr>
57
+
58
+ <label>text</label>
59
+ <input type="text" value="Text input">
60
+
61
+ <hr>
62
+
63
+ <label>password</label>
64
+ <input type="password" value="Password input">
65
+
66
+ <hr>
67
+
68
+ <label>checkbox</label>
69
+ <input type="checkbox" value="">
70
+
71
+ <hr>
72
+
73
+ <label>radio</label>
74
+ <input type="radio" value="">
75
+
76
+ <hr>
77
+
78
+ <label>button</label>
79
+ <input type="button" value="Button">
80
+
81
+ <hr>
82
+
83
+ <label>submit</label>
84
+ <input type="submit" value="Submit">
85
+
86
+ <hr>
87
+
88
+ <label>reset</label>
89
+ <input type="reset" value="Reset">
90
+
91
+ </div><!-- /span4 -->
92
+ <div class="span4">
93
+
94
+ <label>file</label>
95
+ <input type="file" value="">
96
+
97
+ <hr>
98
+
99
+ <label>hidden</label>
100
+ <input type="hidden" value="hidden">
101
+
102
+ <hr>
103
+
104
+ <label>image</label>
105
+ <input type="image" value="">
106
+
107
+ <hr>
108
+
109
+ <label>datetime</label>
110
+ <input type="datetime" value="">
111
+
112
+ <hr>
113
+
114
+ <label>datetime-local</label>
115
+ <input type="datetime-local" value="">
116
+
117
+ <hr>
118
+
119
+ <label>date</label>
120
+ <input type="date" value="">
121
+
122
+ <hr>
123
+
124
+ <label>month</label>
125
+ <input type="month" value="">
126
+
127
+ <hr>
128
+
129
+ <label>time</label>
130
+ <input type="time" value="">
131
+
132
+ <hr>
133
+
134
+ <label>week</label>
135
+ <input type="week" value="">
136
+
137
+ </div><!-- /span4 -->
138
+ <div class="span4">
139
+
140
+ <label>number</label>
141
+ <input type="number" value="">
142
+
143
+ <hr>
144
+
145
+ <label>range</label>
146
+ <input type="range" value="">
147
+
148
+ <hr>
149
+
150
+ <label>email</label>
151
+ <input type="email" value="">
152
+
153
+ <hr>
154
+
155
+ <label>url</label>
156
+ <input type="url" value="">
157
+
158
+ <hr>
159
+
160
+ <label>search</label>
161
+ <input type="search" value="">
162
+
163
+ <hr>
164
+
165
+ <label>tel</label>
166
+ <input type="tel" value="">
167
+
168
+ <hr>
169
+
170
+ <label>color</label>
171
+ <input type="color" value="">
172
+
173
+ </div><!-- /span4 -->
174
+ </div><!-- /row -->
175
+
176
+ </form> <!-- /container -->
177
+
178
+ </body>
179
+ </html>
@@ -0,0 +1,108 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <title>Bootstrap, from Twitter</title>
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <meta name="description" content="">
8
+ <meta name="author" content="">
9
+
10
+ <!-- Le styles -->
11
+ <link href="../../docs/assets/css/bootstrap.css" rel="stylesheet">
12
+ <style>
13
+ body {
14
+ padding-top: 60px;
15
+ padding-bottom: 30px;
16
+ }
17
+ </style>
18
+ <link href="../../docs/assets/css/bootstrap-responsive.css" rel="stylesheet">
19
+
20
+ <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
21
+ <!--[if lt IE 9]>
22
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
23
+ <![endif]-->
24
+
25
+ <!-- Le fav and touch icons -->
26
+ <link rel="shortcut icon" href="../../docs/assets/ico/favicon.ico">
27
+ <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../docs/assets/ico/apple-touch-icon-144-precomposed.png">
28
+ <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../docs/assets/ico/apple-touch-icon-114-precomposed.png">
29
+ <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../docs/assets/ico/apple-touch-icon-72-precomposed.png">
30
+ <link rel="apple-touch-icon-precomposed" href="../../docs/assets/ico/apple-touch-icon-57-precomposed.png">
31
+ </head>
32
+
33
+ <body>
34
+
35
+ <!-- Fixed navbar -->
36
+ <div class="navbar navbar-fixed-top">
37
+ <div class="navbar-inner">
38
+ <div class="container">
39
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
40
+ <span class="icon-bar"></span>
41
+ <span class="icon-bar"></span>
42
+ <span class="icon-bar"></span>
43
+ </a>
44
+ <a class="brand" href="#">Project name</a>
45
+ <div class="nav-collapse">
46
+ <ul class="nav">
47
+ <li class="active"><a href="#">Home</a></li>
48
+ <li><a href="#about">About</a></li>
49
+ <li><a href="#contact">Contact</a></li>
50
+ </ul>
51
+ </div><!--/.nav-collapse -->
52
+ </div>
53
+ </div>
54
+ </div>
55
+
56
+ <div class="container">
57
+
58
+ <!-- Static navbar -->
59
+ <div class="navbar">
60
+ <div class="navbar-inner">
61
+ <div class="container">
62
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
63
+ <span class="icon-bar"></span>
64
+ <span class="icon-bar"></span>
65
+ <span class="icon-bar"></span>
66
+ </a>
67
+ <a class="brand" href="#">Project name</a>
68
+ <div class="nav-collapse">
69
+ <ul class="nav">
70
+ <li class="active"><a href="#">Home</a></li>
71
+ <li><a href="#about">About</a></li>
72
+ <li><a href="#contact">Contact</a></li>
73
+ </ul>
74
+ </div><!--/.nav-collapse -->
75
+ </div>
76
+ </div>
77
+ </div>
78
+
79
+ <!-- Main hero unit for a primary marketing message or call to action -->
80
+ <div class="hero-unit">
81
+ <h1>Navbar example</h1>
82
+ <p>This example is a quick exercise to illustrate how the default, static navbar and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.</p>
83
+ <p>
84
+ <a class="btn btn-large btn-primary" href="../components.html#navbar">View navbar docs &raquo;</a>
85
+ </p>
86
+ </div>
87
+
88
+ </div> <!-- /container -->
89
+
90
+ <!-- Le javascript
91
+ ================================================== -->
92
+ <!-- Placed at the end of the document so the pages load faster -->
93
+ <script src="../assets/js/jquery.js"></script>
94
+ <script src="../assets/js/bootstrap-transition.js"></script>
95
+ <script src="../assets/js/bootstrap-alert.js"></script>
96
+ <script src="../assets/js/bootstrap-modal.js"></script>
97
+ <script src="../assets/js/bootstrap-dropdown.js"></script>
98
+ <script src="../assets/js/bootstrap-scrollspy.js"></script>
99
+ <script src="../assets/js/bootstrap-tab.js"></script>
100
+ <script src="../assets/js/bootstrap-tooltip.js"></script>
101
+ <script src="../assets/js/bootstrap-popover.js"></script>
102
+ <script src="../assets/js/bootstrap-button.js"></script>
103
+ <script src="../assets/js/bootstrap-collapse.js"></script>
104
+ <script src="../assets/js/bootstrap-carousel.js"></script>
105
+ <script src="../assets/js/bootstrap-typeahead.js"></script>
106
+
107
+ </body>
108
+ </html>
@@ -0,0 +1,33 @@
1
+ // ACCORDION
2
+ // ---------
3
+
4
+
5
+ // Parent container
6
+ .accordion {
7
+ margin-bottom: $baseLineHeight;
8
+ }
9
+
10
+ // Group == heading + body
11
+ .accordion-group {
12
+ margin-bottom: 2px;
13
+ border: 1px solid #e5e5e5;
14
+ @include border-radius(4px);
15
+ }
16
+ .accordion-heading {
17
+ border-bottom: 0;
18
+ }
19
+ .accordion-heading .accordion-toggle {
20
+ display: block;
21
+ padding: 8px 15px;
22
+ }
23
+
24
+ // General toggle styles
25
+ .accordion-toggle {
26
+ cursor: pointer;
27
+ }
28
+
29
+ // Inner needs the styles because you can't animate properly with any styles on the element
30
+ .accordion-inner {
31
+ padding: 9px 15px;
32
+ border-top: 1px solid #e5e5e5;
33
+ }
@@ -0,0 +1,58 @@
1
+ // ALERT STYLES
2
+ // ------------
3
+
4
+ // Base alert styles
5
+ .alert {
6
+ padding: 8px 35px 8px 14px;
7
+ margin-bottom: $baseLineHeight;
8
+ text-shadow: 0 1px 0 rgba(255,255,255,.5);
9
+ background-color: $warningBackground;
10
+ border: 1px solid $warningBorder;
11
+ @include border-radius(4px);
12
+ color: $warningText;
13
+ }
14
+ .alert-heading {
15
+ color: inherit;
16
+ }
17
+
18
+ // Adjust close link position
19
+ .alert .close {
20
+ position: relative;
21
+ top: -2px;
22
+ right: -21px;
23
+ line-height: 18px;
24
+ }
25
+
26
+ // Alternate styles
27
+ // ----------------
28
+
29
+ .alert-success {
30
+ background-color: $successBackground;
31
+ border-color: $successBorder;
32
+ color: $successText;
33
+ }
34
+ .alert-danger,
35
+ .alert-error {
36
+ background-color: $errorBackground;
37
+ border-color: $errorBorder;
38
+ color: $errorText;
39
+ }
40
+ .alert-info {
41
+ background-color: $infoBackground;
42
+ border-color: $infoBorder;
43
+ color: $infoText;
44
+ }
45
+
46
+ // Block alerts
47
+ // ------------------------
48
+ .alert-block {
49
+ padding-top: 14px;
50
+ padding-bottom: 14px;
51
+ }
52
+ .alert-block > p,
53
+ .alert-block > ul {
54
+ margin-bottom: 0;
55
+ }
56
+ .alert-block p + p {
57
+ margin-top: 5px;
58
+ }
@@ -0,0 +1,24 @@
1
+ // BREADCRUMBS
2
+ // -----------
3
+
4
+ .breadcrumb {
5
+ padding: 7px 14px;
6
+ margin: 0 0 $baseLineHeight;
7
+ list-style: none;
8
+ @include gradient-vertical($white, #f5f5f5);
9
+ border: 1px solid #ddd;
10
+ @include border-radius(3px);
11
+ @include box-shadow(inset 0 1px 0 $white);
12
+ li {
13
+ display: inline-block;
14
+ @include ie7-inline-block();
15
+ text-shadow: 0 1px 0 $white;
16
+ }
17
+ .divider {
18
+ padding: 0 5px;
19
+ color: $grayLight;
20
+ }
21
+ .active a {
22
+ color: $grayDark;
23
+ }
24
+ }
@@ -0,0 +1,191 @@
1
+ // BUTTON GROUPS
2
+ // -------------
3
+
4
+
5
+ // Make the div behave like a button
6
+ .btn-group {
7
+ position: relative;
8
+ @include clearfix(); // clears the floated buttons
9
+ @include ie7-restore-left-whitespace();
10
+ }
11
+
12
+ // Space out series of button groups
13
+ .btn-group + .btn-group {
14
+ margin-left: 5px;
15
+ }
16
+
17
+ // Optional: Group multiple button groups together for a toolbar
18
+ .btn-toolbar {
19
+ margin-top: $baseLineHeight / 2;
20
+ margin-bottom: $baseLineHeight / 2;
21
+ .btn-group {
22
+ display: inline-block;
23
+ @include ie7-inline-block();
24
+ }
25
+ }
26
+
27
+ // Float them, remove border radius, then re-add to first and last elements
28
+ .btn-group > .btn {
29
+ position: relative;
30
+ float: left;
31
+ margin-left: -1px;
32
+ @include border-radius(0);
33
+ }
34
+ // Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match
35
+ .btn-group > .btn:first-child {
36
+ margin-left: 0;
37
+ -webkit-border-top-left-radius: 4px;
38
+ -moz-border-radius-topleft: 4px;
39
+ border-top-left-radius: 4px;
40
+ -webkit-border-bottom-left-radius: 4px;
41
+ -moz-border-radius-bottomleft: 4px;
42
+ border-bottom-left-radius: 4px;
43
+ }
44
+ // Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it
45
+ .btn-group > .btn:last-child,
46
+ .btn-group > .dropdown-toggle {
47
+ -webkit-border-top-right-radius: 4px;
48
+ -moz-border-radius-topright: 4px;
49
+ border-top-right-radius: 4px;
50
+ -webkit-border-bottom-right-radius: 4px;
51
+ -moz-border-radius-bottomright: 4px;
52
+ border-bottom-right-radius: 4px;
53
+ }
54
+ // Reset corners for large buttons
55
+ .btn-group > .btn.large:first-child {
56
+ margin-left: 0;
57
+ -webkit-border-top-left-radius: 6px;
58
+ -moz-border-radius-topleft: 6px;
59
+ border-top-left-radius: 6px;
60
+ -webkit-border-bottom-left-radius: 6px;
61
+ -moz-border-radius-bottomleft: 6px;
62
+ border-bottom-left-radius: 6px;
63
+ }
64
+ .btn-group > .btn.large:last-child,
65
+ .btn-group > .large.dropdown-toggle {
66
+ -webkit-border-top-right-radius: 6px;
67
+ -moz-border-radius-topright: 6px;
68
+ border-top-right-radius: 6px;
69
+ -webkit-border-bottom-right-radius: 6px;
70
+ -moz-border-radius-bottomright: 6px;
71
+ border-bottom-right-radius: 6px;
72
+ }
73
+
74
+ // On hover/focus/active, bring the proper btn to front
75
+ .btn-group > .btn:hover,
76
+ .btn-group > .btn:focus,
77
+ .btn-group > .btn:active,
78
+ .btn-group > .btn.active {
79
+ z-index: 2;
80
+ }
81
+
82
+ // On active and open, don't show outline
83
+ .btn-group .dropdown-toggle:active,
84
+ .btn-group.open .dropdown-toggle {
85
+ outline: 0;
86
+ }
87
+
88
+
89
+
90
+ // Split button dropdowns
91
+ // ----------------------
92
+
93
+ // Give the line between buttons some depth
94
+ .btn-group > .dropdown-toggle {
95
+ padding-left: 8px;
96
+ padding-right: 8px;
97
+ @include box-shadow(#{inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)});
98
+ *padding-top: 4px;
99
+ *padding-bottom: 4px;
100
+ }
101
+ .btn-group > .btn-mini.dropdown-toggle {
102
+ padding-left: 5px;
103
+ padding-right: 5px;
104
+ }
105
+ .btn-group > .btn-small.dropdown-toggle {
106
+ *padding-top: 4px;
107
+ *padding-bottom: 4px;
108
+ }
109
+ .btn-group > .btn-large.dropdown-toggle {
110
+ padding-left: 12px;
111
+ padding-right: 12px;
112
+ }
113
+
114
+ .btn-group.open {
115
+
116
+ // The clickable button for toggling the menu
117
+ // Remove the gradient and set the same inset shadow as the :active state
118
+ .dropdown-toggle {
119
+ background-image: none;
120
+ @include box-shadow(#{inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)});
121
+ }
122
+
123
+ // Keep the hover's background when dropdown is open
124
+ .btn.dropdown-toggle {
125
+ background-color: $btnBackgroundHighlight;
126
+ }
127
+ .btn-primary.dropdown-toggle {
128
+ background-color: $btnPrimaryBackgroundHighlight;
129
+ }
130
+ .btn-warning.dropdown-toggle {
131
+ background-color: $btnWarningBackgroundHighlight;
132
+ }
133
+ .btn-danger.dropdown-toggle {
134
+ background-color: $btnDangerBackgroundHighlight;
135
+ }
136
+ .btn-success.dropdown-toggle {
137
+ background-color: $btnSuccessBackgroundHighlight;
138
+ }
139
+ .btn-info.dropdown-toggle {
140
+ background-color: $btnInfoBackgroundHighlight;
141
+ }
142
+ .btn-inverse.dropdown-toggle {
143
+ background-color: $btnInverseBackgroundHighlight;
144
+ }
145
+ }
146
+
147
+
148
+ // Reposition the caret
149
+ .btn .caret {
150
+ margin-top: 7px;
151
+ margin-left: 0;
152
+ }
153
+ .btn:hover .caret,
154
+ .open.btn-group .caret {
155
+ @include opacity(100);
156
+ }
157
+ // Carets in other button sizes
158
+ .btn-mini .caret {
159
+ margin-top: 5px;
160
+ }
161
+ .btn-small .caret {
162
+ margin-top: 6px;
163
+ }
164
+ .btn-large .caret {
165
+ margin-top: 6px;
166
+ border-left-width: 5px;
167
+ border-right-width: 5px;
168
+ border-top-width: 5px;
169
+ }
170
+ // Upside down carets for .dropup
171
+ .dropup .btn-large .caret {
172
+ border-bottom: 5px solid $black;
173
+ border-top: 0;
174
+ }
175
+
176
+
177
+
178
+ // Account for other colors
179
+ .btn-primary,
180
+ .btn-warning,
181
+ .btn-danger,
182
+ .btn-info,
183
+ .btn-success,
184
+ .btn-inverse {
185
+ .caret {
186
+ border-top-color: $white;
187
+ border-bottom-color: $white;
188
+ @include opacity(75);
189
+ }
190
+ }
191
+