Style guide

All the things we need to know to build IMAX pages.
last updated: 3/27/2018 10:09pst
See also: Bootstrap official docs

  1. Brand Guidelines
  2. DIY - page from scratch
  3. App - calendar (regular, not Gap)
  4. App - ticket (bookmark for possible log displays?)
  5. Charts - chartist (bookmark for possible dashboards?)
  6. Charts - piecharts
  7. Form - addons
  8. Form - basic
  9. Form - layout
  10. Form - mask (makes inputs conform to a pattern)
  11. Form - pickers
  12. Form - typehead
  13. Form - validation
  14. Form - wizard
  15. Icons - fontawesome (we use these a lot)
  16. Icons - linea
  17. Icons - material
  18. Icons - simple line
  19. Icons - themify
  20. Pages - blank
  21. Pages - blank table test
  22. Pages - error 500 (generic error page)
  23. Pages - faq accordions (more accordion samples)
  24. Pages - fixed inner right sidebar
  25. Pages - fixed inner left sidebar
  26. Pages - requirements Page/layout essentials
  27. Pages - scrolling containers
  28. Pages - search result
  29. Pages - utility classes Page/layout essentials
  30. Table - basic
  31. Table - Bootstrap (some fixed headers, JSON)
  32. Table - color themes
  33. Table - data table (advanced functions)
  34. Table - mobile/responsive (not fantastic UX, but it works on mobile)
  35. UI - animation
  36. UI - bootstrap (badges/labels, accordions, pagination, image treatments, jumbotron)
  37. UI - breadcrumb
  38. UI - buttons (also sticky toolbars)
  39. UI - cards
  40. UI - date paginator (might be useful for Gap or Slate)
  41. UI - grid Page/layout essentials
  42. UI - list/media
  43. UI - modals
  44. UI - notification
  45. UI - progress bar
  46. UI - ribbons
  47. UI - session timeout
  48. UI - sweetalert
  49. UI - tab
  50. UI - tooltip/popover
  51. UI - typography Page/layout essentials
  52. Widget - data (cool data widgets)