2017-09-19 14:47:10 +00:00
|
|
|
<div id="styleguide">
|
2018-01-17 00:13:47 +00:00
|
|
|
{{#freestyle-guide title='Nomad UI' subtitle='Styles and Patterns'}}
|
|
|
|
|
{{#freestyle-section name="Theme" as |section|}}
|
|
|
|
|
{{#section.subsection name="Font Stacks"}}
|
|
|
|
|
{{freestyle/sg-font-stacks}}
|
|
|
|
|
{{/section.subsection}}
|
2017-09-19 14:47:10 +00:00
|
|
|
|
2018-01-17 00:13:47 +00:00
|
|
|
{{#section.subsection name="Text Sizing"}}
|
|
|
|
|
{{freestyle/sg-font-sizing}}
|
|
|
|
|
{{/section.subsection}}
|
2017-09-19 14:47:10 +00:00
|
|
|
|
2018-01-17 00:13:47 +00:00
|
|
|
{{#section.subsection name="Colors"}}
|
|
|
|
|
{{freestyle/sg-colors}}
|
|
|
|
|
{{/section.subsection}}
|
2017-09-19 14:47:10 +00:00
|
|
|
{{/freestyle-section}}
|
|
|
|
|
|
2018-01-17 00:13:47 +00:00
|
|
|
{{#freestyle-section name="Components" as |section|}}
|
2018-07-03 20:57:09 +00:00
|
|
|
{{#section.subsection name="Accordion"}}
|
2018-07-03 21:30:40 +00:00
|
|
|
{{freestyle/sg-accordion}}
|
2018-07-03 20:57:09 +00:00
|
|
|
{{/section.subsection}}
|
|
|
|
|
|
|
|
|
|
{{#section.subsection name="Alert"}}
|
|
|
|
|
{{/section.subsection}}
|
|
|
|
|
|
2018-01-17 00:13:47 +00:00
|
|
|
{{#section.subsection name="Boxed section"}}
|
|
|
|
|
{{freestyle/sg-boxed-section}}
|
|
|
|
|
{{/section.subsection}}
|
2018-01-17 01:04:59 +00:00
|
|
|
|
2018-01-17 00:13:47 +00:00
|
|
|
{{#section.subsection name="Breadcrumbs"}}
|
2018-01-17 01:04:59 +00:00
|
|
|
{{freestyle/sg-breadcrumbs}}
|
2018-01-17 00:13:47 +00:00
|
|
|
{{/section.subsection}}
|
2018-01-17 01:04:59 +00:00
|
|
|
|
2018-01-17 00:13:47 +00:00
|
|
|
{{#section.subsection name="Buttons"}}
|
|
|
|
|
{{freestyle/sg-buttons}}
|
|
|
|
|
{{/section.subsection}}
|
2018-01-17 01:04:59 +00:00
|
|
|
|
2018-01-17 00:13:47 +00:00
|
|
|
{{#section.subsection name="Diff Viewer"}}
|
2018-06-29 20:34:01 +00:00
|
|
|
{{freestyle/sg-diff-viewer}}
|
2018-01-17 00:13:47 +00:00
|
|
|
{{/section.subsection}}
|
2018-06-29 21:21:33 +00:00
|
|
|
|
2018-01-17 00:13:47 +00:00
|
|
|
{{#section.subsection name="Dropdown"}}
|
2018-06-29 21:21:33 +00:00
|
|
|
{{freestyle/sg-dropdown}}
|
2018-01-17 00:13:47 +00:00
|
|
|
{{/section.subsection}}
|
2018-06-29 21:21:33 +00:00
|
|
|
|
2018-06-30 06:36:40 +00:00
|
|
|
{{#section.subsection name="Gutter menu"}}
|
|
|
|
|
{{freestyle/sg-gutter-menu}}
|
2018-01-17 00:13:47 +00:00
|
|
|
{{/section.subsection}}
|
2018-06-30 06:36:40 +00:00
|
|
|
|
2018-01-17 00:13:47 +00:00
|
|
|
{{#section.subsection name="Header"}}
|
2018-06-30 07:18:14 +00:00
|
|
|
{{freestyle/sg-header}}
|
2018-01-17 00:13:47 +00:00
|
|
|
{{/section.subsection}}
|
2018-06-30 07:18:14 +00:00
|
|
|
|
2018-01-17 00:13:47 +00:00
|
|
|
{{#section.subsection name="Inline definitions"}}
|
2018-06-30 08:10:36 +00:00
|
|
|
{{freestyle/sg-inline-definitions}}
|
2018-01-17 00:13:47 +00:00
|
|
|
{{/section.subsection}}
|
2018-06-30 18:31:17 +00:00
|
|
|
|
2018-01-17 00:13:47 +00:00
|
|
|
{{#section.subsection name="JSON Viewer"}}
|
2018-06-30 18:31:17 +00:00
|
|
|
{{freestyle/sg-json-viewer}}
|
2018-01-17 00:13:47 +00:00
|
|
|
{{/section.subsection}}
|
2018-06-30 18:31:17 +00:00
|
|
|
|
2018-01-17 00:13:47 +00:00
|
|
|
{{#section.subsection name="Log Stream"}}
|
2018-07-02 22:33:37 +00:00
|
|
|
{{freestyle/sg-log-stream}}
|
2018-01-17 00:13:47 +00:00
|
|
|
{{/section.subsection}}
|
2018-07-02 22:33:37 +00:00
|
|
|
|
2018-07-02 23:19:01 +00:00
|
|
|
{{#section.subsection name="Metrics"}}
|
|
|
|
|
{{freestyle/sg-metrics}}
|
2018-01-17 00:13:47 +00:00
|
|
|
{{/section.subsection}}
|
2018-07-02 23:19:01 +00:00
|
|
|
|
2018-01-17 00:13:47 +00:00
|
|
|
{{#section.subsection name="Page tabs"}}
|
2018-07-02 23:36:26 +00:00
|
|
|
{{freestyle/sg-page-tabs}}
|
2018-01-17 00:13:47 +00:00
|
|
|
{{/section.subsection}}
|
2018-07-02 23:36:26 +00:00
|
|
|
|
2018-01-17 00:13:47 +00:00
|
|
|
{{#section.subsection name="Page title"}}
|
2018-07-03 00:19:39 +00:00
|
|
|
{{freestyle/sg-page-title}}
|
2018-01-17 00:13:47 +00:00
|
|
|
{{/section.subsection}}
|
2018-07-03 00:19:39 +00:00
|
|
|
|
2018-01-17 00:13:47 +00:00
|
|
|
{{#section.subsection name="Search box"}}
|
2018-07-03 00:37:38 +00:00
|
|
|
{{freestyle/sg-search-box}}
|
2018-01-17 00:13:47 +00:00
|
|
|
{{/section.subsection}}
|
2018-07-03 19:30:34 +00:00
|
|
|
|
2018-01-17 00:13:47 +00:00
|
|
|
{{#section.subsection name="Table"}}
|
2018-07-03 19:30:34 +00:00
|
|
|
{{freestyle/sg-table
|
|
|
|
|
sortProperty=sortProperty
|
|
|
|
|
sortDescending=sortDescending
|
|
|
|
|
currentPage=currentPage}}
|
2018-01-17 00:13:47 +00:00
|
|
|
{{/section.subsection}}
|
2018-07-03 19:30:34 +00:00
|
|
|
|
2018-01-17 00:13:47 +00:00
|
|
|
{{#section.subsection name="Table, Configuration"}}
|
2018-07-03 20:06:39 +00:00
|
|
|
{{freestyle/sg-table-configuration}}
|
2018-01-17 00:13:47 +00:00
|
|
|
{{/section.subsection}}
|
2018-06-30 01:33:23 +00:00
|
|
|
|
|
|
|
|
{{#section.subsection name="Timeline"}}
|
|
|
|
|
{{freestyle/sg-timeline}}
|
|
|
|
|
{{/section.subsection}}
|
2018-07-03 20:57:09 +00:00
|
|
|
|
|
|
|
|
{{#section.subsection name="Two-step Button"}}
|
|
|
|
|
{{/section.subsection}}
|
2018-01-17 00:13:47 +00:00
|
|
|
{{/freestyle-section}}
|
2017-09-19 14:47:10 +00:00
|
|
|
|
2018-01-17 00:13:47 +00:00
|
|
|
{{#freestyle-section name="Charts" as |section|}}
|
|
|
|
|
{{#section.subsection name="Distribution Bar"}}
|
|
|
|
|
{{freestyle/sg-distribution-bar}}
|
|
|
|
|
{{/section.subsection}}
|
2017-09-19 14:47:10 +00:00
|
|
|
|
2018-01-17 00:13:47 +00:00
|
|
|
{{#section.subsection name="Jumbo Distribution Bar"}}
|
|
|
|
|
{{freestyle/sg-distribution-bar-jumbo}}
|
|
|
|
|
{{/section.subsection}}
|
2017-09-19 14:47:10 +00:00
|
|
|
|
2018-01-17 00:13:47 +00:00
|
|
|
{{#section.subsection name="Progress Bar"}}
|
2018-07-03 20:54:00 +00:00
|
|
|
{{freestyle/sg-progress-bar}}
|
2018-01-17 00:13:47 +00:00
|
|
|
{{/section.subsection}}
|
2017-09-19 14:47:10 +00:00
|
|
|
{{/freestyle-section}}
|
2018-01-17 00:13:47 +00:00
|
|
|
{{/freestyle-guide}}
|
2017-09-19 14:47:10 +00:00
|
|
|
</div>
|
2018-01-17 00:13:47 +00:00
|
|
|
|
