dataclips 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (158) hide show
  1. checksums.yaml +7 -0
  2. data/MIT-LICENSE +20 -0
  3. data/README.rdoc +3 -0
  4. data/Rakefile +34 -0
  5. data/app/assets/fonts/bootstrap/glyphicons-halflings-regular.eot +0 -0
  6. data/app/assets/fonts/bootstrap/glyphicons-halflings-regular.svg +288 -0
  7. data/app/assets/fonts/bootstrap/glyphicons-halflings-regular.ttf +0 -0
  8. data/app/assets/fonts/bootstrap/glyphicons-halflings-regular.woff +0 -0
  9. data/app/assets/fonts/bootstrap/glyphicons-halflings-regular.woff2 +0 -0
  10. data/app/assets/images/dataclips/slickgrid/sort-asc.png +0 -0
  11. data/app/assets/images/dataclips/slickgrid/sort-desc.png +0 -0
  12. data/app/assets/javascripts/dataclips/application.js +26 -0
  13. data/app/assets/javascripts/dataclips/backbone.js +1608 -0
  14. data/app/assets/javascripts/dataclips/dataclips.js.coffee +168 -0
  15. data/app/assets/javascripts/dataclips/formatters.js.coffee +14 -0
  16. data/app/assets/javascripts/dataclips/namespace.js.coffee +1 -0
  17. data/app/assets/javascripts/dataclips/record.js.coffee +39 -0
  18. data/app/assets/javascripts/dataclips/slickgrid.js +5 -0
  19. data/app/assets/javascripts/dataclips/slickgrid/jquery.event.drag-2.2.js +402 -0
  20. data/app/assets/javascripts/dataclips/slickgrid/plugins/slick.rowselectionmodel.js +187 -0
  21. data/app/assets/javascripts/dataclips/slickgrid/slick.core.js +458 -0
  22. data/app/assets/javascripts/dataclips/slickgrid/slick.dataview.js +1063 -0
  23. data/app/assets/javascripts/dataclips/slickgrid/slick.grid.js +3309 -0
  24. data/app/assets/javascripts/dataclips/underscore.js +1416 -0
  25. data/app/assets/stylesheets/bootstrap/_alerts.scss +68 -0
  26. data/app/assets/stylesheets/bootstrap/_badges.scss +63 -0
  27. data/app/assets/stylesheets/bootstrap/_breadcrumbs.scss +26 -0
  28. data/app/assets/stylesheets/bootstrap/_button-groups.scss +243 -0
  29. data/app/assets/stylesheets/bootstrap/_buttons.scss +160 -0
  30. data/app/assets/stylesheets/bootstrap/_carousel.scss +267 -0
  31. data/app/assets/stylesheets/bootstrap/_close.scss +35 -0
  32. data/app/assets/stylesheets/bootstrap/_code.scss +69 -0
  33. data/app/assets/stylesheets/bootstrap/_component-animations.scss +38 -0
  34. data/app/assets/stylesheets/bootstrap/_dropdowns.scss +213 -0
  35. data/app/assets/stylesheets/bootstrap/_forms.scss +548 -0
  36. data/app/assets/stylesheets/bootstrap/_glyphicons.scss +234 -0
  37. data/app/assets/stylesheets/bootstrap/_grid.scss +84 -0
  38. data/app/assets/stylesheets/bootstrap/_input-groups.scss +166 -0
  39. data/app/assets/stylesheets/bootstrap/_jumbotron.scss +49 -0
  40. data/app/assets/stylesheets/bootstrap/_labels.scss +66 -0
  41. data/app/assets/stylesheets/bootstrap/_list-group.scss +124 -0
  42. data/app/assets/stylesheets/bootstrap/_media.scss +47 -0
  43. data/app/assets/stylesheets/bootstrap/_mixins.scss +39 -0
  44. data/app/assets/stylesheets/bootstrap/_modals.scss +148 -0
  45. data/app/assets/stylesheets/bootstrap/_navbar.scss +662 -0
  46. data/app/assets/stylesheets/bootstrap/_navs.scss +244 -0
  47. data/app/assets/stylesheets/bootstrap/_normalize.scss +427 -0
  48. data/app/assets/stylesheets/bootstrap/_pager.scss +54 -0
  49. data/app/assets/stylesheets/bootstrap/_pagination.scss +88 -0
  50. data/app/assets/stylesheets/bootstrap/_panels.scss +261 -0
  51. data/app/assets/stylesheets/bootstrap/_popovers.scss +135 -0
  52. data/app/assets/stylesheets/bootstrap/_print.scss +107 -0
  53. data/app/assets/stylesheets/bootstrap/_progress-bars.scss +87 -0
  54. data/app/assets/stylesheets/bootstrap/_responsive-embed.scss +35 -0
  55. data/app/assets/stylesheets/bootstrap/_responsive-utilities.scss +174 -0
  56. data/app/assets/stylesheets/bootstrap/_scaffolding.scss +150 -0
  57. data/app/assets/stylesheets/bootstrap/_tables.scss +234 -0
  58. data/app/assets/stylesheets/bootstrap/_theme.scss +272 -0
  59. data/app/assets/stylesheets/bootstrap/_thumbnails.scss +38 -0
  60. data/app/assets/stylesheets/bootstrap/_tooltip.scss +103 -0
  61. data/app/assets/stylesheets/bootstrap/_type.scss +298 -0
  62. data/app/assets/stylesheets/bootstrap/_utilities.scss +56 -0
  63. data/app/assets/stylesheets/bootstrap/_variables.scss +864 -0
  64. data/app/assets/stylesheets/bootstrap/_wells.scss +29 -0
  65. data/app/assets/stylesheets/bootstrap/mixins/_alerts.scss +14 -0
  66. data/app/assets/stylesheets/bootstrap/mixins/_background-variant.scss +11 -0
  67. data/app/assets/stylesheets/bootstrap/mixins/_border-radius.scss +18 -0
  68. data/app/assets/stylesheets/bootstrap/mixins/_buttons.scss +52 -0
  69. data/app/assets/stylesheets/bootstrap/mixins/_center-block.scss +7 -0
  70. data/app/assets/stylesheets/bootstrap/mixins/_clearfix.scss +22 -0
  71. data/app/assets/stylesheets/bootstrap/mixins/_forms.scss +88 -0
  72. data/app/assets/stylesheets/bootstrap/mixins/_gradients.scss +58 -0
  73. data/app/assets/stylesheets/bootstrap/mixins/_grid-framework.scss +81 -0
  74. data/app/assets/stylesheets/bootstrap/mixins/_grid.scss +122 -0
  75. data/app/assets/stylesheets/bootstrap/mixins/_hide-text.scss +21 -0
  76. data/app/assets/stylesheets/bootstrap/mixins/_image.scss +33 -0
  77. data/app/assets/stylesheets/bootstrap/mixins/_labels.scss +12 -0
  78. data/app/assets/stylesheets/bootstrap/mixins/_list-group.scss +31 -0
  79. data/app/assets/stylesheets/bootstrap/mixins/_nav-divider.scss +10 -0
  80. data/app/assets/stylesheets/bootstrap/mixins/_nav-vertical-align.scss +9 -0
  81. data/app/assets/stylesheets/bootstrap/mixins/_opacity.scss +8 -0
  82. data/app/assets/stylesheets/bootstrap/mixins/_pagination.scss +23 -0
  83. data/app/assets/stylesheets/bootstrap/mixins/_panels.scss +24 -0
  84. data/app/assets/stylesheets/bootstrap/mixins/_progress-bar.scss +10 -0
  85. data/app/assets/stylesheets/bootstrap/mixins/_reset-filter.scss +8 -0
  86. data/app/assets/stylesheets/bootstrap/mixins/_resize.scss +6 -0
  87. data/app/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss +21 -0
  88. data/app/assets/stylesheets/bootstrap/mixins/_size.scss +10 -0
  89. data/app/assets/stylesheets/bootstrap/mixins/_tab-focus.scss +9 -0
  90. data/app/assets/stylesheets/bootstrap/mixins/_table-row.scss +28 -0
  91. data/app/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss +11 -0
  92. data/app/assets/stylesheets/bootstrap/mixins/_text-overflow.scss +8 -0
  93. data/app/assets/stylesheets/bootstrap/mixins/_vendor-prefixes.scss +222 -0
  94. data/app/assets/stylesheets/dataclips/_bootstrap.scss +53 -0
  95. data/app/assets/stylesheets/dataclips/application.css +18 -0
  96. data/app/assets/stylesheets/dataclips/slickgrid/slickgrid.sass +341 -0
  97. data/app/controllers/dataclips/application_controller.rb +31 -0
  98. data/app/controllers/dataclips/clips_controller.rb +46 -0
  99. data/app/controllers/dataclips/insights_controller.rb +45 -0
  100. data/app/helpers/dataclips/application_helper.rb +4 -0
  101. data/app/models/dataclips/clip.rb +79 -0
  102. data/app/models/dataclips/insight.rb +18 -0
  103. data/app/models/dataclips/sql_query.rb +36 -0
  104. data/app/views/dataclips/application/_boolean.html.erb +1 -0
  105. data/app/views/dataclips/application/_date.html.erb +22 -0
  106. data/app/views/dataclips/application/_datetime.html.erb +25 -0
  107. data/app/views/dataclips/application/_float.html.erb +7 -0
  108. data/app/views/dataclips/application/_integer.html.erb +7 -0
  109. data/app/views/dataclips/application/_text.html.erb +10 -0
  110. data/app/views/dataclips/application/_time.html.erb +23 -0
  111. data/app/views/dataclips/clips/edit.html.erb +14 -0
  112. data/app/views/dataclips/clips/show.html.erb +109 -0
  113. data/app/views/dataclips/insights/show.html.erb +99 -0
  114. data/app/views/layouts/dataclips/application.html.erb +14 -0
  115. data/config/initializers/assets.rb +1 -0
  116. data/config/routes.rb +9 -0
  117. data/db/migrate/20150101143530_create_dataclips_insights.rb +12 -0
  118. data/lib/dataclips.rb +47 -0
  119. data/lib/dataclips/engine.rb +29 -0
  120. data/lib/dataclips/version.rb +3 -0
  121. data/lib/tasks/dataclips_tasks.rake +4 -0
  122. data/test/dataclips_test.rb +7 -0
  123. data/test/dummy/README.rdoc +28 -0
  124. data/test/dummy/Rakefile +6 -0
  125. data/test/dummy/app/assets/javascripts/application.js +13 -0
  126. data/test/dummy/app/assets/stylesheets/application.css +15 -0
  127. data/test/dummy/app/controllers/application_controller.rb +5 -0
  128. data/test/dummy/app/helpers/application_helper.rb +2 -0
  129. data/test/dummy/app/views/layouts/application.html.erb +14 -0
  130. data/test/dummy/bin/bundle +3 -0
  131. data/test/dummy/bin/rails +4 -0
  132. data/test/dummy/bin/rake +4 -0
  133. data/test/dummy/config.ru +4 -0
  134. data/test/dummy/config/application.rb +23 -0
  135. data/test/dummy/config/boot.rb +5 -0
  136. data/test/dummy/config/database.yml +25 -0
  137. data/test/dummy/config/environment.rb +5 -0
  138. data/test/dummy/config/environments/development.rb +37 -0
  139. data/test/dummy/config/environments/production.rb +78 -0
  140. data/test/dummy/config/environments/test.rb +39 -0
  141. data/test/dummy/config/initializers/assets.rb +8 -0
  142. data/test/dummy/config/initializers/backtrace_silencers.rb +7 -0
  143. data/test/dummy/config/initializers/cookies_serializer.rb +3 -0
  144. data/test/dummy/config/initializers/filter_parameter_logging.rb +4 -0
  145. data/test/dummy/config/initializers/inflections.rb +16 -0
  146. data/test/dummy/config/initializers/mime_types.rb +4 -0
  147. data/test/dummy/config/initializers/session_store.rb +3 -0
  148. data/test/dummy/config/initializers/wrap_parameters.rb +14 -0
  149. data/test/dummy/config/locales/en.yml +23 -0
  150. data/test/dummy/config/routes.rb +4 -0
  151. data/test/dummy/config/secrets.yml +22 -0
  152. data/test/dummy/public/404.html +67 -0
  153. data/test/dummy/public/422.html +67 -0
  154. data/test/dummy/public/500.html +66 -0
  155. data/test/dummy/public/favicon.ico +0 -0
  156. data/test/integration/navigation_test.rb +10 -0
  157. data/test/test_helper.rb +17 -0
  158. metadata +348 -0
@@ -0,0 +1,864 @@
1
+ // When true, asset path helpers are used, otherwise the regular CSS `url()` is used.
2
+ // When there no function is defined, `fn('')` is parsed as string that equals the right hand side
3
+ // NB: in Sass 3.3 there is a native function: function-exists(twbs-font-path)
4
+ $bootstrap-sass-asset-helper: (twbs-font-path("") != unquote('twbs-font-path("")')) !default;
5
+
6
+ //
7
+ // Variables
8
+ // --------------------------------------------------
9
+
10
+
11
+ //== Colors
12
+ //
13
+ //## Gray and brand colors for use across Bootstrap.
14
+
15
+ $gray-base: #000 !default;
16
+ $gray-darker: lighten($gray-base, 13.5%) !default; // #222
17
+ $gray-dark: lighten($gray-base, 20%) !default; // #333
18
+ $gray: lighten($gray-base, 33.5%) !default; // #555
19
+ $gray-light: lighten($gray-base, 46.7%) !default; // #777
20
+ $gray-lighter: lighten($gray-base, 93.5%) !default; // #eee
21
+
22
+ $brand-primary: darken(#428bca, 6.5%) !default;
23
+ $brand-success: #5cb85c !default;
24
+ $brand-info: #5bc0de !default;
25
+ $brand-warning: #f0ad4e !default;
26
+ $brand-danger: #d9534f !default;
27
+
28
+
29
+ //== Scaffolding
30
+ //
31
+ //## Settings for some of the most global styles.
32
+
33
+ //** Background color for `<body>`.
34
+ $body-bg: #fff !default;
35
+ //** Global text color on `<body>`.
36
+ $text-color: $gray-dark !default;
37
+
38
+ //** Global textual link color.
39
+ $link-color: $brand-primary !default;
40
+ //** Link hover color set via `darken()` function.
41
+ $link-hover-color: darken($link-color, 15%) !default;
42
+ //** Link hover decoration.
43
+ $link-hover-decoration: underline !default;
44
+
45
+
46
+ //== Typography
47
+ //
48
+ //## Font, line-height, and color for body text, headings, and more.
49
+
50
+ $font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
51
+ $font-family-serif: Georgia, "Times New Roman", Times, serif !default;
52
+ //** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
53
+ $font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace !default;
54
+ $font-family-base: $font-family-sans-serif !default;
55
+
56
+ $font-size-base: 14px !default;
57
+ $font-size-large: ceil(($font-size-base * 1.25)) !default; // ~18px
58
+ $font-size-small: ceil(($font-size-base * 0.85)) !default; // ~12px
59
+
60
+ $font-size-h1: floor(($font-size-base * 2.6)) !default; // ~36px
61
+ $font-size-h2: floor(($font-size-base * 2.15)) !default; // ~30px
62
+ $font-size-h3: ceil(($font-size-base * 1.7)) !default; // ~24px
63
+ $font-size-h4: ceil(($font-size-base * 1.25)) !default; // ~18px
64
+ $font-size-h5: $font-size-base !default;
65
+ $font-size-h6: ceil(($font-size-base * 0.85)) !default; // ~12px
66
+
67
+ //** Unit-less `line-height` for use in components like buttons.
68
+ $line-height-base: 1.428571429 !default; // 20/14
69
+ //** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
70
+ $line-height-computed: floor(($font-size-base * $line-height-base)) !default; // ~20px
71
+
72
+ //** By default, this inherits from the `<body>`.
73
+ $headings-font-family: inherit !default;
74
+ $headings-font-weight: 500 !default;
75
+ $headings-line-height: 1.1 !default;
76
+ $headings-color: inherit !default;
77
+
78
+
79
+ //== Iconography
80
+ //
81
+ //## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.
82
+
83
+ //** Load fonts from this directory.
84
+
85
+ // [converter] Asset helpers such as Sprockets and Node.js Mincer do not resolve relative paths
86
+ $icon-font-path: if($bootstrap-sass-asset-helper, "bootstrap/", "../bootstrap/") !default;
87
+
88
+ //** File name for all font files.
89
+ $icon-font-name: "glyphicons-halflings-regular" !default;
90
+ //** Element ID within SVG icon file.
91
+ $icon-font-svg-id: "glyphicons_halflingsregular" !default;
92
+
93
+
94
+ //== Components
95
+ //
96
+ //## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
97
+
98
+ $padding-base-vertical: 6px !default;
99
+ $padding-base-horizontal: 12px !default;
100
+
101
+ $padding-large-vertical: 10px !default;
102
+ $padding-large-horizontal: 16px !default;
103
+
104
+ $padding-small-vertical: 5px !default;
105
+ $padding-small-horizontal: 10px !default;
106
+
107
+ $padding-xs-vertical: 1px !default;
108
+ $padding-xs-horizontal: 5px !default;
109
+
110
+ $line-height-large: 1.33 !default;
111
+ $line-height-small: 1.5 !default;
112
+
113
+ $border-radius-base: 4px !default;
114
+ $border-radius-large: 6px !default;
115
+ $border-radius-small: 3px !default;
116
+
117
+ //** Global color for active items (e.g., navs or dropdowns).
118
+ $component-active-color: #fff !default;
119
+ //** Global background color for active items (e.g., navs or dropdowns).
120
+ $component-active-bg: $brand-primary !default;
121
+
122
+ //** Width of the `border` for generating carets that indicator dropdowns.
123
+ $caret-width-base: 4px !default;
124
+ //** Carets increase slightly in size for larger components.
125
+ $caret-width-large: 5px !default;
126
+
127
+
128
+ //== Tables
129
+ //
130
+ //## Customizes the `.table` component with basic values, each used across all table variations.
131
+
132
+ //** Padding for `<th>`s and `<td>`s.
133
+ $table-cell-padding: 8px !default;
134
+ //** Padding for cells in `.table-condensed`.
135
+ $table-condensed-cell-padding: 5px !default;
136
+
137
+ //** Default background color used for all tables.
138
+ $table-bg: transparent !default;
139
+ //** Background color used for `.table-striped`.
140
+ $table-bg-accent: #f9f9f9 !default;
141
+ //** Background color used for `.table-hover`.
142
+ $table-bg-hover: #f5f5f5 !default;
143
+ $table-bg-active: $table-bg-hover !default;
144
+
145
+ //** Border color for table and cell borders.
146
+ $table-border-color: #ddd !default;
147
+
148
+
149
+ //== Buttons
150
+ //
151
+ //## For each of Bootstrap's buttons, define text, background and border color.
152
+
153
+ $btn-font-weight: normal !default;
154
+
155
+ $btn-default-color: #333 !default;
156
+ $btn-default-bg: #fff !default;
157
+ $btn-default-border: #ccc !default;
158
+
159
+ $btn-primary-color: #fff !default;
160
+ $btn-primary-bg: $brand-primary !default;
161
+ $btn-primary-border: darken($btn-primary-bg, 5%) !default;
162
+
163
+ $btn-success-color: #fff !default;
164
+ $btn-success-bg: $brand-success !default;
165
+ $btn-success-border: darken($btn-success-bg, 5%) !default;
166
+
167
+ $btn-info-color: #fff !default;
168
+ $btn-info-bg: $brand-info !default;
169
+ $btn-info-border: darken($btn-info-bg, 5%) !default;
170
+
171
+ $btn-warning-color: #fff !default;
172
+ $btn-warning-bg: $brand-warning !default;
173
+ $btn-warning-border: darken($btn-warning-bg, 5%) !default;
174
+
175
+ $btn-danger-color: #fff !default;
176
+ $btn-danger-bg: $brand-danger !default;
177
+ $btn-danger-border: darken($btn-danger-bg, 5%) !default;
178
+
179
+ $btn-link-disabled-color: $gray-light !default;
180
+
181
+
182
+ //== Forms
183
+ //
184
+ //##
185
+
186
+ //** `<input>` background color
187
+ $input-bg: #fff !default;
188
+ //** `<input disabled>` background color
189
+ $input-bg-disabled: $gray-lighter !default;
190
+
191
+ //** Text color for `<input>`s
192
+ $input-color: $gray !default;
193
+ //** `<input>` border color
194
+ $input-border: #ccc !default;
195
+
196
+ // TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4
197
+ //** Default `.form-control` border radius
198
+ $input-border-radius: $border-radius-base !default;
199
+ //** Large `.form-control` border radius
200
+ $input-border-radius-large: $border-radius-large !default;
201
+ //** Small `.form-control` border radius
202
+ $input-border-radius-small: $border-radius-small !default;
203
+
204
+ //** Border color for inputs on focus
205
+ $input-border-focus: #66afe9 !default;
206
+
207
+ //** Placeholder text color
208
+ $input-color-placeholder: #999 !default;
209
+
210
+ //** Default `.form-control` height
211
+ $input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 2) !default;
212
+ //** Large `.form-control` height
213
+ $input-height-large: (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2) !default;
214
+ //** Small `.form-control` height
215
+ $input-height-small: (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2) !default;
216
+
217
+ $legend-color: $gray-dark !default;
218
+ $legend-border-color: #e5e5e5 !default;
219
+
220
+ //** Background color for textual input addons
221
+ $input-group-addon-bg: $gray-lighter !default;
222
+ //** Border color for textual input addons
223
+ $input-group-addon-border-color: $input-border !default;
224
+
225
+ //** Disabled cursor for form controls and buttons.
226
+ $cursor-disabled: not-allowed !default;
227
+
228
+
229
+ //== Dropdowns
230
+ //
231
+ //## Dropdown menu container and contents.
232
+
233
+ //** Background for the dropdown menu.
234
+ $dropdown-bg: #fff !default;
235
+ //** Dropdown menu `border-color`.
236
+ $dropdown-border: rgba(0,0,0,.15) !default;
237
+ //** Dropdown menu `border-color` **for IE8**.
238
+ $dropdown-fallback-border: #ccc !default;
239
+ //** Divider color for between dropdown items.
240
+ $dropdown-divider-bg: #e5e5e5 !default;
241
+
242
+ //** Dropdown link text color.
243
+ $dropdown-link-color: $gray-dark !default;
244
+ //** Hover color for dropdown links.
245
+ $dropdown-link-hover-color: darken($gray-dark, 5%) !default;
246
+ //** Hover background for dropdown links.
247
+ $dropdown-link-hover-bg: #f5f5f5 !default;
248
+
249
+ //** Active dropdown menu item text color.
250
+ $dropdown-link-active-color: $component-active-color !default;
251
+ //** Active dropdown menu item background color.
252
+ $dropdown-link-active-bg: $component-active-bg !default;
253
+
254
+ //** Disabled dropdown menu item background color.
255
+ $dropdown-link-disabled-color: $gray-light !default;
256
+
257
+ //** Text color for headers within dropdown menus.
258
+ $dropdown-header-color: $gray-light !default;
259
+
260
+ //** Deprecated `$dropdown-caret-color` as of v3.1.0
261
+ $dropdown-caret-color: #000 !default;
262
+
263
+
264
+ //-- Z-index master list
265
+ //
266
+ // Warning: Avoid customizing these values. They're used for a bird's eye view
267
+ // of components dependent on the z-axis and are designed to all work together.
268
+ //
269
+ // Note: These variables are not generated into the Customizer.
270
+
271
+ $zindex-navbar: 1000 !default;
272
+ $zindex-dropdown: 1000 !default;
273
+ $zindex-popover: 1060 !default;
274
+ $zindex-tooltip: 1070 !default;
275
+ $zindex-navbar-fixed: 1030 !default;
276
+ $zindex-modal: 1040 !default;
277
+
278
+
279
+ //== Media queries breakpoints
280
+ //
281
+ //## Define the breakpoints at which your layout will change, adapting to different screen sizes.
282
+
283
+ // Extra small screen / phone
284
+ //** Deprecated `$screen-xs` as of v3.0.1
285
+ $screen-xs: 480px !default;
286
+ //** Deprecated `$screen-xs-min` as of v3.2.0
287
+ $screen-xs-min: $screen-xs !default;
288
+ //** Deprecated `$screen-phone` as of v3.0.1
289
+ $screen-phone: $screen-xs-min !default;
290
+
291
+ // Small screen / tablet
292
+ //** Deprecated `$screen-sm` as of v3.0.1
293
+ $screen-sm: 768px !default;
294
+ $screen-sm-min: $screen-sm !default;
295
+ //** Deprecated `$screen-tablet` as of v3.0.1
296
+ $screen-tablet: $screen-sm-min !default;
297
+
298
+ // Medium screen / desktop
299
+ //** Deprecated `$screen-md` as of v3.0.1
300
+ $screen-md: 992px !default;
301
+ $screen-md-min: $screen-md !default;
302
+ //** Deprecated `$screen-desktop` as of v3.0.1
303
+ $screen-desktop: $screen-md-min !default;
304
+
305
+ // Large screen / wide desktop
306
+ //** Deprecated `$screen-lg` as of v3.0.1
307
+ $screen-lg: 1200px !default;
308
+ $screen-lg-min: $screen-lg !default;
309
+ //** Deprecated `$screen-lg-desktop` as of v3.0.1
310
+ $screen-lg-desktop: $screen-lg-min !default;
311
+
312
+ // So media queries don't overlap when required, provide a maximum
313
+ $screen-xs-max: ($screen-sm-min - 1) !default;
314
+ $screen-sm-max: ($screen-md-min - 1) !default;
315
+ $screen-md-max: ($screen-lg-min - 1) !default;
316
+
317
+
318
+ //== Grid system
319
+ //
320
+ //## Define your custom responsive grid.
321
+
322
+ //** Number of columns in the grid.
323
+ $grid-columns: 12 !default;
324
+ //** Padding between columns. Gets divided in half for the left and right.
325
+ $grid-gutter-width: 30px !default;
326
+ // Navbar collapse
327
+ //** Point at which the navbar becomes uncollapsed.
328
+ $grid-float-breakpoint: $screen-sm-min !default;
329
+ //** Point at which the navbar begins collapsing.
330
+ $grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default;
331
+
332
+
333
+ //== Container sizes
334
+ //
335
+ //## Define the maximum width of `.container` for different screen sizes.
336
+
337
+ // Small screen / tablet
338
+ $container-tablet: (720px + $grid-gutter-width) !default;
339
+ //** For `$screen-sm-min` and up.
340
+ $container-sm: $container-tablet !default;
341
+
342
+ // Medium screen / desktop
343
+ $container-desktop: (940px + $grid-gutter-width) !default;
344
+ //** For `$screen-md-min` and up.
345
+ $container-md: $container-desktop !default;
346
+
347
+ // Large screen / wide desktop
348
+ $container-large-desktop: (1140px + $grid-gutter-width) !default;
349
+ //** For `$screen-lg-min` and up.
350
+ $container-lg: $container-large-desktop !default;
351
+
352
+
353
+ //== Navbar
354
+ //
355
+ //##
356
+
357
+ // Basics of a navbar
358
+ $navbar-height: 50px !default;
359
+ $navbar-margin-bottom: $line-height-computed !default;
360
+ $navbar-border-radius: $border-radius-base !default;
361
+ $navbar-padding-horizontal: floor(($grid-gutter-width / 2)) !default;
362
+ $navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2) !default;
363
+ $navbar-collapse-max-height: 340px !default;
364
+
365
+ $navbar-default-color: #777 !default;
366
+ $navbar-default-bg: #f8f8f8 !default;
367
+ $navbar-default-border: darken($navbar-default-bg, 6.5%) !default;
368
+
369
+ // Navbar links
370
+ $navbar-default-link-color: #777 !default;
371
+ $navbar-default-link-hover-color: #333 !default;
372
+ $navbar-default-link-hover-bg: transparent !default;
373
+ $navbar-default-link-active-color: #555 !default;
374
+ $navbar-default-link-active-bg: darken($navbar-default-bg, 6.5%) !default;
375
+ $navbar-default-link-disabled-color: #ccc !default;
376
+ $navbar-default-link-disabled-bg: transparent !default;
377
+
378
+ // Navbar brand label
379
+ $navbar-default-brand-color: $navbar-default-link-color !default;
380
+ $navbar-default-brand-hover-color: darken($navbar-default-brand-color, 10%) !default;
381
+ $navbar-default-brand-hover-bg: transparent !default;
382
+
383
+ // Navbar toggle
384
+ $navbar-default-toggle-hover-bg: #ddd !default;
385
+ $navbar-default-toggle-icon-bar-bg: #888 !default;
386
+ $navbar-default-toggle-border-color: #ddd !default;
387
+
388
+
389
+ // Inverted navbar
390
+ // Reset inverted navbar basics
391
+ $navbar-inverse-color: lighten($gray-light, 15%) !default;
392
+ $navbar-inverse-bg: #222 !default;
393
+ $navbar-inverse-border: darken($navbar-inverse-bg, 10%) !default;
394
+
395
+ // Inverted navbar links
396
+ $navbar-inverse-link-color: lighten($gray-light, 15%) !default;
397
+ $navbar-inverse-link-hover-color: #fff !default;
398
+ $navbar-inverse-link-hover-bg: transparent !default;
399
+ $navbar-inverse-link-active-color: $navbar-inverse-link-hover-color !default;
400
+ $navbar-inverse-link-active-bg: darken($navbar-inverse-bg, 10%) !default;
401
+ $navbar-inverse-link-disabled-color: #444 !default;
402
+ $navbar-inverse-link-disabled-bg: transparent !default;
403
+
404
+ // Inverted navbar brand label
405
+ $navbar-inverse-brand-color: $navbar-inverse-link-color !default;
406
+ $navbar-inverse-brand-hover-color: #fff !default;
407
+ $navbar-inverse-brand-hover-bg: transparent !default;
408
+
409
+ // Inverted navbar toggle
410
+ $navbar-inverse-toggle-hover-bg: #333 !default;
411
+ $navbar-inverse-toggle-icon-bar-bg: #fff !default;
412
+ $navbar-inverse-toggle-border-color: #333 !default;
413
+
414
+
415
+ //== Navs
416
+ //
417
+ //##
418
+
419
+ //=== Shared nav styles
420
+ $nav-link-padding: 10px 15px !default;
421
+ $nav-link-hover-bg: $gray-lighter !default;
422
+
423
+ $nav-disabled-link-color: $gray-light !default;
424
+ $nav-disabled-link-hover-color: $gray-light !default;
425
+
426
+ //== Tabs
427
+ $nav-tabs-border-color: #ddd !default;
428
+
429
+ $nav-tabs-link-hover-border-color: $gray-lighter !default;
430
+
431
+ $nav-tabs-active-link-hover-bg: $body-bg !default;
432
+ $nav-tabs-active-link-hover-color: $gray !default;
433
+ $nav-tabs-active-link-hover-border-color: #ddd !default;
434
+
435
+ $nav-tabs-justified-link-border-color: #ddd !default;
436
+ $nav-tabs-justified-active-link-border-color: $body-bg !default;
437
+
438
+ //== Pills
439
+ $nav-pills-border-radius: $border-radius-base !default;
440
+ $nav-pills-active-link-hover-bg: $component-active-bg !default;
441
+ $nav-pills-active-link-hover-color: $component-active-color !default;
442
+
443
+
444
+ //== Pagination
445
+ //
446
+ //##
447
+
448
+ $pagination-color: $link-color !default;
449
+ $pagination-bg: #fff !default;
450
+ $pagination-border: #ddd !default;
451
+
452
+ $pagination-hover-color: $link-hover-color !default;
453
+ $pagination-hover-bg: $gray-lighter !default;
454
+ $pagination-hover-border: #ddd !default;
455
+
456
+ $pagination-active-color: #fff !default;
457
+ $pagination-active-bg: $brand-primary !default;
458
+ $pagination-active-border: $brand-primary !default;
459
+
460
+ $pagination-disabled-color: $gray-light !default;
461
+ $pagination-disabled-bg: #fff !default;
462
+ $pagination-disabled-border: #ddd !default;
463
+
464
+
465
+ //== Pager
466
+ //
467
+ //##
468
+
469
+ $pager-bg: $pagination-bg !default;
470
+ $pager-border: $pagination-border !default;
471
+ $pager-border-radius: 15px !default;
472
+
473
+ $pager-hover-bg: $pagination-hover-bg !default;
474
+
475
+ $pager-active-bg: $pagination-active-bg !default;
476
+ $pager-active-color: $pagination-active-color !default;
477
+
478
+ $pager-disabled-color: $pagination-disabled-color !default;
479
+
480
+
481
+ //== Jumbotron
482
+ //
483
+ //##
484
+
485
+ $jumbotron-padding: 30px !default;
486
+ $jumbotron-color: inherit !default;
487
+ $jumbotron-bg: $gray-lighter !default;
488
+ $jumbotron-heading-color: inherit !default;
489
+ $jumbotron-font-size: ceil(($font-size-base * 1.5)) !default;
490
+
491
+
492
+ //== Form states and alerts
493
+ //
494
+ //## Define colors for form feedback states and, by default, alerts.
495
+
496
+ $state-success-text: #3c763d !default;
497
+ $state-success-bg: #dff0d8 !default;
498
+ $state-success-border: darken(adjust-hue($state-success-bg, -10), 5%) !default;
499
+
500
+ $state-info-text: #31708f !default;
501
+ $state-info-bg: #d9edf7 !default;
502
+ $state-info-border: darken(adjust-hue($state-info-bg, -10), 7%) !default;
503
+
504
+ $state-warning-text: #8a6d3b !default;
505
+ $state-warning-bg: #fcf8e3 !default;
506
+ $state-warning-border: darken(adjust-hue($state-warning-bg, -10), 5%) !default;
507
+
508
+ $state-danger-text: #a94442 !default;
509
+ $state-danger-bg: #f2dede !default;
510
+ $state-danger-border: darken(adjust-hue($state-danger-bg, -10), 5%) !default;
511
+
512
+
513
+ //== Tooltips
514
+ //
515
+ //##
516
+
517
+ //** Tooltip max width
518
+ $tooltip-max-width: 200px !default;
519
+ //** Tooltip text color
520
+ $tooltip-color: #fff !default;
521
+ //** Tooltip background color
522
+ $tooltip-bg: #000 !default;
523
+ $tooltip-opacity: .9 !default;
524
+
525
+ //** Tooltip arrow width
526
+ $tooltip-arrow-width: 5px !default;
527
+ //** Tooltip arrow color
528
+ $tooltip-arrow-color: $tooltip-bg !default;
529
+
530
+
531
+ //== Popovers
532
+ //
533
+ //##
534
+
535
+ //** Popover body background color
536
+ $popover-bg: #fff !default;
537
+ //** Popover maximum width
538
+ $popover-max-width: 276px !default;
539
+ //** Popover border color
540
+ $popover-border-color: rgba(0,0,0,.2) !default;
541
+ //** Popover fallback border color
542
+ $popover-fallback-border-color: #ccc !default;
543
+
544
+ //** Popover title background color
545
+ $popover-title-bg: darken($popover-bg, 3%) !default;
546
+
547
+ //** Popover arrow width
548
+ $popover-arrow-width: 10px !default;
549
+ //** Popover arrow color
550
+ $popover-arrow-color: $popover-bg !default;
551
+
552
+ //** Popover outer arrow width
553
+ $popover-arrow-outer-width: ($popover-arrow-width + 1) !default;
554
+ //** Popover outer arrow color
555
+ $popover-arrow-outer-color: fade_in($popover-border-color, 0.05) !default;
556
+ //** Popover outer arrow fallback color
557
+ $popover-arrow-outer-fallback-color: darken($popover-fallback-border-color, 20%) !default;
558
+
559
+
560
+ //== Labels
561
+ //
562
+ //##
563
+
564
+ //** Default label background color
565
+ $label-default-bg: $gray-light !default;
566
+ //** Primary label background color
567
+ $label-primary-bg: $brand-primary !default;
568
+ //** Success label background color
569
+ $label-success-bg: $brand-success !default;
570
+ //** Info label background color
571
+ $label-info-bg: $brand-info !default;
572
+ //** Warning label background color
573
+ $label-warning-bg: $brand-warning !default;
574
+ //** Danger label background color
575
+ $label-danger-bg: $brand-danger !default;
576
+
577
+ //** Default label text color
578
+ $label-color: #fff !default;
579
+ //** Default text color of a linked label
580
+ $label-link-hover-color: #fff !default;
581
+
582
+
583
+ //== Modals
584
+ //
585
+ //##
586
+
587
+ //** Padding applied to the modal body
588
+ $modal-inner-padding: 15px !default;
589
+
590
+ //** Padding applied to the modal title
591
+ $modal-title-padding: 15px !default;
592
+ //** Modal title line-height
593
+ $modal-title-line-height: $line-height-base !default;
594
+
595
+ //** Background color of modal content area
596
+ $modal-content-bg: #fff !default;
597
+ //** Modal content border color
598
+ $modal-content-border-color: rgba(0,0,0,.2) !default;
599
+ //** Modal content border color **for IE8**
600
+ $modal-content-fallback-border-color: #999 !default;
601
+
602
+ //** Modal backdrop background color
603
+ $modal-backdrop-bg: #000 !default;
604
+ //** Modal backdrop opacity
605
+ $modal-backdrop-opacity: .5 !default;
606
+ //** Modal header border color
607
+ $modal-header-border-color: #e5e5e5 !default;
608
+ //** Modal footer border color
609
+ $modal-footer-border-color: $modal-header-border-color !default;
610
+
611
+ $modal-lg: 900px !default;
612
+ $modal-md: 600px !default;
613
+ $modal-sm: 300px !default;
614
+
615
+
616
+ //== Alerts
617
+ //
618
+ //## Define alert colors, border radius, and padding.
619
+
620
+ $alert-padding: 15px !default;
621
+ $alert-border-radius: $border-radius-base !default;
622
+ $alert-link-font-weight: bold !default;
623
+
624
+ $alert-success-bg: $state-success-bg !default;
625
+ $alert-success-text: $state-success-text !default;
626
+ $alert-success-border: $state-success-border !default;
627
+
628
+ $alert-info-bg: $state-info-bg !default;
629
+ $alert-info-text: $state-info-text !default;
630
+ $alert-info-border: $state-info-border !default;
631
+
632
+ $alert-warning-bg: $state-warning-bg !default;
633
+ $alert-warning-text: $state-warning-text !default;
634
+ $alert-warning-border: $state-warning-border !default;
635
+
636
+ $alert-danger-bg: $state-danger-bg !default;
637
+ $alert-danger-text: $state-danger-text !default;
638
+ $alert-danger-border: $state-danger-border !default;
639
+
640
+
641
+ //== Progress bars
642
+ //
643
+ //##
644
+
645
+ //** Background color of the whole progress component
646
+ $progress-bg: #f5f5f5 !default;
647
+ //** Progress bar text color
648
+ $progress-bar-color: #fff !default;
649
+ //** Variable for setting rounded corners on progress bar.
650
+ $progress-border-radius: $border-radius-base !default;
651
+
652
+ //** Default progress bar color
653
+ $progress-bar-bg: $brand-primary !default;
654
+ //** Success progress bar color
655
+ $progress-bar-success-bg: $brand-success !default;
656
+ //** Warning progress bar color
657
+ $progress-bar-warning-bg: $brand-warning !default;
658
+ //** Danger progress bar color
659
+ $progress-bar-danger-bg: $brand-danger !default;
660
+ //** Info progress bar color
661
+ $progress-bar-info-bg: $brand-info !default;
662
+
663
+
664
+ //== List group
665
+ //
666
+ //##
667
+
668
+ //** Background color on `.list-group-item`
669
+ $list-group-bg: #fff !default;
670
+ //** `.list-group-item` border color
671
+ $list-group-border: #ddd !default;
672
+ //** List group border radius
673
+ $list-group-border-radius: $border-radius-base !default;
674
+
675
+ //** Background color of single list items on hover
676
+ $list-group-hover-bg: #f5f5f5 !default;
677
+ //** Text color of active list items
678
+ $list-group-active-color: $component-active-color !default;
679
+ //** Background color of active list items
680
+ $list-group-active-bg: $component-active-bg !default;
681
+ //** Border color of active list elements
682
+ $list-group-active-border: $list-group-active-bg !default;
683
+ //** Text color for content within active list items
684
+ $list-group-active-text-color: lighten($list-group-active-bg, 40%) !default;
685
+
686
+ //** Text color of disabled list items
687
+ $list-group-disabled-color: $gray-light !default;
688
+ //** Background color of disabled list items
689
+ $list-group-disabled-bg: $gray-lighter !default;
690
+ //** Text color for content within disabled list items
691
+ $list-group-disabled-text-color: $list-group-disabled-color !default;
692
+
693
+ $list-group-link-color: #555 !default;
694
+ $list-group-link-hover-color: $list-group-link-color !default;
695
+ $list-group-link-heading-color: #333 !default;
696
+
697
+
698
+ //== Panels
699
+ //
700
+ //##
701
+
702
+ $panel-bg: #fff !default;
703
+ $panel-body-padding: 15px !default;
704
+ $panel-heading-padding: 10px 15px !default;
705
+ $panel-footer-padding: $panel-heading-padding !default;
706
+ $panel-border-radius: $border-radius-base !default;
707
+
708
+ //** Border color for elements within panels
709
+ $panel-inner-border: #ddd !default;
710
+ $panel-footer-bg: #f5f5f5 !default;
711
+
712
+ $panel-default-text: $gray-dark !default;
713
+ $panel-default-border: #ddd !default;
714
+ $panel-default-heading-bg: #f5f5f5 !default;
715
+
716
+ $panel-primary-text: #fff !default;
717
+ $panel-primary-border: $brand-primary !default;
718
+ $panel-primary-heading-bg: $brand-primary !default;
719
+
720
+ $panel-success-text: $state-success-text !default;
721
+ $panel-success-border: $state-success-border !default;
722
+ $panel-success-heading-bg: $state-success-bg !default;
723
+
724
+ $panel-info-text: $state-info-text !default;
725
+ $panel-info-border: $state-info-border !default;
726
+ $panel-info-heading-bg: $state-info-bg !default;
727
+
728
+ $panel-warning-text: $state-warning-text !default;
729
+ $panel-warning-border: $state-warning-border !default;
730
+ $panel-warning-heading-bg: $state-warning-bg !default;
731
+
732
+ $panel-danger-text: $state-danger-text !default;
733
+ $panel-danger-border: $state-danger-border !default;
734
+ $panel-danger-heading-bg: $state-danger-bg !default;
735
+
736
+
737
+ //== Thumbnails
738
+ //
739
+ //##
740
+
741
+ //** Padding around the thumbnail image
742
+ $thumbnail-padding: 4px !default;
743
+ //** Thumbnail background color
744
+ $thumbnail-bg: $body-bg !default;
745
+ //** Thumbnail border color
746
+ $thumbnail-border: #ddd !default;
747
+ //** Thumbnail border radius
748
+ $thumbnail-border-radius: $border-radius-base !default;
749
+
750
+ //** Custom text color for thumbnail captions
751
+ $thumbnail-caption-color: $text-color !default;
752
+ //** Padding around the thumbnail caption
753
+ $thumbnail-caption-padding: 9px !default;
754
+
755
+
756
+ //== Wells
757
+ //
758
+ //##
759
+
760
+ $well-bg: #f5f5f5 !default;
761
+ $well-border: darken($well-bg, 7%) !default;
762
+
763
+
764
+ //== Badges
765
+ //
766
+ //##
767
+
768
+ $badge-color: #fff !default;
769
+ //** Linked badge text color on hover
770
+ $badge-link-hover-color: #fff !default;
771
+ $badge-bg: $gray-light !default;
772
+
773
+ //** Badge text color in active nav link
774
+ $badge-active-color: $link-color !default;
775
+ //** Badge background color in active nav link
776
+ $badge-active-bg: #fff !default;
777
+
778
+ $badge-font-weight: bold !default;
779
+ $badge-line-height: 1 !default;
780
+ $badge-border-radius: 10px !default;
781
+
782
+
783
+ //== Breadcrumbs
784
+ //
785
+ //##
786
+
787
+ $breadcrumb-padding-vertical: 8px !default;
788
+ $breadcrumb-padding-horizontal: 15px !default;
789
+ //** Breadcrumb background color
790
+ $breadcrumb-bg: #f5f5f5 !default;
791
+ //** Breadcrumb text color
792
+ $breadcrumb-color: #ccc !default;
793
+ //** Text color of current page in the breadcrumb
794
+ $breadcrumb-active-color: $gray-light !default;
795
+ //** Textual separator for between breadcrumb elements
796
+ $breadcrumb-separator: "/" !default;
797
+
798
+
799
+ //== Carousel
800
+ //
801
+ //##
802
+
803
+ $carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6) !default;
804
+
805
+ $carousel-control-color: #fff !default;
806
+ $carousel-control-width: 15% !default;
807
+ $carousel-control-opacity: .5 !default;
808
+ $carousel-control-font-size: 20px !default;
809
+
810
+ $carousel-indicator-active-bg: #fff !default;
811
+ $carousel-indicator-border-color: #fff !default;
812
+
813
+ $carousel-caption-color: #fff !default;
814
+
815
+
816
+ //== Close
817
+ //
818
+ //##
819
+
820
+ $close-font-weight: bold !default;
821
+ $close-color: #000 !default;
822
+ $close-text-shadow: 0 1px 0 #fff !default;
823
+
824
+
825
+ //== Code
826
+ //
827
+ //##
828
+
829
+ $code-color: #c7254e !default;
830
+ $code-bg: #f9f2f4 !default;
831
+
832
+ $kbd-color: #fff !default;
833
+ $kbd-bg: #333 !default;
834
+
835
+ $pre-bg: #f5f5f5 !default;
836
+ $pre-color: $gray-dark !default;
837
+ $pre-border-color: #ccc !default;
838
+ $pre-scrollable-max-height: 340px !default;
839
+
840
+
841
+ //== Type
842
+ //
843
+ //##
844
+
845
+ //** Horizontal offset for forms and lists.
846
+ $component-offset-horizontal: 180px !default;
847
+ //** Text muted color
848
+ $text-muted: $gray-light !default;
849
+ //** Abbreviations and acronyms border color
850
+ $abbr-border-color: $gray-light !default;
851
+ //** Headings small color
852
+ $headings-small-color: $gray-light !default;
853
+ //** Blockquote small color
854
+ $blockquote-small-color: $gray-light !default;
855
+ //** Blockquote font size
856
+ $blockquote-font-size: ($font-size-base * 1.25) !default;
857
+ //** Blockquote border color
858
+ $blockquote-border-color: $gray-lighter !default;
859
+ //** Page header border color
860
+ $page-header-border-color: $gray-lighter !default;
861
+ //** Width of horizontal description list titles
862
+ $dl-horizontal-offset: $component-offset-horizontal !default;
863
+ //** Horizontal line color.
864
+ $hr-border: $gray-lighter !default;