lanes 0.1.9 → 0.1.9.5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (447) hide show
  1. checksums.yaml +4 -4
  2. data/.gitignore +1 -0
  3. data/client/fonts/fontawesome-webfont.woff +0 -0
  4. data/client/fonts/fontawesome-webfont.woff2 +0 -0
  5. data/client/lanes/Boot.cjsx +9 -0
  6. data/client/lanes/access/Extension.coffee +18 -4
  7. data/client/lanes/access/LoginDialog.cjsx +78 -0
  8. data/client/lanes/access/Roles.coffee +22 -28
  9. data/client/lanes/access/User.coffee +16 -16
  10. data/client/lanes/access/index.js +4 -5
  11. data/client/lanes/access/screens/user-management/Editor.cjsx +20 -0
  12. data/client/lanes/access/screens/user-management/UserManagement.cjsx +41 -0
  13. data/client/lanes/access/screens/user-management/index.js +0 -1
  14. data/client/lanes/components/grid/EditingMixin.cjsx +64 -0
  15. data/client/lanes/components/grid/Grid.cjsx +139 -0
  16. data/client/lanes/components/grid/PopOverMixin.cjsx +28 -0
  17. data/client/lanes/components/grid/PopoverEditor.cjsx +8 -0
  18. data/client/lanes/components/grid/RowEditor.cjsx +10 -0
  19. data/client/lanes/components/grid/Toolbar.cjsx +14 -0
  20. data/client/lanes/components/grid/config.json +1 -1
  21. data/client/lanes/components/grid/editors.scss +94 -53
  22. data/client/lanes/components/grid/index.js +2 -7
  23. data/client/lanes/components/grid/styles.scss +8 -296
  24. data/client/lanes/components/helpers.coffee +2 -0
  25. data/client/lanes/components/index.js +2 -1
  26. data/client/lanes/components/modal/Modal.cjsx +36 -0
  27. data/client/lanes/components/modal/index.js +1 -2
  28. data/client/lanes/components/modal/styles.scss +0 -19
  29. data/client/lanes/components/record-finder/Clause.cjsx +80 -0
  30. data/client/lanes/components/record-finder/Dialog.cjsx +54 -0
  31. data/client/lanes/components/record-finder/RecordFinder.cjsx +38 -0
  32. data/client/lanes/components/record-finder/config.json +1 -1
  33. data/client/lanes/components/record-finder/index.js +1 -2
  34. data/client/lanes/components/request-spinner/index.js +1 -0
  35. data/client/lanes/components/select-field/SelectField.cjsx +78 -0
  36. data/client/lanes/components/select-field/index.js +2 -1
  37. data/client/lanes/components/select-field/styles.scss +1 -0
  38. data/client/lanes/components/shared/CountBadge.cjsx +9 -0
  39. data/client/lanes/components/shared/ErrorDisplay.cjsx +21 -0
  40. data/client/lanes/components/shared/FieldMixin.cjsx +71 -0
  41. data/client/lanes/components/shared/FieldSet.cjsx +58 -0
  42. data/client/lanes/components/shared/GenericField.cjsx +5 -0
  43. data/client/lanes/components/shared/Helpers.coffee +9 -0
  44. data/client/lanes/components/shared/RadioField.cjsx +14 -0
  45. data/client/lanes/components/shared/Resize.cjsx +152 -0
  46. data/client/lanes/components/shared/TextArea.cjsx +19 -0
  47. data/client/lanes/components/shared/TextField.cjsx +25 -0
  48. data/client/lanes/components/shared/Tooltip.cjsx +10 -0
  49. data/client/lanes/components/shared/fields.scss +35 -0
  50. data/client/lanes/components/shared/fieldset.scss +29 -0
  51. data/client/lanes/components/shared/index.js +3 -0
  52. data/client/lanes/components/shared/styles.scss +32 -0
  53. data/client/lanes/components/toolbar/RemoteChangeSets.cjsx +75 -0
  54. data/client/lanes/components/toolbar/SaveButton.cjsx +3 -0
  55. data/client/lanes/components/toolbar/Toolbar.cjsx +58 -0
  56. data/client/lanes/{workspace/styles → components/toolbar}/changes-notification.scss +10 -23
  57. data/client/lanes/components/toolbar/index.js +3 -0
  58. data/client/lanes/components/toolbar/styles.scss +51 -0
  59. data/client/lanes/extension/Extensions.coffee +19 -10
  60. data/client/lanes/extension/LateLoaded.js.erb +4 -3
  61. data/client/lanes/index.js +3 -5
  62. data/client/lanes/index.scss.erb +6 -14
  63. data/client/lanes/lib/HotReload.coffee +35 -0
  64. data/client/lanes/lib/MakeBaseClass.coffee +10 -11
  65. data/client/lanes/lib/development.coffee +3 -0
  66. data/client/lanes/lib/dom.coffee +49 -0
  67. data/client/lanes/lib/el.coffee +23 -0
  68. data/client/lanes/lib/index.js.erb +16 -0
  69. data/client/lanes/lib/loader.coffee +34 -34
  70. data/client/lanes/lib/namespace.coffee +1 -1
  71. data/client/lanes/lib/objToParam.coffee +37 -0
  72. data/client/lanes/{access/views/.gitkeep → lib/production.coffee} +0 -0
  73. data/client/lanes/lib/utilFunctions.coffee +44 -26
  74. data/client/lanes/models/AssociationMap.coffee +51 -38
  75. data/client/lanes/models/Base.coffee +89 -88
  76. data/client/lanes/models/ChangeMonitor.coffee +10 -10
  77. data/client/lanes/models/ChangeSet.coffee +14 -24
  78. data/client/lanes/models/Collection.coffee +40 -41
  79. data/client/lanes/models/PubSub.coffee +28 -19
  80. data/client/lanes/models/Query.coffee +78 -45
  81. data/client/lanes/models/QueryResults.coffee +93 -0
  82. data/client/lanes/models/ServerCache.coffee +12 -12
  83. data/client/lanes/models/Sync.coffee +53 -50
  84. data/client/lanes/models/User.coffee +31 -17
  85. data/client/lanes/react/Component.coffee +31 -0
  86. data/client/lanes/react/DefaultComponentNotFound.cjsx +9 -0
  87. data/client/lanes/{views → react}/FormBindings.coffee +0 -0
  88. data/client/lanes/{views → react}/ModelObserver.coffee +0 -0
  89. data/client/lanes/{views → react}/ModelUpdate.coffee +0 -0
  90. data/client/lanes/{views → react}/PubSub.coffee +0 -0
  91. data/client/lanes/react/Root.cjsx +14 -0
  92. data/client/lanes/react/Router.cjsx +18 -0
  93. data/client/lanes/react/Screen.coffee +15 -0
  94. data/client/lanes/{views → react}/TimedHighlight.coffee +0 -0
  95. data/client/lanes/{views → react}/TimedMask.coffee +0 -0
  96. data/client/lanes/react/TypeValidators.coffee +21 -0
  97. data/client/lanes/{lib/create-namespace.js → react/Utils.coffee} +0 -0
  98. data/client/lanes/react/Viewport.coffee +30 -0
  99. data/client/lanes/react/index.js +8 -0
  100. data/client/lanes/react/mixins/Access.coffee +27 -0
  101. data/client/lanes/react/mixins/Component.coffee +4 -0
  102. data/client/lanes/react/mixins/Data.coffee +136 -0
  103. data/client/lanes/react/mixins/MonitorSize.coffee +11 -0
  104. data/client/lanes/react/mixins/ReadEditingState.coffee +11 -0
  105. data/client/lanes/react/mixins/RelayEditingState.coffee +17 -0
  106. data/client/lanes/react/mixins/RelayFieldChange.coffee +11 -0
  107. data/client/lanes/react/mixins/Screen.coffee +7 -0
  108. data/client/lanes/react/mixins/Viewport.coffee +11 -0
  109. data/client/lanes/screens/ChangeListener.coffee +3 -3
  110. data/client/lanes/screens/Commands.coffee +27 -0
  111. data/client/lanes/screens/Definitions.coffee +74 -65
  112. data/client/lanes/screens/all.js.erb +1 -1
  113. data/client/lanes/screens/index.js +1 -2
  114. data/client/lanes/screens/mixins/index.js +0 -1
  115. data/client/lanes/screens/register.js.erb +0 -1
  116. data/client/lanes/screens/styles.scss +7 -0
  117. data/client/lanes/styles/bootstrap-custom-grid.scss +67 -37
  118. data/client/lanes/styles/bootstrap.scss +4 -5
  119. data/client/lanes/styles/fonts.scss +10 -23
  120. data/client/lanes/styles/fonts/_animated.scss +34 -0
  121. data/client/lanes/styles/fonts/_bordered-pulled.scss +16 -0
  122. data/client/lanes/styles/fonts/_core.scss +13 -0
  123. data/client/lanes/styles/fonts/_fixed-width.scss +6 -0
  124. data/client/lanes/styles/fonts/_icons.scss +596 -0
  125. data/client/lanes/styles/fonts/_larger.scss +13 -0
  126. data/client/lanes/styles/fonts/_list.scss +19 -0
  127. data/client/lanes/styles/fonts/_mixins.scss +27 -0
  128. data/client/lanes/styles/fonts/_path.scss +10 -0
  129. data/client/lanes/styles/fonts/_rotated-flipped.scss +20 -0
  130. data/client/lanes/styles/fonts/_stacked.scss +20 -0
  131. data/client/lanes/styles/fonts/_variables.scss +606 -0
  132. data/client/lanes/styles/fonts/font-awesome.scss +16 -0
  133. data/client/lanes/styles/fonts/index.scss +2 -0
  134. data/client/lanes/styles/global.scss +2 -0
  135. data/client/lanes/styles/global/fancy-header.scss +14 -0
  136. data/client/lanes/testing/BeforeEach.coffee +15 -40
  137. data/client/lanes/testing/Helpers.coffee +27 -0
  138. data/client/lanes/testing/ModelSaver.coffee +14 -24
  139. data/client/lanes/testing/StubRouter.coffee +27 -0
  140. data/client/lanes/testing/TestObjects.coffee +27 -0
  141. data/client/lanes/testing/index.js +3 -1
  142. data/client/lanes/vendor/base.js +85256 -0
  143. data/client/lanes/vendor/commons.js +20579 -0
  144. data/client/lanes/vendor/development.js +2511 -0
  145. data/client/lanes/vendor/grid.js +6689 -0
  146. data/client/lanes/vendor/grid.scss +387 -0
  147. data/client/lanes/vendor/index.js +3 -0
  148. data/client/lanes/vendor/message-bus.coffee +264 -0
  149. data/client/lanes/vendor/widgets.js +8798 -0
  150. data/client/lanes/vendor/widgets.scss +723 -0
  151. data/client/lanes/workspace/ActiveScreenSwitcher.cjsx +38 -0
  152. data/client/lanes/workspace/Extension.coffee +6 -0
  153. data/client/lanes/workspace/Layout.cjsx +28 -0
  154. data/client/lanes/workspace/Navbar.cjsx +25 -0
  155. data/client/lanes/workspace/ScreenView.cjsx +27 -0
  156. data/client/lanes/workspace/ScreensMenu.cjsx +57 -0
  157. data/client/lanes/workspace/UIState.coffee +17 -16
  158. data/client/lanes/workspace/index.js +7 -2
  159. data/client/lanes/workspace/styles.scss +0 -3
  160. data/client/lanes/workspace/styles/forms.scss +2 -73
  161. data/client/lanes/workspace/styles/header.scss +0 -2
  162. data/client/lanes/workspace/styles/layout.scss +9 -2
  163. data/client/lanes/workspace/styles/screens.scss +0 -59
  164. data/client/lanes/workspace/styles/tabs.scss +16 -15
  165. data/coffeelint.json +49 -0
  166. data/config.ru +1 -0
  167. data/config/database.yml +2 -2
  168. data/config/routes.rb +7 -0
  169. data/docs/command.md +11 -8
  170. data/docs/model.md +2 -5
  171. data/docs/react.md +137 -0
  172. data/lanes.gemspec +1 -0
  173. data/lib/lanes.rb +1 -1
  174. data/lib/lanes/access/authentication_provider.rb +1 -0
  175. data/lib/lanes/access/config/routes.rb +2 -0
  176. data/lib/lanes/access/config/screens.rb +15 -12
  177. data/lib/lanes/access/extension.rb +2 -1
  178. data/lib/lanes/access/role.rb +8 -4
  179. data/lib/lanes/api.rb +4 -3
  180. data/lib/lanes/api/coffeescript_processor.rb +47 -6
  181. data/lib/lanes/api/controller.rb +4 -3
  182. data/lib/lanes/api/default_routes.rb +16 -0
  183. data/lib/lanes/api/javascript_processor.rb +14 -68
  184. data/lib/lanes/api/pub_sub.rb +17 -3
  185. data/lib/lanes/api/request_wrapper.rb +2 -2
  186. data/lib/lanes/api/root.rb +16 -13
  187. data/lib/lanes/api/routing.rb +0 -18
  188. data/lib/lanes/api/sprockets_extension.rb +10 -4
  189. data/lib/lanes/api/test_specs.rb +3 -3
  190. data/lib/lanes/cli.rb +6 -1
  191. data/lib/lanes/command/app.rb +7 -11
  192. data/lib/lanes/command/generate.rb +3 -3
  193. data/lib/lanes/command/generate_component.rb +28 -0
  194. data/lib/lanes/command/generate_component.usage +11 -0
  195. data/lib/lanes/command/generate_screen.rb +24 -7
  196. data/lib/lanes/command/generate_screen.usage +5 -8
  197. data/lib/lanes/configuration.rb +3 -2
  198. data/lib/lanes/extension.rb +12 -18
  199. data/lib/lanes/extension/definition.rb +20 -8
  200. data/lib/lanes/guard_tasks.rb +22 -5
  201. data/lib/lanes/hot_reload_plugin.rb +47 -0
  202. data/lib/lanes/logger.rb +41 -5
  203. data/lib/lanes/screen.rb +40 -16
  204. data/lib/lanes/spec_helper.rb +6 -3
  205. data/lib/lanes/version.rb +1 -1
  206. data/lib/lanes/workspace/extension.rb +1 -0
  207. data/npm-build/{template.js → base.js} +17 -17
  208. data/{client/lanes/workspace/tab.html → npm-build/common.js} +0 -0
  209. data/npm-build/compile.coffee +13 -4
  210. data/npm-build/development.js +7 -0
  211. data/npm-build/grid.js +11 -0
  212. data/npm-build/package.json +62 -58
  213. data/npm-build/react-widgets.js +5 -0
  214. data/npm-build/react-widgets.less +35 -0
  215. data/npm-build/webpack.config.js +39 -0
  216. data/spec/command-reference-files/component/client/appy-app/components/Big.cjsx +4 -0
  217. data/spec/command-reference-files/component/spec/appy-app/components/BigSpec.coffee +5 -0
  218. data/spec/command-reference-files/initial/.rubocop.yml +7 -0
  219. data/spec/command-reference-files/initial/Gemfile +1 -1
  220. data/spec/command-reference-files/initial/client/appy-app/Extension.coffee +17 -5
  221. data/spec/command-reference-files/initial/client/appy-app/components/Base.coffee +9 -0
  222. data/spec/command-reference-files/initial/client/appy-app/index.js +1 -3
  223. data/spec/command-reference-files/initial/client/appy-app/screens/Base.coffee +8 -2
  224. data/spec/command-reference-files/initial/coffeelint.json +49 -0
  225. data/spec/command-reference-files/initial/config.ru +2 -0
  226. data/spec/command-reference-files/initial/config/screens.rb +10 -0
  227. data/spec/command-reference-files/initial/lib/appy-app/extension.rb +7 -0
  228. data/spec/command-reference-files/model/client/appy-app/models/TestTest.coffee +0 -1
  229. data/spec/command-reference-files/screen/client/appy-app/Extension.coffee +34 -0
  230. data/spec/command-reference-files/screen/client/appy-app/screens/ready-set-go/ReadySetGo.cjsx +7 -0
  231. data/spec/command-reference-files/screen/config/screens.rb +19 -9
  232. data/spec/command-reference-files/screen/spec/appy-app/screens/ready-set-go/ReadySetGoSpec.coffee +3 -3
  233. data/spec/lanes/components/grid/GridSpec.coffee +26 -26
  234. data/spec/lanes/models/AssociationMapSpec.coffee +6 -6
  235. data/spec/lanes/models/BaseSpec.coffee +24 -35
  236. data/spec/lanes/models/CollectionSpec.coffee +19 -18
  237. data/spec/lanes/models/EnumMapSpec.coffee +1 -1
  238. data/spec/lanes/models/PubSubSpec.coffee +17 -15
  239. data/spec/lanes/models/SyncSpec.coffee +28 -0
  240. data/spec/lanes/models/UserSpec.coffee +17 -0
  241. data/spec/lanes/react/mixins/DataSpec.coffee +72 -0
  242. data/spec/lanes/screens/DefinitionsSpec.coffee +33 -0
  243. data/spec/lanes/views/BaseSpec.coffee +133 -133
  244. data/spec/lanes/views/FormBindingsSpec.coffee +30 -30
  245. data/spec/server/api/coffeescript_processor_spec.rb +2 -2
  246. data/spec/server/command_spec.rb +3 -3
  247. data/templates/client/Extension.coffee +17 -5
  248. data/templates/client/components/BaseComponent.coffee +9 -0
  249. data/templates/client/components/Component.cjsx +4 -0
  250. data/templates/client/{views → components}/template.html +0 -0
  251. data/templates/client/index.js +1 -3
  252. data/templates/client/models/Model.coffee +0 -1
  253. data/templates/client/screens/BaseScreen.coffee +9 -0
  254. data/templates/client/screens/Screen.cjsx +7 -0
  255. data/templates/config.ru +2 -0
  256. data/templates/config/screen.rb +10 -10
  257. data/templates/config/screens.rb +10 -0
  258. data/templates/lib/namespace/extension.rb +7 -0
  259. data/templates/spec/client/Screen.coffee +4 -4
  260. data/templates/spec/client/components/ComponentSpec.coffee +5 -0
  261. metadata +157 -201
  262. data/client/fonts/lanes/icomoon.eot +0 -0
  263. data/client/fonts/lanes/icomoon.svg +0 -160
  264. data/client/fonts/lanes/icomoon.ttf +0 -0
  265. data/client/fonts/lanes/icomoon.woff +0 -0
  266. data/client/fonts/lanes/selection.json +0 -3565
  267. data/client/lanes/Boot.coffee +0 -50
  268. data/client/lanes/access/LoginDialog.coffee +0 -46
  269. data/client/lanes/access/login-dialog.html +0 -16
  270. data/client/lanes/access/screens/user-management/GridUserEditor.coffee +0 -26
  271. data/client/lanes/access/screens/user-management/UserManagement.coffee +0 -23
  272. data/client/lanes/access/screens/user-management/grid-popover-editor.html +0 -33
  273. data/client/lanes/access/screens/user-management/screen.html +0 -7
  274. data/client/lanes/components/Base.coffee +0 -39
  275. data/client/lanes/components/ChoicesInput.coffee +0 -47
  276. data/client/lanes/components/grid/Editor.coffee +0 -62
  277. data/client/lanes/components/grid/Grid.coffee +0 -205
  278. data/client/lanes/components/grid/PopOverEditor.coffee +0 -29
  279. data/client/lanes/components/grid/RowEditor.coffee +0 -30
  280. data/client/lanes/components/grid/popover-editor.html +0 -18
  281. data/client/lanes/components/grid/row-editor.html +0 -16
  282. data/client/lanes/components/grid/template.html +0 -4
  283. data/client/lanes/components/grid/vendor/dataTables.scroller.js +0 -1262
  284. data/client/lanes/components/grid/vendor/index.js +0 -2
  285. data/client/lanes/components/grid/vendor/jquery.dataTables.js +0 -14839
  286. data/client/lanes/components/modal/ModalDialog.coffee +0 -68
  287. data/client/lanes/components/modal/template.html +0 -18
  288. data/client/lanes/components/multi-select/MultiSelect.coffee +0 -65
  289. data/client/lanes/components/popover/PopOver.coffee +0 -55
  290. data/client/lanes/components/popover/index.js +0 -2
  291. data/client/lanes/components/popover/styles.scss +0 -2
  292. data/client/lanes/components/popover/template.html +0 -5
  293. data/client/lanes/components/radio-group/RadioGroup.coffee +0 -47
  294. data/client/lanes/components/radio-group/index.js +0 -1
  295. data/client/lanes/components/radio-group/styles.scss +0 -1
  296. data/client/lanes/components/record-finder/Clause.coffee +0 -37
  297. data/client/lanes/components/record-finder/Dialog.coffee +0 -45
  298. data/client/lanes/components/record-finder/RecordFinder.coffee +0 -61
  299. data/client/lanes/components/record-finder/clause.html +0 -37
  300. data/client/lanes/components/record-finder/dialog.html +0 -4
  301. data/client/lanes/components/record-finder/field.html +0 -8
  302. data/client/lanes/components/select-field/SelectField.coffee +0 -63
  303. data/client/lanes/components/select2/Select2.coffee +0 -8
  304. data/client/lanes/components/select2/index.js +0 -2
  305. data/client/lanes/lib/Templates.coffee +0 -51
  306. data/client/lanes/lib/debounce.coffee +0 -15
  307. data/client/lanes/lib/defer.coffee +0 -7
  308. data/client/lanes/lib/el.js +0 -115
  309. data/client/lanes/lib/index.js +0 -5
  310. data/client/lanes/plugins/overlay.coffee +0 -41
  311. data/client/lanes/screens/Base.coffee +0 -35
  312. data/client/lanes/screens/Router.coffee +0 -4
  313. data/client/lanes/screens/mixins/Editing.coffee +0 -38
  314. data/client/lanes/styles/bootstrap/old/_alerts.scss +0 -68
  315. data/client/lanes/styles/bootstrap/old/_badges.scss +0 -57
  316. data/client/lanes/styles/bootstrap/old/_breadcrumbs.scss +0 -26
  317. data/client/lanes/styles/bootstrap/old/_button-groups.scss +0 -240
  318. data/client/lanes/styles/bootstrap/old/_buttons.scss +0 -157
  319. data/client/lanes/styles/bootstrap/old/_carousel.scss +0 -243
  320. data/client/lanes/styles/bootstrap/old/_close.scss +0 -35
  321. data/client/lanes/styles/bootstrap/old/_code.scss +0 -68
  322. data/client/lanes/styles/bootstrap/old/_component-animations.scss +0 -35
  323. data/client/lanes/styles/bootstrap/old/_dropdowns.scss +0 -215
  324. data/client/lanes/styles/bootstrap/old/_forms.scss +0 -538
  325. data/client/lanes/styles/bootstrap/old/_glyphicons.scss +0 -237
  326. data/client/lanes/styles/bootstrap/old/_grid.scss +0 -84
  327. data/client/lanes/styles/bootstrap/old/_input-groups.scss +0 -166
  328. data/client/lanes/styles/bootstrap/old/_jumbotron.scss +0 -48
  329. data/client/lanes/styles/bootstrap/old/_labels.scss +0 -66
  330. data/client/lanes/styles/bootstrap/old/_list-group.scss +0 -132
  331. data/client/lanes/styles/bootstrap/old/_media.scss +0 -56
  332. data/client/lanes/styles/bootstrap/old/_mixins.scss +0 -39
  333. data/client/lanes/styles/bootstrap/old/_modals.scss +0 -150
  334. data/client/lanes/styles/bootstrap/old/_navbar.scss +0 -659
  335. data/client/lanes/styles/bootstrap/old/_navs.scss +0 -242
  336. data/client/lanes/styles/bootstrap/old/_normalize.scss +0 -425
  337. data/client/lanes/styles/bootstrap/old/_pager.scss +0 -55
  338. data/client/lanes/styles/bootstrap/old/_pagination.scss +0 -88
  339. data/client/lanes/styles/bootstrap/old/_panels.scss +0 -243
  340. data/client/lanes/styles/bootstrap/old/_popovers.scss +0 -133
  341. data/client/lanes/styles/bootstrap/old/_print.scss +0 -101
  342. data/client/lanes/styles/bootstrap/old/_progress-bars.scss +0 -105
  343. data/client/lanes/styles/bootstrap/old/_responsive-embed.scss +0 -34
  344. data/client/lanes/styles/bootstrap/old/_responsive-utilities.scss +0 -174
  345. data/client/lanes/styles/bootstrap/old/_scaffolding.scss +0 -150
  346. data/client/lanes/styles/bootstrap/old/_tables.scss +0 -233
  347. data/client/lanes/styles/bootstrap/old/_theme.scss +0 -258
  348. data/client/lanes/styles/bootstrap/old/_thumbnails.scss +0 -38
  349. data/client/lanes/styles/bootstrap/old/_tooltip.scss +0 -95
  350. data/client/lanes/styles/bootstrap/old/_type.scss +0 -304
  351. data/client/lanes/styles/bootstrap/old/_utilities.scss +0 -57
  352. data/client/lanes/styles/bootstrap/old/_variables.scss +0 -850
  353. data/client/lanes/styles/bootstrap/old/_wells.scss +0 -29
  354. data/client/lanes/styles/bootstrap/old/bootstrap.scss +0 -50
  355. data/client/lanes/styles/bootstrap/old/mixins/_alerts.scss +0 -14
  356. data/client/lanes/styles/bootstrap/old/mixins/_background-variant.scss +0 -11
  357. data/client/lanes/styles/bootstrap/old/mixins/_border-radius.scss +0 -18
  358. data/client/lanes/styles/bootstrap/old/mixins/_buttons.scss +0 -50
  359. data/client/lanes/styles/bootstrap/old/mixins/_center-block.scss +0 -7
  360. data/client/lanes/styles/bootstrap/old/mixins/_clearfix.scss +0 -22
  361. data/client/lanes/styles/bootstrap/old/mixins/_forms.scss +0 -84
  362. data/client/lanes/styles/bootstrap/old/mixins/_gradients.scss +0 -58
  363. data/client/lanes/styles/bootstrap/old/mixins/_grid-framework.scss +0 -81
  364. data/client/lanes/styles/bootstrap/old/mixins/_grid.scss +0 -122
  365. data/client/lanes/styles/bootstrap/old/mixins/_hide-text.scss +0 -21
  366. data/client/lanes/styles/bootstrap/old/mixins/_image.scss +0 -34
  367. data/client/lanes/styles/bootstrap/old/mixins/_labels.scss +0 -12
  368. data/client/lanes/styles/bootstrap/old/mixins/_list-group.scss +0 -31
  369. data/client/lanes/styles/bootstrap/old/mixins/_nav-divider.scss +0 -10
  370. data/client/lanes/styles/bootstrap/old/mixins/_nav-vertical-align.scss +0 -9
  371. data/client/lanes/styles/bootstrap/old/mixins/_opacity.scss +0 -8
  372. data/client/lanes/styles/bootstrap/old/mixins/_pagination.scss +0 -23
  373. data/client/lanes/styles/bootstrap/old/mixins/_panels.scss +0 -24
  374. data/client/lanes/styles/bootstrap/old/mixins/_progress-bar.scss +0 -10
  375. data/client/lanes/styles/bootstrap/old/mixins/_reset-filter.scss +0 -8
  376. data/client/lanes/styles/bootstrap/old/mixins/_resize.scss +0 -6
  377. data/client/lanes/styles/bootstrap/old/mixins/_responsive-visibility.scss +0 -21
  378. data/client/lanes/styles/bootstrap/old/mixins/_size.scss +0 -10
  379. data/client/lanes/styles/bootstrap/old/mixins/_tab-focus.scss +0 -9
  380. data/client/lanes/styles/bootstrap/old/mixins/_table-row.scss +0 -28
  381. data/client/lanes/styles/bootstrap/old/mixins/_text-emphasis.scss +0 -11
  382. data/client/lanes/styles/bootstrap/old/mixins/_text-overflow.scss +0 -8
  383. data/client/lanes/styles/bootstrap/old/mixins/_vendor-prefixes.scss +0 -219
  384. data/client/lanes/styles/font-definitions.scss +0 -451
  385. data/client/lanes/testing/TestModels.coffee +0 -23
  386. data/client/lanes/vendor/bootstrap/affix.js +0 -162
  387. data/client/lanes/vendor/bootstrap/alert.js +0 -94
  388. data/client/lanes/vendor/bootstrap/button.js +0 -116
  389. data/client/lanes/vendor/bootstrap/carousel.js +0 -240
  390. data/client/lanes/vendor/bootstrap/collapse.js +0 -211
  391. data/client/lanes/vendor/bootstrap/dropdown.js +0 -161
  392. data/client/lanes/vendor/bootstrap/modal.js +0 -324
  393. data/client/lanes/vendor/bootstrap/popover.js +0 -119
  394. data/client/lanes/vendor/bootstrap/scrollspy.js +0 -175
  395. data/client/lanes/vendor/bootstrap/tab.js +0 -153
  396. data/client/lanes/vendor/bootstrap/tooltip.js +0 -478
  397. data/client/lanes/vendor/bootstrap/transition.js +0 -59
  398. data/client/lanes/vendor/message-bus.js +0 -285
  399. data/client/lanes/vendor/modern-stack.js +0 -27
  400. data/client/lanes/vendor/packaged.js +0 -19533
  401. data/client/lanes/views/Assets.coffee +0 -9
  402. data/client/lanes/views/Base.coffee +0 -426
  403. data/client/lanes/views/Functions.coffee +0 -13
  404. data/client/lanes/views/Helpers.coffee +0 -76
  405. data/client/lanes/views/Keys.coffee +0 -59
  406. data/client/lanes/views/RenderContext.coffee +0 -32
  407. data/client/lanes/views/SaveNotify.coffee +0 -32
  408. data/client/lanes/views/Viewport.coffee +0 -18
  409. data/client/lanes/views/_button.html +0 -3
  410. data/client/lanes/views/_toolbar.html +0 -23
  411. data/client/lanes/views/empty-span.html +0 -1
  412. data/client/lanes/views/index.js +0 -2
  413. data/client/lanes/views/model-update.html +0 -15
  414. data/client/lanes/workspace/ActiveScreensSwitcher.coffee +0 -112
  415. data/client/lanes/workspace/Layout.coffee +0 -29
  416. data/client/lanes/workspace/Navbar.coffee +0 -31
  417. data/client/lanes/workspace/Pages.coffee +0 -39
  418. data/client/lanes/workspace/ScreensMenu.coffee +0 -126
  419. data/client/lanes/workspace/WorkspaceView.coffee +0 -8
  420. data/client/lanes/workspace/layout.html +0 -4
  421. data/client/lanes/workspace/menu.html +0 -356
  422. data/client/lanes/workspace/menu_toggle.html +0 -9
  423. data/client/lanes/workspace/navbar.html +0 -17
  424. data/client/lanes/workspace/pages.html +0 -6
  425. data/client/lanes/workspace/screens-menu.html +0 -11
  426. data/client/lanes/workspace/screens-switcher.html +0 -7
  427. data/docs/view.md +0 -292
  428. data/lib/lanes/command/generate_view.rb +0 -38
  429. data/lib/lanes/command/generate_view.usage +0 -13
  430. data/spec/command-reference-files/initial/client/appy-app/Router.coffee +0 -4
  431. data/spec/command-reference-files/initial/client/appy-app/controllers/.gitkeep +0 -0
  432. data/spec/command-reference-files/initial/client/appy-app/views/.gitkeep +0 -0
  433. data/spec/command-reference-files/initial/client/appy-app/views/Base.coffee +0 -5
  434. data/spec/command-reference-files/initial/spec/appy-app/screens/Base.coffee +0 -5
  435. data/spec/command-reference-files/screen/client/appy-app/screens/ready-set-go/ReadySetGo.coffee +0 -6
  436. data/spec/command-reference-files/screen/client/appy-app/screens/ready-set-go/layout.html +0 -3
  437. data/spec/command-reference-files/view/client/appy-app/views/BigView.coffee +0 -10
  438. data/spec/command-reference-files/view/spec/appy-app/views/BigViewSpec.coffee +0 -5
  439. data/templates/client/Router.coffee +0 -4
  440. data/templates/client/components/Component.coffee +0 -1
  441. data/templates/client/screens/Base.coffee +0 -3
  442. data/templates/client/screens/Screen.coffee +0 -11
  443. data/templates/client/screens/layout.html +0 -3
  444. data/templates/client/views/.gitkeep +0 -0
  445. data/templates/client/views/BaseView.coffee +0 -5
  446. data/templates/client/views/View.coffee +0 -10
  447. data/templates/spec/client/views/ViewSpec.coffee +0 -5
@@ -1,29 +0,0 @@
1
- //
2
- // Wells
3
- // --------------------------------------------------
4
-
5
-
6
- // Base class
7
- .well {
8
- min-height: 20px;
9
- padding: 19px;
10
- margin-bottom: 20px;
11
- background-color: $well-bg;
12
- border: 1px solid $well-border;
13
- border-radius: $border-radius-base;
14
- @include box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
15
- blockquote {
16
- border-color: #ddd;
17
- border-color: rgba(0,0,0,.15);
18
- }
19
- }
20
-
21
- // Sizes
22
- .well-lg {
23
- padding: 24px;
24
- border-radius: $border-radius-large;
25
- }
26
- .well-sm {
27
- padding: 9px;
28
- border-radius: $border-radius-small;
29
- }
@@ -1,50 +0,0 @@
1
- // Core variables and mixins
2
- @import "variables";
3
- @import "mixins";
4
-
5
- // Reset and dependencies
6
- @import "normalize";
7
- @import "print";
8
- @import "glyphicons";
9
-
10
- // Core CSS
11
- @import "scaffolding";
12
- @import "type";
13
- @import "code";
14
- @import "grid";
15
- @import "tables";
16
- @import "forms";
17
- @import "buttons";
18
-
19
- // Components
20
- @import "component-animations";
21
- @import "dropdowns";
22
- @import "button-groups";
23
- @import "input-groups";
24
- @import "navs";
25
- @import "navbar";
26
- @import "breadcrumbs";
27
- @import "pagination";
28
- @import "pager";
29
- @import "labels";
30
- @import "badges";
31
- @import "jumbotron";
32
- @import "thumbnails";
33
- @import "alerts";
34
- @import "progress-bars";
35
- @import "media";
36
- @import "list-group";
37
- @import "panels";
38
- @import "responsive-embed";
39
- @import "wells";
40
- @import "close";
41
-
42
- // Components w/ JavaScript
43
- @import "modals";
44
- @import "tooltip";
45
- @import "popovers";
46
- @import "carousel";
47
-
48
- // Utility classes
49
- @import "utilities";
50
- @import "responsive-utilities";
@@ -1,14 +0,0 @@
1
- // Alerts
2
-
3
- @mixin alert-variant($background, $border, $text-color) {
4
- background-color: $background;
5
- border-color: $border;
6
- color: $text-color;
7
-
8
- hr {
9
- border-top-color: darken($border, 5%);
10
- }
11
- .alert-link {
12
- color: darken($text-color, 10%);
13
- }
14
- }
@@ -1,11 +0,0 @@
1
- // Contextual backgrounds
2
-
3
- // [converter] $parent hack
4
- @mixin bg-variant($parent, $color) {
5
- #{$parent} {
6
- background-color: $color;
7
- }
8
- a#{$parent}:hover {
9
- background-color: darken($color, 10%);
10
- }
11
- }
@@ -1,18 +0,0 @@
1
- // Single side border-radius
2
-
3
- @mixin border-top-radius($radius) {
4
- border-top-right-radius: $radius;
5
- border-top-left-radius: $radius;
6
- }
7
- @mixin border-right-radius($radius) {
8
- border-bottom-right-radius: $radius;
9
- border-top-right-radius: $radius;
10
- }
11
- @mixin border-bottom-radius($radius) {
12
- border-bottom-right-radius: $radius;
13
- border-bottom-left-radius: $radius;
14
- }
15
- @mixin border-left-radius($radius) {
16
- border-bottom-left-radius: $radius;
17
- border-top-left-radius: $radius;
18
- }
@@ -1,50 +0,0 @@
1
- // Button variants
2
- //
3
- // Easily pump out default styles, as well as :hover, :focus, :active,
4
- // and disabled options for all buttons
5
-
6
- @mixin button-variant($color, $background, $border) {
7
- color: $color;
8
- background-color: $background;
9
- border-color: $border;
10
-
11
- &:hover,
12
- &:focus,
13
- &:active,
14
- &.active,
15
- .open > &.dropdown-toggle {
16
- color: $color;
17
- background-color: darken($background, 10%);
18
- border-color: darken($border, 12%);
19
- }
20
- &:active,
21
- &.active,
22
- .open > &.dropdown-toggle {
23
- background-image: none;
24
- }
25
- &.disabled,
26
- &[disabled],
27
- fieldset[disabled] & {
28
- &,
29
- &:hover,
30
- &:focus,
31
- &:active,
32
- &.active {
33
- background-color: $background;
34
- border-color: $border;
35
- }
36
- }
37
-
38
- .badge {
39
- color: $background;
40
- background-color: $color;
41
- }
42
- }
43
-
44
- // Button sizes
45
- @mixin button-size($padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) {
46
- padding: $padding-vertical $padding-horizontal;
47
- font-size: $font-size;
48
- line-height: $line-height;
49
- border-radius: $border-radius;
50
- }
@@ -1,7 +0,0 @@
1
- // Center-align a block level element
2
-
3
- @mixin center-block() {
4
- display: block;
5
- margin-left: auto;
6
- margin-right: auto;
7
- }
@@ -1,22 +0,0 @@
1
- // Clearfix
2
- //
3
- // For modern browsers
4
- // 1. The space content is one way to avoid an Opera bug when the
5
- // contenteditable attribute is included anywhere else in the document.
6
- // Otherwise it causes space to appear at the top and bottom of elements
7
- // that are clearfixed.
8
- // 2. The use of `table` rather than `block` is only necessary if using
9
- // `:before` to contain the top-margins of child elements.
10
- //
11
- // Source: http://nicolasgallagher.com/micro-clearfix-hack/
12
-
13
- @mixin clearfix() {
14
- &:before,
15
- &:after {
16
- content: " "; // 1
17
- display: table; // 2
18
- }
19
- &:after {
20
- clear: both;
21
- }
22
- }
@@ -1,84 +0,0 @@
1
- // Form validation states
2
- //
3
- // Used in forms.less to generate the form validation CSS for warnings, errors,
4
- // and successes.
5
-
6
- @mixin form-control-validation($text-color: #555, $border-color: #ccc, $background-color: #f5f5f5) {
7
- // Color the label and help text
8
- .help-block,
9
- .control-label,
10
- .radio,
11
- .checkbox,
12
- .radio-inline,
13
- .checkbox-inline {
14
- color: $text-color;
15
- }
16
- // Set the border and box shadow on specific inputs to match
17
- .form-control {
18
- border-color: $border-color;
19
- @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work
20
- &:focus {
21
- border-color: darken($border-color, 10%);
22
- $shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten($border-color, 20%);
23
- @include box-shadow($shadow);
24
- }
25
- }
26
- // Set validation states also for addons
27
- .input-group-addon {
28
- color: $text-color;
29
- border-color: $border-color;
30
- background-color: $background-color;
31
- }
32
- // Optional feedback icon
33
- .form-control-feedback {
34
- color: $text-color;
35
- }
36
- }
37
-
38
-
39
- // Form control focus state
40
- //
41
- // Generate a customized focus state and for any input with the specified color,
42
- // which defaults to the `$input-border-focus` variable.
43
- //
44
- // We highly encourage you to not customize the default value, but instead use
45
- // this to tweak colors on an as-needed basis. This aesthetic change is based on
46
- // WebKit's default styles, but applicable to a wider range of browsers. Its
47
- // usability and accessibility should be taken into account with any change.
48
- //
49
- // Example usage: change the default blue border and shadow to white for better
50
- // contrast against a dark gray background.
51
- @mixin form-control-focus($color: $input-border-focus) {
52
- $color-rgba: rgba(red($color), green($color), blue($color), .6);
53
- &:focus {
54
- border-color: $color;
55
- outline: 0;
56
- @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px $color-rgba);
57
- }
58
- }
59
-
60
- // Form control sizing
61
- //
62
- // Relative text size, padding, and border-radii changes for form controls. For
63
- // horizontal sizing, wrap controls in the predefined grid classes. `<select>`
64
- // element gets special love because it's special, and that's a fact!
65
- // [converter] $parent hack
66
- @mixin input-size($parent, $input-height, $padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) {
67
- #{$parent} {
68
- height: $input-height;
69
- padding: $padding-vertical $padding-horizontal;
70
- font-size: $font-size;
71
- line-height: $line-height;
72
- border-radius: $border-radius;
73
- }
74
-
75
- select#{$parent} {
76
- height: $input-height;
77
- line-height: $input-height;
78
- }
79
-
80
- textarea#{$parent},
81
- select[multiple]#{$parent} {
82
- height: auto;
83
- }
84
- }
@@ -1,58 +0,0 @@
1
- // Gradients
2
-
3
-
4
-
5
- // Horizontal gradient, from left to right
6
- //
7
- // Creates two color stops, start and end, by specifying a color and position for each color stop.
8
- // Color stops are not available in IE9 and below.
9
- @mixin gradient-horizontal($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {
10
- background-image: -webkit-linear-gradient(left, $start-color $start-percent, $end-color $end-percent); // Safari 5.1-6, Chrome 10+
11
- background-image: -o-linear-gradient(left, $start-color $start-percent, $end-color $end-percent); // Opera 12
12
- background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
13
- background-repeat: repeat-x;
14
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=1); // IE9 and down
15
- }
16
-
17
- // Vertical gradient, from top to bottom
18
- //
19
- // Creates two color stops, start and end, by specifying a color and position for each color stop.
20
- // Color stops are not available in IE9 and below.
21
- @mixin gradient-vertical($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {
22
- background-image: -webkit-linear-gradient(top, $start-color $start-percent, $end-color $end-percent); // Safari 5.1-6, Chrome 10+
23
- background-image: -o-linear-gradient(top, $start-color $start-percent, $end-color $end-percent); // Opera 12
24
- background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
25
- background-repeat: repeat-x;
26
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=0); // IE9 and down
27
- }
28
-
29
- @mixin gradient-directional($start-color: #555, $end-color: #333, $deg: 45deg) {
30
- background-repeat: repeat-x;
31
- background-image: -webkit-linear-gradient($deg, $start-color, $end-color); // Safari 5.1-6, Chrome 10+
32
- background-image: -o-linear-gradient($deg, $start-color, $end-color); // Opera 12
33
- background-image: linear-gradient($deg, $start-color, $end-color); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
34
- }
35
- @mixin gradient-horizontal-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {
36
- background-image: -webkit-linear-gradient(left, $start-color, $mid-color $color-stop, $end-color);
37
- background-image: -o-linear-gradient(left, $start-color, $mid-color $color-stop, $end-color);
38
- background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);
39
- background-repeat: no-repeat;
40
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=1); // IE9 and down, gets no color-stop at all for proper fallback
41
- }
42
- @mixin gradient-vertical-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {
43
- background-image: -webkit-linear-gradient($start-color, $mid-color $color-stop, $end-color);
44
- background-image: -o-linear-gradient($start-color, $mid-color $color-stop, $end-color);
45
- background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);
46
- background-repeat: no-repeat;
47
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=0); // IE9 and down, gets no color-stop at all for proper fallback
48
- }
49
- @mixin gradient-radial($inner-color: #555, $outer-color: #333) {
50
- background-image: -webkit-radial-gradient(circle, $inner-color, $outer-color);
51
- background-image: radial-gradient(circle, $inner-color, $outer-color);
52
- background-repeat: no-repeat;
53
- }
54
- @mixin gradient-striped($color: rgba(255,255,255,.15), $angle: 45deg) {
55
- background-image: -webkit-linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
56
- background-image: -o-linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
57
- background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
58
- }
@@ -1,81 +0,0 @@
1
- // Framework grid generation
2
- //
3
- // Used only by Bootstrap to generate the correct number of grid classes given
4
- // any value of `$grid-columns`.
5
-
6
- // [converter] This is defined recursively in LESS, but Sass supports real loops
7
- @mixin make-grid-columns($i: 1, $list: ".col-xs-#{$i}, .col-sm-#{$i}, .col-md-#{$i}, .col-lg-#{$i}") {
8
- @for $i from (1 + 1) through $grid-columns {
9
- $list: "#{$list}, .col-xs-#{$i}, .col-sm-#{$i}, .col-md-#{$i}, .col-lg-#{$i}";
10
- }
11
- #{$list} {
12
- position: relative;
13
- // Prevent columns from collapsing when empty
14
- min-height: 1px;
15
- // Inner gutter via padding
16
- padding-left: ($grid-gutter-width / 2);
17
- padding-right: ($grid-gutter-width / 2);
18
- }
19
- }
20
-
21
-
22
- // [converter] This is defined recursively in LESS, but Sass supports real loops
23
- @mixin float-grid-columns($class, $i: 1, $list: ".col-#{$class}-#{$i}") {
24
- @for $i from (1 + 1) through $grid-columns {
25
- $list: "#{$list}, .col-#{$class}-#{$i}";
26
- }
27
- #{$list} {
28
- float: left;
29
- }
30
- }
31
-
32
-
33
- @mixin calc-grid-column($index, $class, $type) {
34
- @if ($type == width) and ($index > 0) {
35
- .col-#{$class}-#{$index} {
36
- width: percentage(($index / $grid-columns));
37
- }
38
- }
39
- @if ($type == push) and ($index > 0) {
40
- .col-#{$class}-push-#{$index} {
41
- left: percentage(($index / $grid-columns));
42
- }
43
- }
44
- @if ($type == push) and ($index == 0) {
45
- .col-#{$class}-push-0 {
46
- left: auto;
47
- }
48
- }
49
- @if ($type == pull) and ($index > 0) {
50
- .col-#{$class}-pull-#{$index} {
51
- right: percentage(($index / $grid-columns));
52
- }
53
- }
54
- @if ($type == pull) and ($index == 0) {
55
- .col-#{$class}-pull-0 {
56
- right: auto;
57
- }
58
- }
59
- @if ($type == offset) {
60
- .col-#{$class}-offset-#{$index} {
61
- margin-left: percentage(($index / $grid-columns));
62
- }
63
- }
64
- }
65
-
66
- // [converter] This is defined recursively in LESS, but Sass supports real loops
67
- @mixin loop-grid-columns($columns, $class, $type) {
68
- @for $i from 0 through $columns {
69
- @include calc-grid-column($i, $class, $type);
70
- }
71
- }
72
-
73
-
74
- // Create grid for specific class
75
- @mixin make-grid($class) {
76
- @include float-grid-columns($class);
77
- @include loop-grid-columns($grid-columns, $class, width);
78
- @include loop-grid-columns($grid-columns, $class, pull);
79
- @include loop-grid-columns($grid-columns, $class, push);
80
- @include loop-grid-columns($grid-columns, $class, offset);
81
- }
@@ -1,122 +0,0 @@
1
- // Grid system
2
- //
3
- // Generate semantic grid columns with these mixins.
4
-
5
- // Centered container element
6
- @mixin container-fixed($gutter: $grid-gutter-width) {
7
- margin-right: auto;
8
- margin-left: auto;
9
- padding-left: ($gutter / 2);
10
- padding-right: ($gutter / 2);
11
- @include clearfix();
12
- }
13
-
14
- // Creates a wrapper for a series of columns
15
- @mixin make-row($gutter: $grid-gutter-width) {
16
- margin-left: ($gutter / -2);
17
- margin-right: ($gutter / -2);
18
- @include clearfix();
19
- }
20
-
21
- // Generate the extra small columns
22
- @mixin make-xs-column($columns, $gutter: $grid-gutter-width) {
23
- position: relative;
24
- float: left;
25
- width: percentage(($columns / $grid-columns));
26
- min-height: 1px;
27
- padding-left: ($gutter / 2);
28
- padding-right: ($gutter / 2);
29
- }
30
- @mixin make-xs-column-offset($columns) {
31
- margin-left: percentage(($columns / $grid-columns));
32
- }
33
- @mixin make-xs-column-push($columns) {
34
- left: percentage(($columns / $grid-columns));
35
- }
36
- @mixin make-xs-column-pull($columns) {
37
- right: percentage(($columns / $grid-columns));
38
- }
39
-
40
- // Generate the small columns
41
- @mixin make-sm-column($columns, $gutter: $grid-gutter-width) {
42
- position: relative;
43
- min-height: 1px;
44
- padding-left: ($gutter / 2);
45
- padding-right: ($gutter / 2);
46
-
47
- @media (min-width: $screen-sm-min) {
48
- float: left;
49
- width: percentage(($columns / $grid-columns));
50
- }
51
- }
52
- @mixin make-sm-column-offset($columns) {
53
- @media (min-width: $screen-sm-min) {
54
- margin-left: percentage(($columns / $grid-columns));
55
- }
56
- }
57
- @mixin make-sm-column-push($columns) {
58
- @media (min-width: $screen-sm-min) {
59
- left: percentage(($columns / $grid-columns));
60
- }
61
- }
62
- @mixin make-sm-column-pull($columns) {
63
- @media (min-width: $screen-sm-min) {
64
- right: percentage(($columns / $grid-columns));
65
- }
66
- }
67
-
68
- // Generate the medium columns
69
- @mixin make-md-column($columns, $gutter: $grid-gutter-width) {
70
- position: relative;
71
- min-height: 1px;
72
- padding-left: ($gutter / 2);
73
- padding-right: ($gutter / 2);
74
-
75
- @media (min-width: $screen-md-min) {
76
- float: left;
77
- width: percentage(($columns / $grid-columns));
78
- }
79
- }
80
- @mixin make-md-column-offset($columns) {
81
- @media (min-width: $screen-md-min) {
82
- margin-left: percentage(($columns / $grid-columns));
83
- }
84
- }
85
- @mixin make-md-column-push($columns) {
86
- @media (min-width: $screen-md-min) {
87
- left: percentage(($columns / $grid-columns));
88
- }
89
- }
90
- @mixin make-md-column-pull($columns) {
91
- @media (min-width: $screen-md-min) {
92
- right: percentage(($columns / $grid-columns));
93
- }
94
- }
95
-
96
- // Generate the large columns
97
- @mixin make-lg-column($columns, $gutter: $grid-gutter-width) {
98
- position: relative;
99
- min-height: 1px;
100
- padding-left: ($gutter / 2);
101
- padding-right: ($gutter / 2);
102
-
103
- @media (min-width: $screen-lg-min) {
104
- float: left;
105
- width: percentage(($columns / $grid-columns));
106
- }
107
- }
108
- @mixin make-lg-column-offset($columns) {
109
- @media (min-width: $screen-lg-min) {
110
- margin-left: percentage(($columns / $grid-columns));
111
- }
112
- }
113
- @mixin make-lg-column-push($columns) {
114
- @media (min-width: $screen-lg-min) {
115
- left: percentage(($columns / $grid-columns));
116
- }
117
- }
118
- @mixin make-lg-column-pull($columns) {
119
- @media (min-width: $screen-lg-min) {
120
- right: percentage(($columns / $grid-columns));
121
- }
122
- }