@csdsesystems/central-styles 1.0.2 → 1.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (463) hide show
  1. package/package.json +2 -2
  2. package/Gulpfile.js +0 -56
  3. package/dependencies/.editorconfig +0 -21
  4. package/dependencies/.jshintrc +0 -24
  5. package/dependencies/LICENSE +0 -21
  6. package/dependencies/README.md +0 -80
  7. package/dependencies/bower.json +0 -24
  8. package/dependencies/components.html +0 -2761
  9. package/dependencies/css/.gitignore +0 -3
  10. package/dependencies/css/green.png +0 -0
  11. package/dependencies/css/green@2x.png +0 -0
  12. package/dependencies/css/red.png +0 -0
  13. package/dependencies/css/red@2x.png +0 -0
  14. package/dependencies/css/steelblue.png +0 -0
  15. package/dependencies/css/steelblue@2x.png +0 -0
  16. package/dependencies/example.png +0 -0
  17. package/dependencies/index.html +0 -120
  18. package/dependencies/layout.html +0 -712
  19. package/dependencies/package.json +0 -76
  20. package/dependencies/patterns.html +0 -313
  21. package/dependencies/scripts/hgt.js +0 -76
  22. package/dependencies/scripts/scripts/hgt.js +0 -76
  23. package/dependencies/scripts/scripts/vendor/infinite.min.js +0 -7
  24. package/dependencies/scripts/scripts/vendor/jquery.waypoints.min.js +0 -7
  25. package/dependencies/scripts/scripts/vendor/sticky.min.js +0 -7
  26. package/dependencies/scripts/vendor/infinite.min.js +0 -7
  27. package/dependencies/scripts/vendor/jquery.waypoints.min.js +0 -7
  28. package/dependencies/scripts/vendor/sticky.min.js +0 -7
  29. package/dependencies/styles/hgt-syntax.css +0 -86
  30. package/dependencies/styles/hgt.css +0 -428
  31. package/dependencies/styles/styles/hgt-syntax.css +0 -86
  32. package/dependencies/styles/styles/hgt.css +0 -412
  33. package/dependencies/styles.html +0 -985
  34. package/hologram_config.yml +0 -70
  35. package/images/BottomRightPattern.png +0 -0
  36. package/images/BottomRightPatternSml.png +0 -0
  37. package/images/CSDSCertificateLogo.png +0 -0
  38. package/images/CSDSLogoBlack-Sml.png +0 -0
  39. package/images/CSDSLogoColour.png +0 -0
  40. package/images/CSDSLogoColourV2.png +0 -0
  41. package/images/CSDSLogoWhite-Sml.png +0 -0
  42. package/images/PCLogoPlaceHolder.png +0 -0
  43. package/images/PC_certificate-footer.png +0 -0
  44. package/images/PC_certificate-footer.svg +0 -1
  45. package/images/PC_certificate-header.png +0 -0
  46. package/images/PC_certificate-header.svg +0 -1
  47. package/images/QLD-gov-logo-white.png +0 -0
  48. package/images/QLD-gov-logo.png +0 -0
  49. package/images/QLDGovLogoGrey.png +0 -0
  50. package/images/TopLeftPattern.png +0 -0
  51. package/images/TopLeftPatternSml.png +0 -0
  52. package/images/a1.jpg +0 -0
  53. package/images/a10.jpg +0 -0
  54. package/images/a2.jpg +0 -0
  55. package/images/a3.jpg +0 -0
  56. package/images/a4.jpg +0 -0
  57. package/images/a5.jpg +0 -0
  58. package/images/a6.jpg +0 -0
  59. package/images/a7.jpg +0 -0
  60. package/images/a8.jpg +0 -0
  61. package/images/achievements.png +0 -0
  62. package/images/alert-header-elearning.png +0 -0
  63. package/images/alert-header-equipment.png +0 -0
  64. package/images/alert-header-groups.png +0 -0
  65. package/images/alert-header-payments.png +0 -0
  66. package/images/alert-icon-groups.png +0 -0
  67. package/images/angular_logo.png +0 -0
  68. package/images/applicable_standards.png +0 -0
  69. package/images/axiom-pattern.png +0 -0
  70. package/images/background_lp_orange.jpg +0 -0
  71. package/images/background_pocket.jpg +0 -0
  72. package/images/bg_tick_wrapper.png +0 -0
  73. package/images/booking-calendar.png +0 -0
  74. package/images/booking-rooms.png +0 -0
  75. package/images/certificate-footer.png +0 -0
  76. package/images/certificate-footer.svg +0 -1
  77. package/images/certificate-header.png +0 -0
  78. package/images/choice-54e367cf104b0-default.png +0 -0
  79. package/images/courseCategory_alliedHealth.jpeg +0 -0
  80. package/images/courses/aam.jpg +0 -0
  81. package/images/courses/acls.jpg +0 -0
  82. package/images/courses/acrm.jpg +0 -0
  83. package/images/courses/als.jpg +0 -0
  84. package/images/courses/apics.jpg +0 -0
  85. package/images/courses/ason.jpg +0 -0
  86. package/images/courses/basic-sim.jpg +0 -0
  87. package/images/courses/bbs.jpg +0 -0
  88. package/images/courses/bkc.jpg +0 -0
  89. package/images/courses/bls.jpg +0 -0
  90. package/images/courses/blt.jpg +0 -0
  91. package/images/courses/capp.jpg +0 -0
  92. package/images/courses/chest.jpg +0 -0
  93. package/images/courses/cld.jpg +0 -0
  94. package/images/courses/cpc.jpg +0 -0
  95. package/images/courses/crop.jpg +0 -0
  96. package/images/courses/crp-oqp.jpg +0 -0
  97. package/images/courses/defib.jpg +0 -0
  98. package/images/courses/diabetic-foot.jpg +0 -0
  99. package/images/courses/ebus.jpg +0 -0
  100. package/images/courses/emac.jpg +0 -0
  101. package/images/courses/icr.jpg +0 -0
  102. package/images/courses/paccman.jpg +0 -0
  103. package/images/courses/rrcd-a.jpg +0 -0
  104. package/images/courses/seed.jpg +0 -0
  105. package/images/courses/spc.jpg +0 -0
  106. package/images/courses/tasp.jpg +0 -0
  107. package/images/courses/workshop.jpg +0 -0
  108. package/images/csds-eLearning-showcase-1.png +0 -0
  109. package/images/csds-pc-network.jpg +0 -0
  110. package/images/dashbard4_1.jpg +0 -0
  111. package/images/dashbard4_2.jpg +0 -0
  112. package/images/diagmonds-light.png +0 -0
  113. package/images/duotone.jpg +0 -0
  114. package/images/email_1.jpg +0 -0
  115. package/images/email_2.jpg +0 -0
  116. package/images/email_3.jpg +0 -0
  117. package/images/empty-state-courses.png +0 -0
  118. package/images/empty-state-groups.png +0 -0
  119. package/images/empty-state-orders.png +0 -0
  120. package/images/empty-state-payments.png +0 -0
  121. package/images/empty-state-portfolio.png +0 -0
  122. package/images/equip/airsim-baby.jpg +0 -0
  123. package/images/equip/airway-management-trainer.jpg +0 -0
  124. package/images/equip/broncho-boy.jpg +0 -0
  125. package/images/equip/default-img.jpg +0 -0
  126. package/images/equip/little-junior.jpg +0 -0
  127. package/images/equip/resusi-anne-basic.jpg +0 -0
  128. package/images/equip/simman-3g.jpg +0 -0
  129. package/images/full_height.jpg +0 -0
  130. package/images/gallery/1.jpg +0 -0
  131. package/images/gallery/10.jpg +0 -0
  132. package/images/gallery/10s.jpg +0 -0
  133. package/images/gallery/11.jpg +0 -0
  134. package/images/gallery/11s.jpg +0 -0
  135. package/images/gallery/12.jpg +0 -0
  136. package/images/gallery/12s.jpg +0 -0
  137. package/images/gallery/1s.jpg +0 -0
  138. package/images/gallery/2.jpg +0 -0
  139. package/images/gallery/2s.jpg +0 -0
  140. package/images/gallery/3.jpg +0 -0
  141. package/images/gallery/3s.jpg +0 -0
  142. package/images/gallery/4.jpg +0 -0
  143. package/images/gallery/4s.jpg +0 -0
  144. package/images/gallery/5.jpg +0 -0
  145. package/images/gallery/5s.jpg +0 -0
  146. package/images/gallery/6.jpg +0 -0
  147. package/images/gallery/6s.jpg +0 -0
  148. package/images/gallery/7.jpg +0 -0
  149. package/images/gallery/7s.jpg +0 -0
  150. package/images/gallery/8.jpg +0 -0
  151. package/images/gallery/8s.jpg +0 -0
  152. package/images/gallery/9.jpg +0 -0
  153. package/images/gallery/9s.jpg +0 -0
  154. package/images/graphic-email.png +0 -0
  155. package/images/graphic-healthcare-employee.png +0 -0
  156. package/images/graphic-healthcare-neither.png +0 -0
  157. package/images/graphic-healthcare-student.png +0 -0
  158. package/images/graphic-signup.png +0 -0
  159. package/images/green.png +0 -0
  160. package/images/green@2x.png +0 -0
  161. package/images/header-profile-skin-2 (1).png +0 -0
  162. package/images/header-profile-skin-2.png +0 -0
  163. package/images/headphones.jpg +0 -0
  164. package/images/html_logo.png +0 -0
  165. package/images/img_course.png +0 -0
  166. package/images/inspinia/3.png +0 -0
  167. package/images/inspinia/4.png +0 -0
  168. package/images/inspinia/avatar_all.png +0 -0
  169. package/images/inspinia/header-profile-skin-1.png +0 -0
  170. package/images/inspinia/header-profile-skin-2.png +0 -0
  171. package/images/inspinia/header-profile-skin-3.png +0 -0
  172. package/images/inspinia/header-profile.png +0 -0
  173. package/images/inspinia/header_one.jpg +0 -0
  174. package/images/inspinia/header_two.jpg +0 -0
  175. package/images/inspinia/shattered.png +0 -0
  176. package/images/inspinia/word_map.png +0 -0
  177. package/images/landing/CSDS-doing-things-differently-white.png +0 -0
  178. package/images/landing/CSDSLogo.png +0 -0
  179. package/images/landing/avatar1.jpg +0 -0
  180. package/images/landing/avatar2.jpg +0 -0
  181. package/images/landing/avatar3.jpg +0 -0
  182. package/images/landing/avatar4.jpg +0 -0
  183. package/images/landing/avatar5.jpg +0 -0
  184. package/images/landing/avatar6.jpg +0 -0
  185. package/images/landing/avatar7.jpg +0 -0
  186. package/images/landing/avatar8.jpg +0 -0
  187. package/images/landing/avatar9.jpg +0 -0
  188. package/images/landing/avatar_all.png +0 -0
  189. package/images/landing/dashboard.png +0 -0
  190. package/images/landing/header_one.jpg +0 -0
  191. package/images/landing/header_two.jpg +0 -0
  192. package/images/landing/iphone.jpg +0 -0
  193. package/images/landing/laptop.png +0 -0
  194. package/images/landing/perspective.png +0 -0
  195. package/images/landing/qldGovLogo.png +0 -0
  196. package/images/landing/shattered.png +0 -0
  197. package/images/landing/word_map.png +0 -0
  198. package/images/logoPlaceHolder.png +0 -0
  199. package/images/logo_csds_WOD.png +0 -0
  200. package/images/lp-professionals.png +0 -0
  201. package/images/map-placeholder.jpg +0 -0
  202. package/images/meteor_logo.png +0 -0
  203. package/images/mvc_logo.png +0 -0
  204. package/images/off_canvas.jpg +0 -0
  205. package/images/p1.jpg +0 -0
  206. package/images/p2.jpg +0 -0
  207. package/images/p3.jpg +0 -0
  208. package/images/p4.jpg +0 -0
  209. package/images/p5.jpg +0 -0
  210. package/images/p6.jpg +0 -0
  211. package/images/p7.jpg +0 -0
  212. package/images/p8.jpg +0 -0
  213. package/images/p_big1.jpg +0 -0
  214. package/images/p_big2.jpg +0 -0
  215. package/images/p_big3.jpg +0 -0
  216. package/images/pattern_centres.png +0 -0
  217. package/images/pattern_darkPages.png +0 -0
  218. package/images/pattern_educ.png +0 -0
  219. package/images/pattern_educ_whiteBG.png +0 -0
  220. package/images/pattern_white.png +0 -0
  221. package/images/patterns-error1.png +0 -0
  222. package/images/patterns-error2.png +0 -0
  223. package/images/patterns-error3.png +0 -0
  224. package/images/pcn-learning-solutions.jpg +0 -0
  225. package/images/pocket-simulation-centre.jpg +0 -0
  226. package/images/profile.jpg +0 -0
  227. package/images/profile_big.jpg +0 -0
  228. package/images/profile_small.jpg +0 -0
  229. package/images/profile_small2.jpg +0 -0
  230. package/images/rails_logo.png +0 -0
  231. package/images/red.png +0 -0
  232. package/images/red@2x.png +0 -0
  233. package/images/shop-equipmentloans.jpg +0 -0
  234. package/images/shop-products.jpg +0 -0
  235. package/images/signature.png +0 -0
  236. package/images/signaturePlaceHolder.png +0 -0
  237. package/images/simshop-bg.jpg +0 -0
  238. package/images/simshop-head.png +0 -0
  239. package/images/simshop-head2.png +0 -0
  240. package/images/steelblue-darkbg.png +0 -0
  241. package/images/steelblue.png +0 -0
  242. package/images/steelblue@2x.png +0 -0
  243. package/images/steelbluesmall.png +0 -0
  244. package/images/temp-landing-hero.jpg +0 -0
  245. package/images/wallpaper1.jpg +0 -0
  246. package/images/wallpaper2.jpg +0 -0
  247. package/images/wallpaper3.jpg +0 -0
  248. package/images/wallpaper4.jpg +0 -0
  249. package/images/zender_logo.png +0 -0
  250. package/index.html +0 -13
  251. package/sass/base/_base.scss +0 -931
  252. package/sass/base/_typography.scss +0 -236
  253. package/sass/bourbon/_bourbon-deprecated-upcoming.scss +0 -411
  254. package/sass/bourbon/_bourbon.scss +0 -87
  255. package/sass/bourbon/addons/_border-color.scss +0 -26
  256. package/sass/bourbon/addons/_border-radius.scss +0 -48
  257. package/sass/bourbon/addons/_border-style.scss +0 -25
  258. package/sass/bourbon/addons/_border-width.scss +0 -25
  259. package/sass/bourbon/addons/_buttons.scss +0 -64
  260. package/sass/bourbon/addons/_clearfix.scss +0 -25
  261. package/sass/bourbon/addons/_ellipsis.scss +0 -30
  262. package/sass/bourbon/addons/_font-stacks.scss +0 -31
  263. package/sass/bourbon/addons/_hide-text.scss +0 -27
  264. package/sass/bourbon/addons/_margin.scss +0 -26
  265. package/sass/bourbon/addons/_padding.scss +0 -26
  266. package/sass/bourbon/addons/_position.scss +0 -48
  267. package/sass/bourbon/addons/_prefixer.scss +0 -66
  268. package/sass/bourbon/addons/_retina-image.scss +0 -25
  269. package/sass/bourbon/addons/_size.scss +0 -51
  270. package/sass/bourbon/addons/_text-inputs.scss +0 -113
  271. package/sass/bourbon/addons/_timing-functions.scss +0 -34
  272. package/sass/bourbon/addons/_triangle.scss +0 -63
  273. package/sass/bourbon/addons/_word-wrap.scss +0 -29
  274. package/sass/bourbon/css3/_animation.scss +0 -43
  275. package/sass/bourbon/css3/_appearance.scss +0 -3
  276. package/sass/bourbon/css3/_backface-visibility.scss +0 -3
  277. package/sass/bourbon/css3/_background-image.scss +0 -42
  278. package/sass/bourbon/css3/_background.scss +0 -55
  279. package/sass/bourbon/css3/_border-image.scss +0 -59
  280. package/sass/bourbon/css3/_calc.scss +0 -4
  281. package/sass/bourbon/css3/_columns.scss +0 -47
  282. package/sass/bourbon/css3/_filter.scss +0 -4
  283. package/sass/bourbon/css3/_flex-box.scss +0 -287
  284. package/sass/bourbon/css3/_font-face.scss +0 -24
  285. package/sass/bourbon/css3/_font-feature-settings.scss +0 -4
  286. package/sass/bourbon/css3/_hidpi-media-query.scss +0 -10
  287. package/sass/bourbon/css3/_hyphens.scss +0 -4
  288. package/sass/bourbon/css3/_image-rendering.scss +0 -14
  289. package/sass/bourbon/css3/_keyframes.scss +0 -36
  290. package/sass/bourbon/css3/_linear-gradient.scss +0 -38
  291. package/sass/bourbon/css3/_perspective.scss +0 -8
  292. package/sass/bourbon/css3/_placeholder.scss +0 -8
  293. package/sass/bourbon/css3/_radial-gradient.scss +0 -39
  294. package/sass/bourbon/css3/_selection.scss +0 -42
  295. package/sass/bourbon/css3/_text-decoration.scss +0 -19
  296. package/sass/bourbon/css3/_transform.scss +0 -15
  297. package/sass/bourbon/css3/_transition.scss +0 -71
  298. package/sass/bourbon/css3/_user-select.scss +0 -3
  299. package/sass/bourbon/functions/_assign-inputs.scss +0 -11
  300. package/sass/bourbon/functions/_contains-falsy.scss +0 -20
  301. package/sass/bourbon/functions/_contains.scss +0 -26
  302. package/sass/bourbon/functions/_is-length.scss +0 -11
  303. package/sass/bourbon/functions/_is-light.scss +0 -21
  304. package/sass/bourbon/functions/_is-number.scss +0 -11
  305. package/sass/bourbon/functions/_is-size.scss +0 -13
  306. package/sass/bourbon/functions/_modular-scale.scss +0 -69
  307. package/sass/bourbon/functions/_px-to-em.scss +0 -13
  308. package/sass/bourbon/functions/_px-to-rem.scss +0 -15
  309. package/sass/bourbon/functions/_shade.scss +0 -24
  310. package/sass/bourbon/functions/_strip-units.scss +0 -17
  311. package/sass/bourbon/functions/_tint.scss +0 -24
  312. package/sass/bourbon/functions/_transition-property-name.scss +0 -22
  313. package/sass/bourbon/functions/_unpack.scss +0 -27
  314. package/sass/bourbon/helpers/_convert-units.scss +0 -21
  315. package/sass/bourbon/helpers/_directional-values.scss +0 -96
  316. package/sass/bourbon/helpers/_font-source-declaration.scss +0 -43
  317. package/sass/bourbon/helpers/_gradient-positions-parser.scss +0 -13
  318. package/sass/bourbon/helpers/_linear-angle-parser.scss +0 -25
  319. package/sass/bourbon/helpers/_linear-gradient-parser.scss +0 -41
  320. package/sass/bourbon/helpers/_linear-positions-parser.scss +0 -61
  321. package/sass/bourbon/helpers/_linear-side-corner-parser.scss +0 -31
  322. package/sass/bourbon/helpers/_radial-arg-parser.scss +0 -69
  323. package/sass/bourbon/helpers/_radial-gradient-parser.scss +0 -50
  324. package/sass/bourbon/helpers/_radial-positions-parser.scss +0 -18
  325. package/sass/bourbon/helpers/_render-gradients.scss +0 -26
  326. package/sass/bourbon/helpers/_shape-size-stripper.scss +0 -10
  327. package/sass/bourbon/helpers/_str-to-num.scss +0 -50
  328. package/sass/bourbon/settings/_asset-pipeline.scss +0 -7
  329. package/sass/bourbon/settings/_prefixer.scss +0 -9
  330. package/sass/bourbon/settings/_px-to-em.scss +0 -1
  331. package/sass/components/_alerts.scss +0 -300
  332. package/sass/components/_badges_labels.scss +0 -204
  333. package/sass/components/_breadcrumbs.scss +0 -65
  334. package/sass/components/_buttons.scss +0 -769
  335. package/sass/components/_calendar.scss +0 -301
  336. package/sass/components/_cards.scss +0 -218
  337. package/sass/components/_chips.scss +0 -23
  338. package/sass/components/_comments.scss +0 -129
  339. package/sass/components/_ibox.scss +0 -722
  340. package/sass/components/_icons.scss +0 -17
  341. package/sass/components/_inputs.scss +0 -3
  342. package/sass/components/_lists.scss +0 -489
  343. package/sass/components/_modals.scss +0 -260
  344. package/sass/components/_navigation.scss +0 -596
  345. package/sass/components/_photo_upload.scss +0 -39
  346. package/sass/components/_progress_bars.scss +0 -90
  347. package/sass/components/_sidebar.scss +0 -53
  348. package/sass/components/_tables.scss +0 -429
  349. package/sass/components/_timeline.scss +0 -84
  350. package/sass/components/_widgets.scss +0 -310
  351. package/sass/components/_wizards.scss +0 -48
  352. package/sass/components/_wysiwyg.scss +0 -3
  353. package/sass/inspinia/_animate.scss +0 -2848
  354. package/sass/inspinia/_badges_labels.scss +0 -67
  355. package/sass/inspinia/_base.scss +0 -1424
  356. package/sass/inspinia/_buttons.scss +0 -309
  357. package/sass/inspinia/_chat.scss +0 -125
  358. package/sass/inspinia/_custom.scss +0 -6
  359. package/sass/inspinia/_elements.scss +0 -2632
  360. package/sass/inspinia/_landing.scss +0 -659
  361. package/sass/inspinia/_md-skin.scss +0 -400
  362. package/sass/inspinia/_media.scss +0 -132
  363. package/sass/inspinia/_metismenu.scss +0 -82
  364. package/sass/inspinia/_mixins.scss +0 -0
  365. package/sass/inspinia/_navigation.scss +0 -590
  366. package/sass/inspinia/_pages.scss +0 -1366
  367. package/sass/inspinia/_rtl.scss +0 -280
  368. package/sass/inspinia/_sidebar.scss +0 -195
  369. package/sass/inspinia/_skins.scss +0 -480
  370. package/sass/inspinia/_spinners.scss +0 -1018
  371. package/sass/inspinia/_theme-config.scss +0 -114
  372. package/sass/inspinia/_top_navigation.scss +0 -132
  373. package/sass/inspinia/_typography.scss +0 -32
  374. package/sass/inspinia/_variables.scss +0 -39
  375. package/sass/layout/_bootstrap.scss +0 -496
  376. package/sass/layout/_content.scss +0 -31
  377. package/sass/layout/_forms.scss +0 -911
  378. package/sass/layout/_media-max-1199.scss +0 -7
  379. package/sass/layout/_media-max-1200.scss +0 -96
  380. package/sass/layout/_media-max-1400.scss +0 -7
  381. package/sass/layout/_media-max-330.scss +0 -5
  382. package/sass/layout/_media-max-350.scss +0 -38
  383. package/sass/layout/_media-max-400.scss +0 -51
  384. package/sass/layout/_media-max-460.scss +0 -81
  385. package/sass/layout/_media-max-479.scss +0 -32
  386. package/sass/layout/_media-max-550.scss +0 -47
  387. package/sass/layout/_media-max-600.scss +0 -64
  388. package/sass/layout/_media-max-672.scss +0 -6
  389. package/sass/layout/_media-max-768.scss +0 -81
  390. package/sass/layout/_media-max-840.scss +0 -11
  391. package/sass/layout/_media-max-900.scss +0 -5
  392. package/sass/layout/_media-max-991.scss +0 -18
  393. package/sass/layout/_media-max-992.scss +0 -48
  394. package/sass/layout/_media-max-999.scss +0 -35
  395. package/sass/layout/_media-min-1200.scss +0 -5
  396. package/sass/layout/_media-min-1201.scss +0 -112
  397. package/sass/layout/_media-min-1401.scss +0 -29
  398. package/sass/layout/_media-min-1501.scss +0 -8
  399. package/sass/layout/_media-min-1601.scss +0 -485
  400. package/sass/layout/_media-min-480.scss +0 -15
  401. package/sass/layout/_media-min-672.scss +0 -6
  402. package/sass/layout/_media-min-768.scss +0 -160
  403. package/sass/layout/_media-min-820.scss +0 -19
  404. package/sass/layout/_media-min-880.scss +0 -76
  405. package/sass/layout/_media-min-993.scss +0 -141
  406. package/sass/layout/_media.scss +0 -82
  407. package/sass/layout/_sidebar.scss +0 -29
  408. package/sass/layout/_top_navigation.scss +0 -37
  409. package/sass/pages/_pages.scss +0 -4429
  410. package/sass/plugins/_charts.scss +0 -65
  411. package/sass/plugins/_dropzone.scss +0 -15
  412. package/sass/plugins/_icheck.scss +0 -196
  413. package/sass/plugins/_select2-bootstrap.scss +0 -631
  414. package/sass/plugins/_skspinner.scss +0 -5
  415. package/sass/plugins/_sortable.scss +0 -43
  416. package/sass/plugins/_timepicker.scss +0 -14
  417. package/sass/plugins/_toastr.scss +0 -53
  418. package/sass/style.scss +0 -92
  419. package/sass/styleguide/_components-1-buttons.scss +0 -125
  420. package/sass/styleguide/_components-badges.scss +0 -62
  421. package/sass/styleguide/_components-breadcrumbs.scss +0 -30
  422. package/sass/styleguide/_components-cards.scss +0 -57
  423. package/sass/styleguide/_components-forms.scss +0 -176
  424. package/sass/styleguide/_components-ibox.scss +0 -107
  425. package/sass/styleguide/_components-labels.scss +0 -69
  426. package/sass/styleguide/_components-lists.scss +0 -274
  427. package/sass/styleguide/_components-modals.scss +0 -171
  428. package/sass/styleguide/_components-pagination.scss +0 -27
  429. package/sass/styleguide/_components-progressBars.scss +0 -82
  430. package/sass/styleguide/_components-tables.scss +0 -115
  431. package/sass/styleguide/_components-widgets.scss +0 -105
  432. package/sass/styleguide/_layout-asana.scss +0 -163
  433. package/sass/styleguide/_layout-centered.scss +0 -33
  434. package/sass/styleguide/_layout-itemAction.scss +0 -92
  435. package/sass/styleguide/_layout-responsive.scss +0 -77
  436. package/sass/styleguide/_patterns-alerts.scss +0 -62
  437. package/sass/styleguide/_patterns-dataformats.scss +0 -40
  438. package/sass/styleguide/_patterns-emptystates.scss +0 -46
  439. package/sass/styleguide/_patterns-errors.scss +0 -44
  440. package/sass/styleguide/_section-components.scss +0 -12
  441. package/sass/styleguide/_section-layout.scss +0 -40
  442. package/sass/styleguide/_section-patterns.scss +0 -11
  443. package/sass/styleguide/_section-styles.scss +0 -9
  444. package/sass/styleguide/_style-1-colors.scss +0 -126
  445. package/sass/styleguide/_style-2-icons.scss +0 -90
  446. package/sass/styleguide/_style-3-typography.scss +0 -139
  447. package/sass/styleguide/_style-4-spacing.scss +0 -85
  448. package/sass/styleguide/_style-5-borders.scss +0 -56
  449. package/sass/styleguide/_style-6-helpers.scss +0 -184
  450. package/sass/styleguide/index.md +0 -31
  451. package/sass/utilities/_mixins.scss +0 -607
  452. package/sass/utilities/_variables.scss +0 -118
  453. package/styleguide-dep/code_example_templates/js_example_template.html.erb +0 -7
  454. package/styleguide-dep/code_example_templates/jsx_example_template.html.erb +0 -7
  455. package/styleguide-dep/code_example_templates/markup_example_template.html.erb +0 -10
  456. package/styleguide-dep/code_example_templates/markup_table_template.html.erb +0 -23
  457. package/styleguide-dep/css/custom-icheckbox.css +0 -121
  458. package/styleguide-dep/css/doc.css +0 -165
  459. package/styleguide-dep/css/steelblue.png +0 -0
  460. package/styleguide-dep/css/steelblue@2x.png +0 -0
  461. package/styleguide-dep/js/checkbox.js +0 -6
  462. package/styleguide-dep/js/custom.js +0 -969
  463. package/styleguide-dep/js/inspinia.js +0 -297
package/dependencies/layout.html DELETED
@@ -1,712 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8">
5
- <meta name="viewport" content="width=device-width">
6
- <title>Layout &ndash; Central Style Guide - Concrete</title>
7
-
8
- <!-- Styleguide CSS -->
9
- <link rel="stylesheet" href="styles/hgt-syntax.css">
10
- <link rel="stylesheet" href="styles/hgt.css">
11
-
12
- <!-- Source CSS -->
13
-
14
-
15
- <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
16
-
17
- <link rel="stylesheet" href="../node_modules/font-awesome/css/font-awesome.min.css">
18
-
19
- <link rel="stylesheet" href="../styleguide/css/style.css">
20
-
21
- <link rel="stylesheet" href="../styleguide-dep/css/doc.css">
22
-
23
- <link rel="stylesheet" href="../styleguide-dep/css/custom-icheckbox.css">
24
-
25
- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:400,700,700italic,400italic,500,500italic">
26
-
27
-
28
- </head>
29
-
30
- <body class="hgt-body">
31
- <div class="hgt-pagehead">
32
- <div class="hgt-container">
33
- <nav class="hgt-pagehead-nav" role="navigation">
34
- <a href="index.html"
35
- class="hgt-pagehead-nav-item ">
36
- Home
37
- </a>
38
-
39
-
40
- <a href="components.html"
41
- class="hgt-pagehead-nav-item ">
42
- Components
43
- </a>
44
-
45
- <a href="layout.html"
46
- class="hgt-pagehead-nav-item selected">
47
- Layout
48
- </a>
49
-
50
- <a href="patterns.html"
51
- class="hgt-pagehead-nav-item ">
52
- Patterns
53
- </a>
54
-
55
- <a href="styles.html"
56
- class="hgt-pagehead-nav-item ">
57
- Styles
58
- </a>
59
-
60
- </nav>
61
-
62
- <h1 class="hgt-pagehead-title">Central Style Guide - Concrete</h1>
63
- </div>
64
- </div>
65
-
66
- <div class="hgt-styleguide hgt-container">
67
- <div class="hgt-columns">
68
-
69
- <div class="hgt-column one-fourth">
70
- <nav class="hgt-menu">
71
-
72
-
73
- <a href="#0_overview-layout" class="hgt-menu-item">Overview</a>
74
-
75
-
76
-
77
- <a href="#2column" class="hgt-menu-item">2-column</a>
78
-
79
-
80
-
81
- <a href="#centered" class="hgt-menu-item">Centered</a>
82
-
83
-
84
-
85
- <a href="#itemAction" class="hgt-menu-item">Item/Action</a>
86
-
87
-
88
-
89
- <a href="#responsive" class="hgt-menu-item">Responsive</a>
90
-
91
-
92
- </nav>
93
- </div>
94
-
95
-
96
- <div class="hgt-column three-fourths">
97
- <div class="hgt-content">
98
- <h1 id="0_overview-layout" class="styleguide">Overview</h1>
99
-
100
- <h2>Grid system</h2>
101
- <p class="styleguide">Concrete uses Bootstrap&#39;s default grid system that utilises <em>12 columns</em>,
102
- adapting to be a 724px and 1170px wide depending on your viewport.
103
- Below 767px viewports, the columns become fluid and stack vertically.</p><p class="styleguide">Grid systems are used for creating page layouts through a series of rows
104
- and columns that house your content. Here&#39;s how the Bootstrap grid system works:</p><ul class="styleguide"><li>Rows must be placed within a <code>.container</code> (fixed-width)
105
- or <code>.container-fluid</code> (full-width) for proper alignment and padding.</li>
106
- <li>Use rows to create horizontal groups of columns.</li>
107
- <li>Content should be placed within columns, and only columns may be immediate
108
- children of rows.</li>
109
- <li>Predefined grid classes like .row and .col-xs-4 are available for quickly
110
- making grid layouts. Less mixins can also be used for more semantic layouts.</li>
111
- <li>Columns create gutters (gaps between column content) via padding. That padding
112
- is offset in rows for the first and last column via negative margin on <code>.rows.</code></li>
113
- <li>The negative margin is why the examples below are outdented. It&#39;s so that content
114
- within grid columns is lined up with non-grid content.</li>
115
- <li>Grid columns are created by specifying the number of twelve available columns
116
- you wish to span. For example, three equal columns would use three <code>.col-xs-4</code>.</li>
117
- <li>If more than 12 columns are placed within a single row, each group of extra columns will,
118
- as one unit, wrap onto a new line.</li>
119
- <li>Grid classes apply to devices with screen widths greater than or equal to the
120
- breakpoint sizes, and override grid classes targeted at smaller devices. Therefore,
121
- e.g. applying any <code>.col-md-<em></code> class to an element will not only affect
122
- its styling on medium devices but also on large devices if a <code>.col-lg-</em></code> class is not present.</li>
123
- </ul>
124
- <h1 id="2column" class="styleguide">2-column</h1>
125
-
126
- <h2>Two-column layout</h2>
127
- <p class="styleguide">Inspired by Asana&#39;s &quot;workspace&quot; layout, our base layout (currently used
128
- in the request, work order, and search results pages) follows the same.</p>
129
- <h2>Two-column variations</h2>
130
-
131
- <h3>Item/Preview layout</h3>
132
- <p class="styleguide">We have created this layout which consists of an item pane (appears full-width by default)
133
- and a preview pane (visibility of which is toggled by its corresponding item pane).</p><div class="codeExample">
134
- <div class="exampleOutput clear">
135
- <div class="list-container">
136
- <div class="listing">
137
- <div class="list-results">
138
- <!-- List item -->
139
- <div class="list-item">
140
- <div class="list-row">
141
- <div class="list-key text-muted">
142
- 11 Oct, 2015
143
- </div>
144
- <div class="list-summary">
145
- <span class="text-red">
146
- <i class="fa fa-star"></i> DRAFT </span>
147
- </div>
148
- </div>
149
- <div class="list-row-end">
150
- <span class="preview">
151
- <i class="fa fa-angle-double-right"></i>
152
- </span>
153
- </div>
154
- </div>
155
- <!-- END List item -->
156
-
157
- <!-- List item -->
158
- <div class="list-item">
159
- <div class="list-row">
160
- <div class="list-key text-muted">
161
- 9 Jul, 2015
162
- </div>
163
- <div class="list-summary">
164
- <span class="text-red">
165
- <i class="fa fa-star"></i> DRAFT </span>
166
- </div>
167
- </div>
168
- <div class="list-row-end">
169
- <span class="preview">
170
- <i class="fa fa-angle-double-right"></i>
171
- </span>
172
- </div>
173
- </div>
174
- <!-- END List item -->
175
-
176
- <!-- List item -->
177
- <div class="list-item">
178
- <div class="list-row">
179
- <div class="list-key text-muted">
180
- 9 Jul, 2015
181
- </div>
182
- <div class="list-summary">
183
- <span class="text-red">
184
- <i class="fa fa-star"></i> DRAFT </span>
185
- </div>
186
- </div>
187
- <div class="list-row-end">
188
- <span class="preview">
189
- <i class="fa fa-angle-double-right"></i>
190
- </span>
191
- </div>
192
- </div>
193
- <!-- END List item -->
194
-
195
- <!-- List item -->
196
- <div class="list-item">
197
- <div class="list-row">
198
- <div class="list-key text-muted">
199
- 9 Jul, 2015
200
- </div>
201
- <div class="list-summary">
202
- <span class="text-red">
203
- <i class="fa fa-star"></i> DRAFT </span>
204
- </div>
205
- </div>
206
- <div class="list-row-end">
207
- <span class="preview">
208
- <i class="fa fa-angle-double-right"></i>
209
- </span>
210
- </div>
211
- </div>
212
- <!-- END List item -->
213
-
214
- <!-- List item -->
215
- <div class="list-item">
216
- <div class="list-row">
217
- <div class="list-key text-muted">
218
- 9 Jul, 2015
219
- </div>
220
- <div class="list-summary">
221
- <span class="text-red">
222
- <i class="fa fa-star"></i> DRAFT </span>
223
- </div>
224
- </div>
225
- <div class="list-row-end">
226
- <span class="preview">
227
- <i class="fa fa-angle-double-right"></i>
228
- </span>
229
- </div>
230
- </div>
231
- <!-- END List item -->
232
-
233
-
234
- </div>
235
- </div>
236
- <!-- END listing -->
237
-
238
- <div class="list-preview">
239
- <div class="ibox">
240
- <div class="ibox-title modal-header">
241
- <div class="pull-right">
242
- <div class="dropdown">
243
- <a class="action dropdown-toggle">
244
- <i class="fa fa-ellipsis-h"></i>
245
- </a>
246
- <ul class="dropdown-menu dropdown-menu-right">
247
- <li><a>Edit</a></li>
248
- <li><a>Delete</a></li>
249
- </ul>
250
-
251
- <a class="close-link action">
252
- <i class="fa fa-times"></i>
253
- </a>
254
- </div>
255
- </div>
256
- <h2>
257
- <span class="text-muted">
258
- <i class="fa fa-clock-o"></i>
259
- 2hrs 30mins
260
- </span><br>
261
- <a>Advanced Life Support</a>
262
- </h2>
263
- </div>
264
- <div class="ibox-content">
265
- <div class="form-group">
266
- <label>Discipline</label>
267
- <p>Nursing</p>
268
- </div>
269
- <div class="form-group">
270
- <label>Pocket Centre</label>
271
- <p>Lady Cilento Children's Hospital</p>
272
- </div>
273
- </div>
274
- </div>
275
- </div>
276
-
277
- </div>
278
-
279
- </div>
280
- <div class="codeBlock">
281
- <div class="highlight">
282
- <pre><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"list-container"</span><span class="nt">&gt;</span>
283
- <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"listing"</span><span class="nt">&gt;</span>
284
- <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"list-results"</span><span class="nt">&gt;</span>
285
- <span class="c">&lt;!-- List item --&gt;</span>
286
- <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"list-item"</span><span class="nt">&gt;</span>
287
- <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"list-row"</span><span class="nt">&gt;</span>
288
- <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"list-key text-muted"</span><span class="nt">&gt;</span>
289
- 11 Oct, 2015
290
- <span class="nt">&lt;/div&gt;</span>
291
- <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"list-summary"</span><span class="nt">&gt;</span>
292
- <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"text-red"</span><span class="nt">&gt;</span>
293
- <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">"fa fa-star"</span><span class="nt">&gt;&lt;/i&gt;</span> DRAFT <span class="nt">&lt;/span&gt;</span>
294
- <span class="nt">&lt;/div&gt;</span>
295
- <span class="nt">&lt;/div&gt;</span>
296
- <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"list-row-end"</span><span class="nt">&gt;</span>
297
- <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"preview"</span><span class="nt">&gt;</span>
298
- <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">"fa fa-angle-double-right"</span><span class="nt">&gt;&lt;/i&gt;</span>
299
- <span class="nt">&lt;/span&gt;</span>
300
- <span class="nt">&lt;/div&gt;</span>
301
- <span class="nt">&lt;/div&gt;</span>
302
- <span class="c">&lt;!-- END List item --&gt;</span>
303
-
304
- <span class="c">&lt;!-- List item --&gt;</span>
305
- <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"list-item"</span><span class="nt">&gt;</span>
306
- <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"list-row"</span><span class="nt">&gt;</span>
307
- <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"list-key text-muted"</span><span class="nt">&gt;</span>
308
- 9 Jul, 2015
309
- <span class="nt">&lt;/div&gt;</span>
310
- <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"list-summary"</span><span class="nt">&gt;</span>
311
- <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"text-red"</span><span class="nt">&gt;</span>
312
- <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">"fa fa-star"</span><span class="nt">&gt;&lt;/i&gt;</span> DRAFT <span class="nt">&lt;/span&gt;</span>
313
- <span class="nt">&lt;/div&gt;</span>
314
- <span class="nt">&lt;/div&gt;</span>
315
- <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"list-row-end"</span><span class="nt">&gt;</span>
316
- <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"preview"</span><span class="nt">&gt;</span>
317
- <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">"fa fa-angle-double-right"</span><span class="nt">&gt;&lt;/i&gt;</span>
318
- <span class="nt">&lt;/span&gt;</span>
319
- <span class="nt">&lt;/div&gt;</span>
320
- <span class="nt">&lt;/div&gt;</span>
321
- <span class="c">&lt;!-- END List item --&gt;</span>
322
-
323
- <span class="c">&lt;!-- List item --&gt;</span>
324
- <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"list-item"</span><span class="nt">&gt;</span>
325
- <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"list-row"</span><span class="nt">&gt;</span>
326
- <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"list-key text-muted"</span><span class="nt">&gt;</span>
327
- 9 Jul, 2015
328
- <span class="nt">&lt;/div&gt;</span>
329
- <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"list-summary"</span><span class="nt">&gt;</span>
330
- <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"text-red"</span><span class="nt">&gt;</span>
331
- <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">"fa fa-star"</span><span class="nt">&gt;&lt;/i&gt;</span> DRAFT <span class="nt">&lt;/span&gt;</span>
332
- <span class="nt">&lt;/div&gt;</span>
333
- <span class="nt">&lt;/div&gt;</span>
334
- <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"list-row-end"</span><span class="nt">&gt;</span>
335
- <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"preview"</span><span class="nt">&gt;</span>
336
- <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">"fa fa-angle-double-right"</span><span class="nt">&gt;&lt;/i&gt;</span>
337
- <span class="nt">&lt;/span&gt;</span>
338
- <span class="nt">&lt;/div&gt;</span>
339
- <span class="nt">&lt;/div&gt;</span>
340
- <span class="c">&lt;!-- END List item --&gt;</span>
341
-
342
- <span class="c">&lt;!-- List item --&gt;</span>
343
- <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"list-item"</span><span class="nt">&gt;</span>
344
- <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"list-row"</span><span class="nt">&gt;</span>
345
- <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"list-key text-muted"</span><span class="nt">&gt;</span>
346
- 9 Jul, 2015
347
- <span class="nt">&lt;/div&gt;</span>
348
- <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"list-summary"</span><span class="nt">&gt;</span>
349
- <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"text-red"</span><span class="nt">&gt;</span>
350
- <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">"fa fa-star"</span><span class="nt">&gt;&lt;/i&gt;</span> DRAFT <span class="nt">&lt;/span&gt;</span>
351
- <span class="nt">&lt;/div&gt;</span>
352
- <span class="nt">&lt;/div&gt;</span>
353
- <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"list-row-end"</span><span class="nt">&gt;</span>
354
- <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"preview"</span><span class="nt">&gt;</span>
355
- <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">"fa fa-angle-double-right"</span><span class="nt">&gt;&lt;/i&gt;</span>
356
- <span class="nt">&lt;/span&gt;</span>
357
- <span class="nt">&lt;/div&gt;</span>
358
- <span class="nt">&lt;/div&gt;</span>
359
- <span class="c">&lt;!-- END List item --&gt;</span>
360
-
361
- <span class="c">&lt;!-- List item --&gt;</span>
362
- <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"list-item"</span><span class="nt">&gt;</span>
363
- <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"list-row"</span><span class="nt">&gt;</span>
364
- <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"list-key text-muted"</span><span class="nt">&gt;</span>
365
- 9 Jul, 2015
366
- <span class="nt">&lt;/div&gt;</span>
367
- <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"list-summary"</span><span class="nt">&gt;</span>
368
- <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"text-red"</span><span class="nt">&gt;</span>
369
- <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">"fa fa-star"</span><span class="nt">&gt;&lt;/i&gt;</span> DRAFT <span class="nt">&lt;/span&gt;</span>
370
- <span class="nt">&lt;/div&gt;</span>
371
- <span class="nt">&lt;/div&gt;</span>
372
- <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"list-row-end"</span><span class="nt">&gt;</span>
373
- <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"preview"</span><span class="nt">&gt;</span>
374
- <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">"fa fa-angle-double-right"</span><span class="nt">&gt;&lt;/i&gt;</span>
375
- <span class="nt">&lt;/span&gt;</span>
376
- <span class="nt">&lt;/div&gt;</span>
377
- <span class="nt">&lt;/div&gt;</span>
378
- <span class="c">&lt;!-- END List item --&gt;</span>
379
-
380
-
381
- <span class="nt">&lt;/div&gt;</span>
382
- <span class="nt">&lt;/div&gt;</span>
383
- <span class="c">&lt;!-- END listing --&gt;</span>
384
-
385
- <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"list-preview"</span><span class="nt">&gt;</span>
386
- <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"ibox"</span><span class="nt">&gt;</span>
387
- <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"ibox-title modal-header"</span><span class="nt">&gt;</span>
388
- <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"pull-right"</span><span class="nt">&gt;</span>
389
- <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"dropdown"</span><span class="nt">&gt;</span>
390
- <span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">"action dropdown-toggle"</span><span class="nt">&gt;</span>
391
- <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">"fa fa-ellipsis-h"</span><span class="nt">&gt;&lt;/i&gt;</span>
392
- <span class="nt">&lt;/a&gt;</span>
393
- <span class="nt">&lt;ul</span> <span class="na">class=</span><span class="s">"dropdown-menu dropdown-menu-right"</span><span class="nt">&gt;</span>
394
- <span class="nt">&lt;li&gt;&lt;a&gt;</span>Edit<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
395
- <span class="nt">&lt;li&gt;&lt;a&gt;</span>Delete<span class="nt">&lt;/a&gt;&lt;/li&gt;</span>
396
- <span class="nt">&lt;/ul&gt;</span>
397
-
398
- <span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">"close-link action"</span><span class="nt">&gt;</span>
399
- <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">"fa fa-times"</span><span class="nt">&gt;&lt;/i&gt;</span>
400
- <span class="nt">&lt;/a&gt;</span>
401
- <span class="nt">&lt;/div&gt;</span>
402
- <span class="nt">&lt;/div&gt;</span>
403
- <span class="nt">&lt;h2&gt;</span>
404
- <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"text-muted"</span><span class="nt">&gt;</span>
405
- <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">"fa fa-clock-o"</span><span class="nt">&gt;&lt;/i&gt;</span>
406
- 2hrs 30mins
407
- <span class="nt">&lt;/span&gt;&lt;br&gt;</span>
408
- <span class="nt">&lt;a&gt;</span>Advanced Life Support<span class="nt">&lt;/a&gt;</span>
409
- <span class="nt">&lt;/h2&gt;</span>
410
- <span class="nt">&lt;/div&gt;</span>
411
- <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"ibox-content"</span><span class="nt">&gt;</span>
412
- <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"form-group"</span><span class="nt">&gt;</span>
413
- <span class="nt">&lt;label&gt;</span>Discipline<span class="nt">&lt;/label&gt;</span>
414
- <span class="nt">&lt;p&gt;</span>Nursing<span class="nt">&lt;/p&gt;</span>
415
- <span class="nt">&lt;/div&gt;</span>
416
- <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"form-group"</span><span class="nt">&gt;</span>
417
- <span class="nt">&lt;label&gt;</span>Pocket Centre<span class="nt">&lt;/label&gt;</span>
418
- <span class="nt">&lt;p&gt;</span>Lady Cilento Children's Hospital<span class="nt">&lt;/p&gt;</span>
419
- <span class="nt">&lt;/div&gt;</span>
420
- <span class="nt">&lt;/div&gt;</span>
421
- <span class="nt">&lt;/div&gt;</span>
422
- <span class="nt">&lt;/div&gt;</span>
423
-
424
- <span class="nt">&lt;/div&gt;</span></pre>
425
- </div>
426
- </div>
427
- </div>
428
-
429
- <h1 id="centered" class="styleguide">Centered</h1>
430
-
431
- <h2>Centered layout</h2>
432
- <p class="styleguide">There are instances when a full-width layout is necessary but may not work in a single file. In this case, the &quot;Centered&quot; layout can be used for this scenario.</p><p class="styleguide">Here&#39;s an example in how the centered layout looks like. This is in the Settings page.
433
- <img src="../images/layout-centered1.png" /></p><p class="styleguide">The centered layout is still responsive, however, it has a maximum width to maintain visual proportion and balance. Achieving this layout can easily be done by wrapping the entire section with the <code>centered-content</code> class. </p><div class="codeExample">
434
- <div class="exampleOutput clear">
435
- <div class="row">
436
- <div class="centered-content">
437
-
438
- <p class="m-b-md">Quick access to settings that let you control and configure Central to work better for you.</p>
439
- </div>
440
- </div>
441
-
442
- </div>
443
- <div class="codeBlock">
444
- <div class="highlight">
445
- <pre><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"row"</span><span class="nt">&gt;</span>
446
- <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"centered-content"</span><span class="nt">&gt;</span>
447
-
448
- <span class="nt">&lt;p</span> <span class="na">class=</span><span class="s">"m-b-md"</span><span class="nt">&gt;</span>Quick access to settings that let you control and configure Central to work better for you.<span class="nt">&lt;/p&gt;</span>
449
- <span class="nt">&lt;/div&gt;</span>
450
- <span class="nt">&lt;/div&gt;</span></pre>
451
- </div>
452
- </div>
453
- </div>
454
-
455
- <h3>Variations of this layout</h3>
456
- <p class="styleguide"><code>centered-content</code> - max width of 630px <br />
457
- <code>centered-content-md</code> - max width of 1024px</p><p class="styleguide">To use the variations, make sure that you use the <code>centered-content</code> as the base, and then followed by your variation. </p>
458
- <h1 id="itemAction" class="styleguide">Item/Action</h1>
459
-
460
- <h2>Item/Action layout</h2>
461
- <p class="styleguide">For this simple two column layout, create a <code>.row</code> and add the appropriate
462
- number of <code>.span<em></code> columns. As this is a 12-column grid, each `.span</em>`
463
- spans a number of those 12 columns, and should always add up to 12 for each row
464
- (or the number of columns in the parent).</p><p class="styleguide">Each column can then be filled with a widget or by an Inspinia element
465
- called <code>ibox</code>. The key to this layout is you put all of your data item
466
- widgets/iboxes to the left pane while your action widgets/iboxes to the right.</p><div class="codeExample">
467
- <div class="exampleOutput clear">
468
- <div class="row">
469
- <div class="col-md-6">
470
- <div class="ibox m-b-none">
471
- <div class="ibox-title">
472
- <div class="form-group">
473
- <h2 class="m-b-none">
474
- <div class="pull-right m-l-sm">
475
- <span class="label label-danger outline">
476
- <i class="fa fa-exclamation"></i> Urgent
477
- </span>
478
- </div>
479
- <span class="text-muted">
480
- <a>Sim Man</a>
481
- </span>
482
- <a>#123456</a>
483
- </h2>
484
- <p>Part-task trainer</p>
485
- <p>
486
- <span class="text-warning">
487
- <strong>On loan</strong>
488
- </span>
489
- until 16 May, 2016 at <a>Cairns Centre</a>, Cairns, QLD
490
- </p>
491
- </div>
492
- </div>
493
- <div class="ibox-content">
494
- <div class="form-group">
495
- <div class="alert alert-pink text-center">
496
- Repair
497
- </div>
498
- <p class="m-t-md">
499
- <strong>Requested by</strong>
500
- <a>Louise Dobson</a> - <a>Request #99</a><br>
501
- From <a><i class="fa fa-building"></i>
502
- Cairns Centre</a>, Cairns, QLD
503
- </p>
504
- </div>
505
- </div>
506
- </div>
507
- </div> <!-- col-md-6 ends here -->
508
-
509
- <div class="col-md-6">
510
- <div class="ibox">
511
- <div class="ibox-title">
512
- <h3>Assignee</h3>
513
- </div>
514
- <div class="ibox-content">
515
- <div class="pull-right">
516
- <a class="btn-default btn btn-xs">Edit</a>
517
- </div>
518
- Unassigned
519
- </div>
520
- </div>
521
- <div class="ibox">
522
- <div class="ibox-title">
523
- <h3>Photos</h3>
524
- <div class="ibox-tools">
525
- <a class="collapse-link">
526
- <i class="fa fa-chevron-up"></i>
527
- </a>
528
- </div>
529
- </div>
530
- <div class="ibox-content">
531
- <p class="text-center m-t-sm">
532
- <button class="btn btn-grey" type="button">Upload photo</button>
533
- </p>
534
- </div>
535
- </div>
536
- </div> <!-- col-md-6 ends here -->
537
- </div>
538
-
539
- </div>
540
- <div class="codeBlock">
541
- <div class="highlight">
542
- <pre><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"row"</span><span class="nt">&gt;</span>
543
- <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-md-6"</span><span class="nt">&gt;</span>
544
- <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"ibox m-b-none"</span><span class="nt">&gt;</span>
545
- <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"ibox-title"</span><span class="nt">&gt;</span>
546
- <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"form-group"</span><span class="nt">&gt;</span>
547
- <span class="nt">&lt;h2</span> <span class="na">class=</span><span class="s">"m-b-none"</span><span class="nt">&gt;</span>
548
- <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"pull-right m-l-sm"</span><span class="nt">&gt;</span>
549
- <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"label label-danger outline"</span><span class="nt">&gt;</span>
550
- <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">"fa fa-exclamation"</span><span class="nt">&gt;&lt;/i&gt;</span> Urgent
551
- <span class="nt">&lt;/span&gt;</span>
552
- <span class="nt">&lt;/div&gt;</span>
553
- <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"text-muted"</span><span class="nt">&gt;</span>
554
- <span class="nt">&lt;a&gt;</span>Sim Man<span class="nt">&lt;/a&gt;</span>
555
- <span class="nt">&lt;/span&gt;</span>
556
- <span class="nt">&lt;a&gt;</span>#123456<span class="nt">&lt;/a&gt;</span>
557
- <span class="nt">&lt;/h2&gt;</span>
558
- <span class="nt">&lt;p&gt;</span>Part-task trainer<span class="nt">&lt;/p&gt;</span>
559
- <span class="nt">&lt;p&gt;</span>
560
- <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"text-warning"</span><span class="nt">&gt;</span>
561
- <span class="nt">&lt;strong&gt;</span>On loan<span class="nt">&lt;/strong&gt;</span>
562
- <span class="nt">&lt;/span&gt;</span>
563
- until 16 May, 2016 at <span class="nt">&lt;a&gt;</span>Cairns Centre<span class="nt">&lt;/a&gt;</span>, Cairns, QLD
564
- <span class="nt">&lt;/p&gt;</span>
565
- <span class="nt">&lt;/div&gt;</span>
566
- <span class="nt">&lt;/div&gt;</span>
567
- <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"ibox-content"</span><span class="nt">&gt;</span>
568
- <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"form-group"</span><span class="nt">&gt;</span>
569
- <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"alert alert-pink text-center"</span><span class="nt">&gt;</span>
570
- Repair
571
- <span class="nt">&lt;/div&gt;</span>
572
- <span class="nt">&lt;p</span> <span class="na">class=</span><span class="s">"m-t-md"</span><span class="nt">&gt;</span>
573
- <span class="nt">&lt;strong&gt;</span>Requested by<span class="nt">&lt;/strong&gt;</span>
574
- <span class="nt">&lt;a&gt;</span>Louise Dobson<span class="nt">&lt;/a&gt;</span> - <span class="nt">&lt;a&gt;</span>Request #99<span class="nt">&lt;/a&gt;&lt;br&gt;</span>
575
- From <span class="nt">&lt;a&gt;&lt;i</span> <span class="na">class=</span><span class="s">"fa fa-building"</span><span class="nt">&gt;&lt;/i&gt;</span>
576
- Cairns Centre<span class="nt">&lt;/a&gt;</span>, Cairns, QLD
577
- <span class="nt">&lt;/p&gt;</span>
578
- <span class="nt">&lt;/div&gt;</span>
579
- <span class="nt">&lt;/div&gt;</span>
580
- <span class="nt">&lt;/div&gt;</span>
581
- <span class="nt">&lt;/div&gt;</span> <span class="c">&lt;!-- col-md-6 ends here --&gt;</span>
582
-
583
- <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-md-6"</span><span class="nt">&gt;</span>
584
- <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"ibox"</span><span class="nt">&gt;</span>
585
- <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"ibox-title"</span><span class="nt">&gt;</span>
586
- <span class="nt">&lt;h3&gt;</span>Assignee<span class="nt">&lt;/h3&gt;</span>
587
- <span class="nt">&lt;/div&gt;</span>
588
- <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"ibox-content"</span><span class="nt">&gt;</span>
589
- <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"pull-right"</span><span class="nt">&gt;</span>
590
- <span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">"btn-default btn btn-xs"</span><span class="nt">&gt;</span>Edit<span class="nt">&lt;/a&gt;</span>
591
- <span class="nt">&lt;/div&gt;</span>
592
- Unassigned
593
- <span class="nt">&lt;/div&gt;</span>
594
- <span class="nt">&lt;/div&gt;</span>
595
- <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"ibox"</span><span class="nt">&gt;</span>
596
- <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"ibox-title"</span><span class="nt">&gt;</span>
597
- <span class="nt">&lt;h3&gt;</span>Photos<span class="nt">&lt;/h3&gt;</span>
598
- <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"ibox-tools"</span><span class="nt">&gt;</span>
599
- <span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">"collapse-link"</span><span class="nt">&gt;</span>
600
- <span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">"fa fa-chevron-up"</span><span class="nt">&gt;&lt;/i&gt;</span>
601
- <span class="nt">&lt;/a&gt;</span>
602
- <span class="nt">&lt;/div&gt;</span>
603
- <span class="nt">&lt;/div&gt;</span>
604
- <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"ibox-content"</span><span class="nt">&gt;</span>
605
- <span class="nt">&lt;p</span> <span class="na">class=</span><span class="s">"text-center m-t-sm"</span><span class="nt">&gt;</span>
606
- <span class="nt">&lt;button</span> <span class="na">class=</span><span class="s">"btn btn-grey"</span> <span class="na">type=</span><span class="s">"button"</span><span class="nt">&gt;</span>Upload photo<span class="nt">&lt;/button&gt;</span>
607
- <span class="nt">&lt;/p&gt;</span>
608
- <span class="nt">&lt;/div&gt;</span>
609
- <span class="nt">&lt;/div&gt;</span>
610
- <span class="nt">&lt;/div&gt;</span> <span class="c">&lt;!-- col-md-6 ends here --&gt;</span>
611
- <span class="nt">&lt;/div&gt;</span></pre>
612
- </div>
613
- </div>
614
- </div>
615
-
616
- <h1 id="responsive" class="styleguide">Responsive</h1>
617
-
618
- <h2>Responsive</h2>
619
- <p class="styleguide">Central adopts a mobile-first approach, which means you&#39;re designing mobile first (default style is the mobile style). Queries after the default then target larger screens progressively. </p><p class="styleguide">Central uses Bootstrap as its base grid that ensures consistency across layout and screen sizes. We&#39;ve also created more specific breakpoints to ensure that content is fluid even during those awkward transition breakpoints.</p>
620
- <h3>Breakpoint system</h3>
621
-
622
- <table class="table history breakpoint">
623
- <tr>
624
- <th style="text-align: center;">Min width</th>
625
- <th style="text-align: center;">Max width</th>
626
- <th>Notes</th>
627
- </tr>
628
- <tr>
629
- <td>0px</td>
630
- <td>479px</td>
631
- <td>
632
- <strong>Custom</strong><br />
633
- Class prefix - <code>col-xxs</code>, <code>col-xs</code>
634
- </td>
635
- </tr>
636
- <tr>
637
- <td>480px</td>
638
- <td>767px</td>
639
- <td>
640
- Bootstrap grid default <br />
641
- Class prefix - <code>col-xs</code>
642
- </td>
643
- </tr>
644
- <tr>
645
- <td>768px</td>
646
- <td>991px</td>
647
- <td>
648
- Bootstrap grid default <br />
649
- Class prefix - <code>col-sm</code>
650
- </td>
651
- </tr>
652
- <tr>
653
- <td>992px</td>
654
- <td>1119px</td>
655
- <td>
656
- Bootstrap grid default <br />
657
- Class prefix - <code>col-md</code>
658
- </td>
659
- </tr>
660
- <tr>
661
- <td>1200px</td>
662
- <td>1599px</td>
663
- <td>
664
- Bootstrap grid default <br />
665
- Class prefix - <code>col-lg</code>
666
- </td>
667
- </tr>
668
- <tr>
669
- <td>1600px</td>
670
- <td>n/a</td>
671
- <td>
672
- <strong>Custom</strong> <br />
673
- Class prefix - <code>col-xl</code>, <code>col-lg</code>
674
- </td>
675
- </tr>
676
- </table>
677
-
678
- <h3>Progressive enhancement approach</h3>
679
- <p class="styleguide">With a mobile first viewpoint, we start by loading the absolute bare essentials on the smallest devices. This leads to a snappier experience that avoids unnecessary lag. The additional resources are loaded strictly on an as-neeeded basis to platforms that can handle them well.</p><p class="styleguide">With this in mind, it&#39;s recommended to code up your initial CSS given a mobile perspective and then use media queries to selectively serve up additional styling as the viewport size increases.</p> </div>
680
- </div>
681
- </div>
682
-
683
- <footer class="hgt-footer">
684
- Built using <a href="https://github.com/trulia/hologram">Hologram</a> and <a href="https://github.com/wearecube/hologram-github-theme">Hologram Github Theme</a>
685
- </footer>
686
- </div>
687
-
688
- <script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
689
- <script src="scripts/vendor/jquery.waypoints.min.js"></script>
690
- <script src="scripts/vendor/sticky.min.js"></script>
691
- <script src="scripts/vendor/infinite.min.js"></script>
692
- <script src="scripts/hgt.js"></script>
693
-
694
-
695
-
696
- <script type="text/javascript" src="../node_modules/jquery/dist/jquery.min.js"></script>
697
-
698
- <script type="text/javascript" src="../node_modules/jqueryui/jquery-ui.min.js"></script>
699
-
700
- <script type="text/javascript" src="../node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
701
-
702
- <script type="text/javascript" src="../node_modules/icheck/icheck.min.js"></script>
703
-
704
- <script type="text/javascript" src="../styleguide-dep/js/checkbox.js"></script>
705
-
706
- <script type="text/javascript" src="../styleguide-dep/js/custom.js"></script>
707
-
708
-
709
-
710
-
711
- </body>
712
- </html>