diff --git a/docs/CNAME b/docs/CNAME
deleted file mode 100644
index 2de594a..0000000
--- a/docs/CNAME
+++ /dev/null
@@ -1 +0,0 @@
-vitaluikit.com
\ No newline at end of file
diff --git a/docs/components.html b/docs/components.html
index 6478058..4f72412 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -1,4 +1,4 @@
-<!doctype html><html lang="zh-TW" class="fabricator"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"><meta name="keywords" content="GSS, UI kit, Vital, UI design, web applications"><meta name="description" content="Vital UI Kit, a graceful and customizable front-end UI kit for web development. - by Galaxy Software Services"><meta property="og:title" content="Vital UI Kit"><meta property="og:image" content="https://raw.githubusercontent.com/GSS-FED/vital-ui-kit/develop/assets/img/icon.png"><meta property="og:site_name" content="Vital UI Kit"><meta property="og:type" content="object"><meta property="og:url" content="https://gss-fed.github.io/vital-ui-kit/"><meta property="og:description" content="Vital UI Kit, a graceful and customizable front-end UI kit for web development. - by Galaxy Software Services"><title>Components | Vital UI Kit</title><link rel="icon" href="https://raw.githubusercontent.com/GSS-FED/vital-ui-kit/develop/assets/img/icon.png"><link rel="shortcut icon" href="https://raw.githubusercontent.com/GSS-FED/vital-ui-kit/develop/assets/img/icon.png"><link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet"><link rel="stylesheet" href="./css/vital-ui-kit.css"><link rel="stylesheet" href="./css/styleguide.css"></head><body><nav class="nav-wrapper"><div class="nav-menu"><a class="logo" href="index.html"></a><a class="is-active" href="getting-started.html">Documentation</a><a class="" href="template.html">Examples</a><a class="" href="kendo-demo.html"><span>Kendo theme</span></a><a class="" href="react.html">React Version</a><a href="https://uwillx.com/" target="_blank">Contact</a></div><div class="nav-dropdown-wrapper download-wrapper"><a class="nav-dropdown-toggle" href="https://github.com/GSS-FED/vital-ui-kit/archive/build.zip">下載 UI KIT</a></div></nav><svg style="display: none;"><symbol id="f-icon-code" viewBox="0 0 512 512"><path d="M377.3 121.3l-40.5 40.4 94.4 94.3-94.4 94.3 40.5 40.4L512 256zM134.7 121.3L0 256l134.7 134.7 40.5-40.4L80.8 256l94.4-94.3zM281.8 103.8zM230.183 408.16l-29.233-7.97 80.85-296.484 29.234 7.972z"/></symbol><symbol id="f-icon-notes" viewBox="0 0 512 512"><path d="M443.8 0H68.2C30.6 0 0 30.5 0 68v264.2c0 16.6 8.9 29.5 25.9 37.5 15.3 7.2 33.1 8.4 40.1 8.5V512l201.6-134h176.1c37.6 0 68.2-30.3 68.2-67.8V68c.1-37.5-30.5-68-68.1-68zM114 438V330H68.2c-11.1 0-19.2-8.8-19.2-19.8V68c0-11 8.2-20 19.2-20h375.5c11.1 0 19.2 9 19.2 20v242.2c0 11-8.2 19.8-19.2 19.8H244.2L114 438z"/></symbol><symbol id="f-icon-labels" viewBox="0 0 512 512"><path d="M304 280c0 13.2-10.8 24-24 24h-48c-13.2 0-24-10.8-24-24v-48c0-13.2 10.8-24 24-24h48c13.2 0 24 10.8 24 24v48zM464 280c0 13.2-10.8 24-24 24h-48c-13.2 0-24-10.8-24-24v-48c0-13.2 10.8-24 24-24h48c13.2 0 24 10.8 24 24v48zM144 280c0 13.2-10.8 24-24 24H72c-13.2 0-24-10.8-24-24v-48c0-13.2 10.8-24 24-24h48c13.2 0 24 10.8 24 24v48z"/></symbol><symbol id="f-icon-menu" viewBox="0 0 512 512"><path d="M512 100c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12V76c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24zM512 212c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12v-24c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24zM512 324c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12v-24c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24zM512 436c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12v-24c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24z"/></symbol><symbol id="f-icon-settings" viewBox="0 0 512 512"><path d="M256 377.3c-67.5 0-121.6-53.9-121.6-121.3s54-121.3 121.6-121.3S377.6 188.6 377.6 256 323.5 377.3 256 377.3zm0-215.6c-52.7 0-94.6 41.8-94.6 94.3s41.9 94.3 94.6 94.3 94.6-41.8 94.6-94.3-41.9-94.3-94.6-94.3zM293.2 512h-72.9L200 450c-13.5-4-27-9.4-39.2-16.2l-59.4 29.6L50 412.3 79.7 353c-6.8-12.1-12.2-25.6-16.2-39.1L0 292.4v-72.8l62.1-20.2c4.1-13.5 9.5-26.9 16.2-39.1L48.6 101 100 49.9l59.4 29.6c12.2-6.7 25.7-12.1 39.2-16.2L220.2 0h72.9l20.3 62c13.5 4 27 9.4 39.2 16.2L412 48.5l51.3 51.2-29.7 59.3c6.8 12.1 12.2 25.6 16.2 39.1l62.1 20.2V291l-62.1 20.2c-4.1 13.5-9.5 26.9-16.2 39.1l29.7 59.3-51.3 51.2-59.4-29.6c-12.2 6.7-25.7 12.1-39.2 16.2L293.2 512zm-54.1-26.9h35.1l18.9-57.9 6.8-1.3c16.2-4 31.1-10.8 45.9-18.9l6.8-4 54 26.9 24.3-24.3-27-53.9 4.1-6.7c8.1-13.5 14.9-29.6 18.9-45.8l1.4-6.7 58.1-18.9v-35l-58.1-18.9-1.4-6.7c-4.1-16.2-10.8-31-18.9-45.8l-4.1-6.7 27-53.9-24.3-24.3-54 26.9-6.8-4c-14.8-8.2-29.7-14.9-45.9-19l-6.8-1.3L274.2 27h-35.1l-18.9 57.9-6.8 1.3c-16.2 4-31.1 10.8-45.9 18.9l-6.8 4-54-26.9-24.3 24.3 27 53.9-4.1 6.7c-8.1 13.5-14.9 29.6-18.9 45.8l-1.4 6.7-58 18.9v35l58.1 18.9 1.4 6.7c4.1 16.2 10.8 31 18.9 45.8l4.1 6.7-27 53.9 24.3 24.3 54-26.9 6.8 4c14.9 8.1 29.7 14.8 45.9 18.9l6.8 1.3 18.8 58z"/></symbol></svg><div class="f-menu"><div class="f-controls"><div class="f-control f-global-control" data-f-toggle-control="labels" title="Toggle Labels"><svg><use xlink:href="#f-icon-labels"/></svg></div><div class="f-control f-global-control" data-f-toggle-control="notes" title="Toggle Notes"><svg><use xlink:href="#f-icon-notes"/></svg></div><div class="f-control f-global-control" data-f-toggle-control="code" title="Toggle Code"><svg><use xlink:href="#f-icon-code"/></svg></div></div><ul><li><a href="index.html" class="f-menu__heading">Home</a></li><li><a href="getting-started.html" class="f-menu__heading">Getting Started</a></li><li><a href="components.html" class="f-menu__heading">Components</a><ul><li><a href="components.html#breadcrumbs">Breadcrumbs</a></li><li><a href="components.html#buttons">Buttons</a></li><li><a href="components.html#cards">Cards</a></li><li><a href="components.html#checkbox">Checkbox</a></li><li><a href="components.html#collapse">Collapse</a></li><li><a href="components.html#forms">Forms</a></li><li><a href="components.html#inputs">Inputs</a></li><li><a href="components.html#list-group">List Group</a></li><li><a href="components.html#menu">Menu</a></li><li><a href="components.html#pagination">Pagination</a></li><li><a href="components.html#radio">Radio</a></li><li><a href="components.html#switch">Switch</a></li><li><a href="components.html#table">Table</a></li><li><a href="components.html#tabs">Tabs</a></li><li><a href="components.html#tooltip">Tooltip</a></li></ul></li><li><a href="utilities.html" class="f-menu__heading">Utilities</a><ul><li><a href="utilities.html#Typography">Typography</a></li><li><a href="utilities.html#avatar">Avatar</a></li><li><a href="utilities.html#clearfix">Clearfix</a></li><li><a href="utilities.html#float">Float</a></li><li><a href="utilities.html#grid-system">Grid System</a></li><li><a href="utilities.html#scrollable">Scrollable</a></li><li><a href="utilities.html#shadow">Shadow</a></li><li><a href="utilities.html#text-align">Text Align</a></li></ul></li></ul></div><div class="f-container"><div class="f-control-bar"><div class="f-control f-menu-toggle"><svg><use xlink:href="#f-icon-menu"/></svg></div></div><h1 class="f-labels" data-f-toggle="labels">Components</h1><div class="f-item-group" id="breadcrumbs"><div class="f-item-heading-group"><h2 class="f-item-heading" data-f-toggle="labels"><a href="#breadcrumbs">Breadcrumbs</a></h2></div><div class="f-item-group" id="breadcrumbs.01-basic"><div class="f-item-heading-group" data-f-toggle="labels"><h3 class="f-item-heading"><a href="#breadcrumbs.01-basic">Basic</a></h3><div class="f-item-controls"><span class="f-control f-icon" data-f-toggle-control="notes" title="Toggle Notes"><svg><use xlink:href="#f-icon-notes"/></svg></span><span class="f-control f-icon" data-f-toggle-control="code" title="Toggle Code"><svg><use xlink:href="#f-icon-code"/></svg></span></div></div><div class="f-item-notes" data-f-toggle="notes"><p>A standard breadcrumb</p></div><div class="f-item-preview"><div class="sg-breadcrumb"><div class="sg-breadcrumb-border"><div class="sg-breadcrumb--section"><i class="icon-home"></i></div><div class="icon-caret-right"></div><div class="sg-breadcrumb--section"><i class="icon-calendar"></i>Schedule</div><div class="icon-caret-right"></div><div class="sg-breadcrumb--link-wrap"><a href="#" class="sg-breadcrumb--link"><i class="icon-users"></i>Meeting</a><ul class="sg-sub-menu"><li><a href="#" class="sg-sub-menu-item"><i class="icon-briefcase"></i>Work</a></li><li><a href="#" class="sg-sub-menu-item"><i class="icon-users"></i>Meeting</a></li><li><a href="#" class="sg-sub-menu-item"><i class="icon-envelope"></i>Mail Check</a></li></ul></div><div class="icon-caret-right"></div><div class="active sg-breadcrumb--section"><i class="icon-bar-chart"></i>Chart</div></div></div></div><div class="f-item-code f-item-hidden" data-f-toggle="code"><pre><code class="language-markup">&lt;div class&#x3D;&quot;sg-breadcrumb&quot;&gt;
+<!doctype html><html lang="zh-TW" class="fabricator"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"><meta name="keywords" content="GSS, UI kit, Vital, UI design, web applications"><meta name="description" content="Vital UI Kit, a graceful and customizable front-end UI kit for web development. - by Galaxy Software Services"><meta property="og:title" content="Vital UI Kit"><meta property="og:image" content="https://raw.githubusercontent.com/GSS-FED/vital-ui-kit/develop/assets/img/icon.png"><meta property="og:site_name" content="Vital UI Kit"><meta property="og:type" content="object"><meta property="og:url" content="https://gss-fed.github.io/vital-ui-kit/"><meta property="og:description" content="Vital UI Kit, a graceful and customizable front-end UI kit for web development. - by Galaxy Software Services"><title>Components | Vital UI Kit</title><link rel="icon" href="https://raw.githubusercontent.com/GSS-FED/vital-ui-kit/develop/assets/img/icon.png"><link rel="shortcut icon" href="https://raw.githubusercontent.com/GSS-FED/vital-ui-kit/develop/assets/img/icon.png"><link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet"><link rel="stylesheet" href="./css/vital-ui-kit.css"><link rel="stylesheet" href="./css/styleguide.css"></head><body><nav class="nav-wrapper"><div class="nav-menu"><a class="logo" href="index.html"></a><a class="is-active" href="getting-started.html">Documentation</a><a class="" href="template.html">Examples</a><a class="" href="kendo-demo.html"><span>Kendo theme</span></a><a class="" href="react.html">React Version</a><a href="https://uwillx.com/" target="_blank">Contact</a></div><div class="nav-dropdown-wrapper download-wrapper"><a class="nav-dropdown-toggle" href="https://github.com/GSS-FED/vital-ui-kit/archive/build.zip">下載 UI KIT</a></div></nav><svg style="display: none;"><symbol id="f-icon-code" viewBox="0 0 512 512"><path d="M377.3 121.3l-40.5 40.4 94.4 94.3-94.4 94.3 40.5 40.4L512 256zM134.7 121.3L0 256l134.7 134.7 40.5-40.4L80.8 256l94.4-94.3zM281.8 103.8zM230.183 408.16l-29.233-7.97 80.85-296.484 29.234 7.972z"/></symbol><symbol id="f-icon-notes" viewBox="0 0 512 512"><path d="M443.8 0H68.2C30.6 0 0 30.5 0 68v264.2c0 16.6 8.9 29.5 25.9 37.5 15.3 7.2 33.1 8.4 40.1 8.5V512l201.6-134h176.1c37.6 0 68.2-30.3 68.2-67.8V68c.1-37.5-30.5-68-68.1-68zM114 438V330H68.2c-11.1 0-19.2-8.8-19.2-19.8V68c0-11 8.2-20 19.2-20h375.5c11.1 0 19.2 9 19.2 20v242.2c0 11-8.2 19.8-19.2 19.8H244.2L114 438z"/></symbol><symbol id="f-icon-labels" viewBox="0 0 512 512"><path d="M304 280c0 13.2-10.8 24-24 24h-48c-13.2 0-24-10.8-24-24v-48c0-13.2 10.8-24 24-24h48c13.2 0 24 10.8 24 24v48zM464 280c0 13.2-10.8 24-24 24h-48c-13.2 0-24-10.8-24-24v-48c0-13.2 10.8-24 24-24h48c13.2 0 24 10.8 24 24v48zM144 280c0 13.2-10.8 24-24 24H72c-13.2 0-24-10.8-24-24v-48c0-13.2 10.8-24 24-24h48c13.2 0 24 10.8 24 24v48z"/></symbol><symbol id="f-icon-menu" viewBox="0 0 512 512"><path d="M512 100c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12V76c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24zM512 212c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12v-24c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24zM512 324c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12v-24c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24zM512 436c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12v-24c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24z"/></symbol><symbol id="f-icon-settings" viewBox="0 0 512 512"><path d="M256 377.3c-67.5 0-121.6-53.9-121.6-121.3s54-121.3 121.6-121.3S377.6 188.6 377.6 256 323.5 377.3 256 377.3zm0-215.6c-52.7 0-94.6 41.8-94.6 94.3s41.9 94.3 94.6 94.3 94.6-41.8 94.6-94.3-41.9-94.3-94.6-94.3zM293.2 512h-72.9L200 450c-13.5-4-27-9.4-39.2-16.2l-59.4 29.6L50 412.3 79.7 353c-6.8-12.1-12.2-25.6-16.2-39.1L0 292.4v-72.8l62.1-20.2c4.1-13.5 9.5-26.9 16.2-39.1L48.6 101 100 49.9l59.4 29.6c12.2-6.7 25.7-12.1 39.2-16.2L220.2 0h72.9l20.3 62c13.5 4 27 9.4 39.2 16.2L412 48.5l51.3 51.2-29.7 59.3c6.8 12.1 12.2 25.6 16.2 39.1l62.1 20.2V291l-62.1 20.2c-4.1 13.5-9.5 26.9-16.2 39.1l29.7 59.3-51.3 51.2-59.4-29.6c-12.2 6.7-25.7 12.1-39.2 16.2L293.2 512zm-54.1-26.9h35.1l18.9-57.9 6.8-1.3c16.2-4 31.1-10.8 45.9-18.9l6.8-4 54 26.9 24.3-24.3-27-53.9 4.1-6.7c8.1-13.5 14.9-29.6 18.9-45.8l1.4-6.7 58.1-18.9v-35l-58.1-18.9-1.4-6.7c-4.1-16.2-10.8-31-18.9-45.8l-4.1-6.7 27-53.9-24.3-24.3-54 26.9-6.8-4c-14.8-8.2-29.7-14.9-45.9-19l-6.8-1.3L274.2 27h-35.1l-18.9 57.9-6.8 1.3c-16.2 4-31.1 10.8-45.9 18.9l-6.8 4-54-26.9-24.3 24.3 27 53.9-4.1 6.7c-8.1 13.5-14.9 29.6-18.9 45.8l-1.4 6.7-58 18.9v35l58.1 18.9 1.4 6.7c4.1 16.2 10.8 31 18.9 45.8l4.1 6.7-27 53.9 24.3 24.3 54-26.9 6.8 4c14.9 8.1 29.7 14.8 45.9 18.9l6.8 1.3 18.8 58z"/></symbol></svg><div class="f-menu"><div class="f-controls"><div class="f-control f-global-control" data-f-toggle-control="labels" title="Toggle Labels"><svg><use xlink:href="#f-icon-labels"/></svg></div><div class="f-control f-global-control" data-f-toggle-control="notes" title="Toggle Notes"><svg><use xlink:href="#f-icon-notes"/></svg></div><div class="f-control f-global-control" data-f-toggle-control="code" title="Toggle Code"><svg><use xlink:href="#f-icon-code"/></svg></div></div><ul><li><a href="index.html" class="f-menu__heading">Home</a></li><li><a href="getting-started.html" class="f-menu__heading">Getting Started</a></li><li><a href="components.html" class="f-menu__heading">Components</a><ul><li><a href="components.html#breadcrumbs">Breadcrumbs</a></li><li><a href="components.html#buttons">Buttons</a></li><li><a href="components.html#cards">Cards</a></li><li><a href="components.html#checkbox">Checkbox</a></li><li><a href="components.html#collapse">Collapse</a></li><li><a href="components.html#forms">Forms</a></li><li><a href="components.html#inputs">Inputs</a></li><li><a href="components.html#list-group">List Group</a></li><li><a href="components.html#menu">Menu</a></li><li><a href="components.html#pagination">Pagination</a></li><li><a href="components.html#radio">Radio</a></li><li><a href="components.html#switch">Switch</a></li><li><a href="components.html#table">Table</a></li><li><a href="components.html#tabs">Tabs</a></li><li><a href="components.html#tooltip">Tooltip</a></li></ul></li><li><a href="utilities.html" class="f-menu__heading">Utilities</a><ul><li><a href="utilities.html#avatar">Avatar</a></li><li><a href="utilities.html#clearfix">Clearfix</a></li><li><a href="utilities.html#float">Float</a></li><li><a href="utilities.html#grid-system">Grid System</a></li><li><a href="utilities.html#scrollable">Scrollable</a></li><li><a href="utilities.html#shadow">Shadow</a></li><li><a href="utilities.html#text-align">Text Align</a></li><li><a href="utilities.html#typography">Typography</a></li></ul></li></ul></div><div class="f-container"><div class="f-control-bar"><div class="f-control f-menu-toggle"><svg><use xlink:href="#f-icon-menu"/></svg></div></div><h1 class="f-labels" data-f-toggle="labels">Components</h1><div class="f-item-group" id="breadcrumbs"><div class="f-item-heading-group"><h2 class="f-item-heading" data-f-toggle="labels"><a href="#breadcrumbs">Breadcrumbs</a></h2></div><div class="f-item-group" id="breadcrumbs.01-basic"><div class="f-item-heading-group" data-f-toggle="labels"><h3 class="f-item-heading"><a href="#breadcrumbs.01-basic">Basic</a></h3><div class="f-item-controls"><span class="f-control f-icon" data-f-toggle-control="notes" title="Toggle Notes"><svg><use xlink:href="#f-icon-notes"/></svg></span><span class="f-control f-icon" data-f-toggle-control="code" title="Toggle Code"><svg><use xlink:href="#f-icon-code"/></svg></span></div></div><div class="f-item-notes" data-f-toggle="notes"><p>A standard breadcrumb</p></div><div class="f-item-preview"><div class="sg-breadcrumb"><div class="sg-breadcrumb-border"><div class="sg-breadcrumb--section"><i class="icon-home"></i></div><div class="icon-caret-right"></div><div class="sg-breadcrumb--section"><i class="icon-calendar"></i>Schedule</div><div class="icon-caret-right"></div><div class="sg-breadcrumb--link-wrap"><a href="#" class="sg-breadcrumb--link"><i class="icon-users"></i>Meeting</a><ul class="sg-sub-menu"><li><a href="#" class="sg-sub-menu-item"><i class="icon-briefcase"></i>Work</a></li><li><a href="#" class="sg-sub-menu-item"><i class="icon-users"></i>Meeting</a></li><li><a href="#" class="sg-sub-menu-item"><i class="icon-envelope"></i>Mail Check</a></li></ul></div><div class="icon-caret-right"></div><div class="active sg-breadcrumb--section"><i class="icon-bar-chart"></i>Chart</div></div></div></div><div class="f-item-code f-item-hidden" data-f-toggle="code"><pre><code class="language-markup">&lt;div class&#x3D;&quot;sg-breadcrumb&quot;&gt;
 	&lt;div class&#x3D;&quot;sg-breadcrumb-border&quot;&gt;
 		&lt;div class&#x3D;&quot;sg-breadcrumb--section&quot;&gt;&lt;i class&#x3D;&quot;icon-home&quot;&gt;&lt;/i&gt;&lt;/div&gt;
 		&lt;div class&#x3D;&quot;icon-caret-right&quot;&gt;&lt;/div&gt;
diff --git a/docs/css/kendo.custom.vital-ui-kit.css b/docs/css/kendo.custom.vital-ui-kit.css
index f9fe3c2..f190f92 100644
--- a/docs/css/kendo.custom.vital-ui-kit.css
+++ b/docs/css/kendo.custom.vital-ui-kit.css
@@ -1,7 +1,7 @@
 /*******************************************
  * Copyright © 2018 Galaxy Software Services
  *
- * vital-ui-kit, v1.0.0
+ * @gssfed/vital-ui-kit, v1.0.0
  * UI Kit for GSS Vital Family
  *
  * By Neil Lin (https://github.com/Neil-Lin),Patric,Laura Lee (https://github.com/l443018),Eric Yip (https://github.com/ericyip),Vibrissa (https://github.com/Vibrissa),YuRu Lee (https://github.com/YuRu-Lee),CJies Tan (https://github.com/cjies),Evan Wu (https://github.com/evanwu-tw)
diff --git a/docs/css/styleguide.css b/docs/css/styleguide.css
index 7807f21..4c7ca75 100755
--- a/docs/css/styleguide.css
+++ b/docs/css/styleguide.css
@@ -1,7 +1,7 @@
 /*******************************************
  * Copyright © 2018 Galaxy Software Services
  *
- * vital-ui-kit, v1.0.0
+ * @gssfed/vital-ui-kit, v1.0.0
  * UI Kit for GSS Vital Family
  *
  * By Neil Lin (https://github.com/Neil-Lin),Patric,Laura Lee (https://github.com/l443018),Eric Yip (https://github.com/ericyip),Vibrissa (https://github.com/Vibrissa),YuRu Lee (https://github.com/YuRu-Lee),CJies Tan (https://github.com/cjies),Evan Wu (https://github.com/evanwu-tw)
diff --git a/docs/css/vital-ui-kit.css b/docs/css/vital-ui-kit.css
index 5794389..2ee8604 100644
--- a/docs/css/vital-ui-kit.css
+++ b/docs/css/vital-ui-kit.css
@@ -1,7 +1,7 @@
 /*******************************************
  * Copyright © 2018 Galaxy Software Services
  *
- * vital-ui-kit, v1.0.0
+ * @gssfed/vital-ui-kit, v1.0.0
  * UI Kit for GSS Vital Family
  *
  * By Neil Lin (https://github.com/Neil-Lin),Patric,Laura Lee (https://github.com/l443018),Eric Yip (https://github.com/ericyip),Vibrissa (https://github.com/Vibrissa),YuRu Lee (https://github.com/YuRu-Lee),CJies Tan (https://github.com/cjies),Evan Wu (https://github.com/evanwu-tw)
diff --git a/docs/design.html b/docs/design.html
index 84e84b9..39becce 100644
--- a/docs/design.html
+++ b/docs/design.html
@@ -1,4 +1,4 @@
-<!doctype html><html lang="zh-TW" class="fabricator"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"><meta name="keywords" content="GSS, UI kit, Vital, UI design, web applications"><meta name="description" content="Vital UI Kit, a graceful and customizable front-end UI kit for web development. - by Galaxy Software Services"><meta property="og:title" content="Vital UI Kit"><meta property="og:image" content="https://raw.githubusercontent.com/GSS-FED/vital-ui-kit/develop/assets/img/icon.png"><meta property="og:site_name" content="Vital UI Kit"><meta property="og:type" content="object"><meta property="og:url" content="https://gss-fed.github.io/vital-ui-kit/"><meta property="og:description" content="Vital UI Kit, a graceful and customizable front-end UI kit for web development. - by Galaxy Software Services"><title>Design | Vital UI Kit</title><link rel="icon" href="https://raw.githubusercontent.com/GSS-FED/vital-ui-kit/develop/assets/img/icon.png"><link rel="shortcut icon" href="https://raw.githubusercontent.com/GSS-FED/vital-ui-kit/develop/assets/img/icon.png"><link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet"><link rel="stylesheet" href="./css/vital-ui-kit.css"><link rel="stylesheet" href="./css/styleguide.css"></head><body><nav class="nav-wrapper"><div class="nav-menu"><a class="logo" href="index.html"></a><a class="is-active" href="getting-started.html">Documentation</a><a class="" href="template.html">Examples</a><a class="" href="kendo-demo.html"><span>Kendo theme</span></a><a class="" href="react.html">React Version</a><a href="https://uwillx.com/" target="_blank">Contact</a></div><div class="nav-dropdown-wrapper download-wrapper"><a class="nav-dropdown-toggle" href="https://github.com/GSS-FED/vital-ui-kit/archive/build.zip">下載 UI KIT</a></div></nav><svg style="display: none;"><symbol id="f-icon-code" viewBox="0 0 512 512"><path d="M377.3 121.3l-40.5 40.4 94.4 94.3-94.4 94.3 40.5 40.4L512 256zM134.7 121.3L0 256l134.7 134.7 40.5-40.4L80.8 256l94.4-94.3zM281.8 103.8zM230.183 408.16l-29.233-7.97 80.85-296.484 29.234 7.972z"/></symbol><symbol id="f-icon-notes" viewBox="0 0 512 512"><path d="M443.8 0H68.2C30.6 0 0 30.5 0 68v264.2c0 16.6 8.9 29.5 25.9 37.5 15.3 7.2 33.1 8.4 40.1 8.5V512l201.6-134h176.1c37.6 0 68.2-30.3 68.2-67.8V68c.1-37.5-30.5-68-68.1-68zM114 438V330H68.2c-11.1 0-19.2-8.8-19.2-19.8V68c0-11 8.2-20 19.2-20h375.5c11.1 0 19.2 9 19.2 20v242.2c0 11-8.2 19.8-19.2 19.8H244.2L114 438z"/></symbol><symbol id="f-icon-labels" viewBox="0 0 512 512"><path d="M304 280c0 13.2-10.8 24-24 24h-48c-13.2 0-24-10.8-24-24v-48c0-13.2 10.8-24 24-24h48c13.2 0 24 10.8 24 24v48zM464 280c0 13.2-10.8 24-24 24h-48c-13.2 0-24-10.8-24-24v-48c0-13.2 10.8-24 24-24h48c13.2 0 24 10.8 24 24v48zM144 280c0 13.2-10.8 24-24 24H72c-13.2 0-24-10.8-24-24v-48c0-13.2 10.8-24 24-24h48c13.2 0 24 10.8 24 24v48z"/></symbol><symbol id="f-icon-menu" viewBox="0 0 512 512"><path d="M512 100c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12V76c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24zM512 212c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12v-24c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24zM512 324c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12v-24c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24zM512 436c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12v-24c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24z"/></symbol><symbol id="f-icon-settings" viewBox="0 0 512 512"><path d="M256 377.3c-67.5 0-121.6-53.9-121.6-121.3s54-121.3 121.6-121.3S377.6 188.6 377.6 256 323.5 377.3 256 377.3zm0-215.6c-52.7 0-94.6 41.8-94.6 94.3s41.9 94.3 94.6 94.3 94.6-41.8 94.6-94.3-41.9-94.3-94.6-94.3zM293.2 512h-72.9L200 450c-13.5-4-27-9.4-39.2-16.2l-59.4 29.6L50 412.3 79.7 353c-6.8-12.1-12.2-25.6-16.2-39.1L0 292.4v-72.8l62.1-20.2c4.1-13.5 9.5-26.9 16.2-39.1L48.6 101 100 49.9l59.4 29.6c12.2-6.7 25.7-12.1 39.2-16.2L220.2 0h72.9l20.3 62c13.5 4 27 9.4 39.2 16.2L412 48.5l51.3 51.2-29.7 59.3c6.8 12.1 12.2 25.6 16.2 39.1l62.1 20.2V291l-62.1 20.2c-4.1 13.5-9.5 26.9-16.2 39.1l29.7 59.3-51.3 51.2-59.4-29.6c-12.2 6.7-25.7 12.1-39.2 16.2L293.2 512zm-54.1-26.9h35.1l18.9-57.9 6.8-1.3c16.2-4 31.1-10.8 45.9-18.9l6.8-4 54 26.9 24.3-24.3-27-53.9 4.1-6.7c8.1-13.5 14.9-29.6 18.9-45.8l1.4-6.7 58.1-18.9v-35l-58.1-18.9-1.4-6.7c-4.1-16.2-10.8-31-18.9-45.8l-4.1-6.7 27-53.9-24.3-24.3-54 26.9-6.8-4c-14.8-8.2-29.7-14.9-45.9-19l-6.8-1.3L274.2 27h-35.1l-18.9 57.9-6.8 1.3c-16.2 4-31.1 10.8-45.9 18.9l-6.8 4-54-26.9-24.3 24.3 27 53.9-4.1 6.7c-8.1 13.5-14.9 29.6-18.9 45.8l-1.4 6.7-58 18.9v35l58.1 18.9 1.4 6.7c4.1 16.2 10.8 31 18.9 45.8l4.1 6.7-27 53.9 24.3 24.3 54-26.9 6.8 4c14.9 8.1 29.7 14.8 45.9 18.9l6.8 1.3 18.8 58z"/></symbol></svg><div class="f-menu"><div class="f-controls"><div class="f-control f-global-control" data-f-toggle-control="labels" title="Toggle Labels"><svg><use xlink:href="#f-icon-labels"/></svg></div><div class="f-control f-global-control" data-f-toggle-control="notes" title="Toggle Notes"><svg><use xlink:href="#f-icon-notes"/></svg></div><div class="f-control f-global-control" data-f-toggle-control="code" title="Toggle Code"><svg><use xlink:href="#f-icon-code"/></svg></div></div><ul><li><a href="index.html" class="f-menu__heading">Home</a></li><li><a href="getting-started.html" class="f-menu__heading">Getting Started</a></li><li><a href="components.html" class="f-menu__heading">Components</a><ul><li><a href="components.html#breadcrumbs">Breadcrumbs</a></li><li><a href="components.html#buttons">Buttons</a></li><li><a href="components.html#cards">Cards</a></li><li><a href="components.html#checkbox">Checkbox</a></li><li><a href="components.html#collapse">Collapse</a></li><li><a href="components.html#forms">Forms</a></li><li><a href="components.html#inputs">Inputs</a></li><li><a href="components.html#list-group">List Group</a></li><li><a href="components.html#menu">Menu</a></li><li><a href="components.html#pagination">Pagination</a></li><li><a href="components.html#radio">Radio</a></li><li><a href="components.html#switch">Switch</a></li><li><a href="components.html#table">Table</a></li><li><a href="components.html#tabs">Tabs</a></li><li><a href="components.html#tooltip">Tooltip</a></li></ul></li><li><a href="utilities.html" class="f-menu__heading">Utilities</a><ul><li><a href="utilities.html#Typography">Typography</a></li><li><a href="utilities.html#avatar">Avatar</a></li><li><a href="utilities.html#clearfix">Clearfix</a></li><li><a href="utilities.html#float">Float</a></li><li><a href="utilities.html#grid-system">Grid System</a></li><li><a href="utilities.html#scrollable">Scrollable</a></li><li><a href="utilities.html#shadow">Shadow</a></li><li><a href="utilities.html#text-align">Text Align</a></li></ul></li></ul></div><div class="f-container"><div class="f-control-bar"><div class="f-control f-menu-toggle"><svg><use xlink:href="#f-icon-menu"/></svg></div></div><h1 class="f-labels" data-f-toggle="labels">Design</h1><div class="f-item-group"><div class="f-item-heading-group"><h2 class="f-item-heading">Color</h2></div><div class="f-color-chips"><div class="f-color-chip"><div class="f-color-chip__name">$c-white</div><div class="f-color-chip__color">#fefefe</div></div><div class="f-color-chip"><div class="f-color-chip__name">$c-black</div><div class="f-color-chip__color">#0d0d0d</div></div></div><div class="f-color-chips"><div class="f-color-chip"><div class="f-color-chip__name">$c-gray-dark</div><div class="f-color-chip__color">#555555</div></div><div class="f-color-chip"><div class="f-color-chip__name">$c-gray</div><div class="f-color-chip__color">#aaaaaa</div></div><div class="f-color-chip"><div class="f-color-chip__name">$c-gray-light</div><div class="f-color-chip__color">#dddddd</div></div></div><div class="f-color-chips"><div class="f-color-chip"><div class="f-color-chip__name">$c-brand</div><div class="f-color-chip__color">#00b4ff</div></div><div class="f-color-chip"><div class="f-color-chip__name">$c-primary</div><div class="f-color-chip__color">#0e86fb</div></div><div class="f-color-chip"><div class="f-color-chip__name">$c-secondary</div><div class="f-color-chip__color">#0040bf</div></div><div class="f-color-chip"><div class="f-color-chip__name">$c-tertiary</div><div class="f-color-chip__color">#1e3868</div></div></div><div class="f-color-chips"><div class="f-color-chip"><div class="f-color-chip__name">$c-success</div><div class="f-color-chip__color">#2Bcd86</div></div><div class="f-color-chip"><div class="f-color-chip__name">$c-alarm</div><div class="f-color-chip__color">#eb5000</div></div><div class="f-color-chip"><div class="f-color-chip__name">$c-warning</div><div class="f-color-chip__color">#ffb400</div></div><div class="f-color-chip"><div class="f-color-chip__name">$c-stable</div><div class="f-color-chip__color">#999999</div></div><div class="f-color-chip"><div class="f-color-chip__name">$c-inverse</div><div class="f-color-chip__color">#444444</div></div><div class="f-color-chip"><div class="f-color-chip__name">$c-info</div><div class="f-color-chip__color">#00c3ff</div></div><div class="f-color-chip"><div class="f-color-chip__name">$c-selected</div><div class="f-color-chip__color">#0e86fe</div></div></div></div><div class="f-item-group"><div class="f-item-heading-group"><h2 class="f-item-heading">Logo</h2></div><div class="f-item-preview"><img src="./img/icon.png"></div></div><div class="f-item-group"><div class="f-item-heading-group"><h2 class="f-item-heading">Typography</h2></div><p class="f-paragraph">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam enim sunt sapiente molestias, sed dicta inventore consectetur beatae asperiores, aliquid laboriosam animi, praesentium repudiandae et, quam saepe sint cupiditate reiciendis.</p><div class="f-item-preview"><h1>Heading Level 1</h1><h2>Heading Level 2</h2><h3>Heading Level 3</h3><h4>Heading Level 4</h4><h5>Heading Level 5</h5><h6>Heading Level 6</h6></div></div></div><script async src="https://www.googletagmanager.com/gtag/js?id=UA-110559968-1"></script><script>window.dataLayer = window.dataLayer || [];
+<!doctype html><html lang="zh-TW" class="fabricator"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"><meta name="keywords" content="GSS, UI kit, Vital, UI design, web applications"><meta name="description" content="Vital UI Kit, a graceful and customizable front-end UI kit for web development. - by Galaxy Software Services"><meta property="og:title" content="Vital UI Kit"><meta property="og:image" content="https://raw.githubusercontent.com/GSS-FED/vital-ui-kit/develop/assets/img/icon.png"><meta property="og:site_name" content="Vital UI Kit"><meta property="og:type" content="object"><meta property="og:url" content="https://gss-fed.github.io/vital-ui-kit/"><meta property="og:description" content="Vital UI Kit, a graceful and customizable front-end UI kit for web development. - by Galaxy Software Services"><title>Design | Vital UI Kit</title><link rel="icon" href="https://raw.githubusercontent.com/GSS-FED/vital-ui-kit/develop/assets/img/icon.png"><link rel="shortcut icon" href="https://raw.githubusercontent.com/GSS-FED/vital-ui-kit/develop/assets/img/icon.png"><link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet"><link rel="stylesheet" href="./css/vital-ui-kit.css"><link rel="stylesheet" href="./css/styleguide.css"></head><body><nav class="nav-wrapper"><div class="nav-menu"><a class="logo" href="index.html"></a><a class="is-active" href="getting-started.html">Documentation</a><a class="" href="template.html">Examples</a><a class="" href="kendo-demo.html"><span>Kendo theme</span></a><a class="" href="react.html">React Version</a><a href="https://uwillx.com/" target="_blank">Contact</a></div><div class="nav-dropdown-wrapper download-wrapper"><a class="nav-dropdown-toggle" href="https://github.com/GSS-FED/vital-ui-kit/archive/build.zip">下載 UI KIT</a></div></nav><svg style="display: none;"><symbol id="f-icon-code" viewBox="0 0 512 512"><path d="M377.3 121.3l-40.5 40.4 94.4 94.3-94.4 94.3 40.5 40.4L512 256zM134.7 121.3L0 256l134.7 134.7 40.5-40.4L80.8 256l94.4-94.3zM281.8 103.8zM230.183 408.16l-29.233-7.97 80.85-296.484 29.234 7.972z"/></symbol><symbol id="f-icon-notes" viewBox="0 0 512 512"><path d="M443.8 0H68.2C30.6 0 0 30.5 0 68v264.2c0 16.6 8.9 29.5 25.9 37.5 15.3 7.2 33.1 8.4 40.1 8.5V512l201.6-134h176.1c37.6 0 68.2-30.3 68.2-67.8V68c.1-37.5-30.5-68-68.1-68zM114 438V330H68.2c-11.1 0-19.2-8.8-19.2-19.8V68c0-11 8.2-20 19.2-20h375.5c11.1 0 19.2 9 19.2 20v242.2c0 11-8.2 19.8-19.2 19.8H244.2L114 438z"/></symbol><symbol id="f-icon-labels" viewBox="0 0 512 512"><path d="M304 280c0 13.2-10.8 24-24 24h-48c-13.2 0-24-10.8-24-24v-48c0-13.2 10.8-24 24-24h48c13.2 0 24 10.8 24 24v48zM464 280c0 13.2-10.8 24-24 24h-48c-13.2 0-24-10.8-24-24v-48c0-13.2 10.8-24 24-24h48c13.2 0 24 10.8 24 24v48zM144 280c0 13.2-10.8 24-24 24H72c-13.2 0-24-10.8-24-24v-48c0-13.2 10.8-24 24-24h48c13.2 0 24 10.8 24 24v48z"/></symbol><symbol id="f-icon-menu" viewBox="0 0 512 512"><path d="M512 100c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12V76c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24zM512 212c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12v-24c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24zM512 324c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12v-24c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24zM512 436c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12v-24c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24z"/></symbol><symbol id="f-icon-settings" viewBox="0 0 512 512"><path d="M256 377.3c-67.5 0-121.6-53.9-121.6-121.3s54-121.3 121.6-121.3S377.6 188.6 377.6 256 323.5 377.3 256 377.3zm0-215.6c-52.7 0-94.6 41.8-94.6 94.3s41.9 94.3 94.6 94.3 94.6-41.8 94.6-94.3-41.9-94.3-94.6-94.3zM293.2 512h-72.9L200 450c-13.5-4-27-9.4-39.2-16.2l-59.4 29.6L50 412.3 79.7 353c-6.8-12.1-12.2-25.6-16.2-39.1L0 292.4v-72.8l62.1-20.2c4.1-13.5 9.5-26.9 16.2-39.1L48.6 101 100 49.9l59.4 29.6c12.2-6.7 25.7-12.1 39.2-16.2L220.2 0h72.9l20.3 62c13.5 4 27 9.4 39.2 16.2L412 48.5l51.3 51.2-29.7 59.3c6.8 12.1 12.2 25.6 16.2 39.1l62.1 20.2V291l-62.1 20.2c-4.1 13.5-9.5 26.9-16.2 39.1l29.7 59.3-51.3 51.2-59.4-29.6c-12.2 6.7-25.7 12.1-39.2 16.2L293.2 512zm-54.1-26.9h35.1l18.9-57.9 6.8-1.3c16.2-4 31.1-10.8 45.9-18.9l6.8-4 54 26.9 24.3-24.3-27-53.9 4.1-6.7c8.1-13.5 14.9-29.6 18.9-45.8l1.4-6.7 58.1-18.9v-35l-58.1-18.9-1.4-6.7c-4.1-16.2-10.8-31-18.9-45.8l-4.1-6.7 27-53.9-24.3-24.3-54 26.9-6.8-4c-14.8-8.2-29.7-14.9-45.9-19l-6.8-1.3L274.2 27h-35.1l-18.9 57.9-6.8 1.3c-16.2 4-31.1 10.8-45.9 18.9l-6.8 4-54-26.9-24.3 24.3 27 53.9-4.1 6.7c-8.1 13.5-14.9 29.6-18.9 45.8l-1.4 6.7-58 18.9v35l58.1 18.9 1.4 6.7c4.1 16.2 10.8 31 18.9 45.8l4.1 6.7-27 53.9 24.3 24.3 54-26.9 6.8 4c14.9 8.1 29.7 14.8 45.9 18.9l6.8 1.3 18.8 58z"/></symbol></svg><div class="f-menu"><div class="f-controls"><div class="f-control f-global-control" data-f-toggle-control="labels" title="Toggle Labels"><svg><use xlink:href="#f-icon-labels"/></svg></div><div class="f-control f-global-control" data-f-toggle-control="notes" title="Toggle Notes"><svg><use xlink:href="#f-icon-notes"/></svg></div><div class="f-control f-global-control" data-f-toggle-control="code" title="Toggle Code"><svg><use xlink:href="#f-icon-code"/></svg></div></div><ul><li><a href="index.html" class="f-menu__heading">Home</a></li><li><a href="getting-started.html" class="f-menu__heading">Getting Started</a></li><li><a href="components.html" class="f-menu__heading">Components</a><ul><li><a href="components.html#breadcrumbs">Breadcrumbs</a></li><li><a href="components.html#buttons">Buttons</a></li><li><a href="components.html#cards">Cards</a></li><li><a href="components.html#checkbox">Checkbox</a></li><li><a href="components.html#collapse">Collapse</a></li><li><a href="components.html#forms">Forms</a></li><li><a href="components.html#inputs">Inputs</a></li><li><a href="components.html#list-group">List Group</a></li><li><a href="components.html#menu">Menu</a></li><li><a href="components.html#pagination">Pagination</a></li><li><a href="components.html#radio">Radio</a></li><li><a href="components.html#switch">Switch</a></li><li><a href="components.html#table">Table</a></li><li><a href="components.html#tabs">Tabs</a></li><li><a href="components.html#tooltip">Tooltip</a></li></ul></li><li><a href="utilities.html" class="f-menu__heading">Utilities</a><ul><li><a href="utilities.html#avatar">Avatar</a></li><li><a href="utilities.html#clearfix">Clearfix</a></li><li><a href="utilities.html#float">Float</a></li><li><a href="utilities.html#grid-system">Grid System</a></li><li><a href="utilities.html#scrollable">Scrollable</a></li><li><a href="utilities.html#shadow">Shadow</a></li><li><a href="utilities.html#text-align">Text Align</a></li><li><a href="utilities.html#typography">Typography</a></li></ul></li></ul></div><div class="f-container"><div class="f-control-bar"><div class="f-control f-menu-toggle"><svg><use xlink:href="#f-icon-menu"/></svg></div></div><h1 class="f-labels" data-f-toggle="labels">Design</h1><div class="f-item-group"><div class="f-item-heading-group"><h2 class="f-item-heading">Color</h2></div><div class="f-color-chips"><div class="f-color-chip"><div class="f-color-chip__name">$c-white</div><div class="f-color-chip__color">#fefefe</div></div><div class="f-color-chip"><div class="f-color-chip__name">$c-black</div><div class="f-color-chip__color">#0d0d0d</div></div></div><div class="f-color-chips"><div class="f-color-chip"><div class="f-color-chip__name">$c-gray-dark</div><div class="f-color-chip__color">#555555</div></div><div class="f-color-chip"><div class="f-color-chip__name">$c-gray</div><div class="f-color-chip__color">#aaaaaa</div></div><div class="f-color-chip"><div class="f-color-chip__name">$c-gray-light</div><div class="f-color-chip__color">#dddddd</div></div></div><div class="f-color-chips"><div class="f-color-chip"><div class="f-color-chip__name">$c-brand</div><div class="f-color-chip__color">#00b4ff</div></div><div class="f-color-chip"><div class="f-color-chip__name">$c-primary</div><div class="f-color-chip__color">#0e86fb</div></div><div class="f-color-chip"><div class="f-color-chip__name">$c-secondary</div><div class="f-color-chip__color">#0040bf</div></div><div class="f-color-chip"><div class="f-color-chip__name">$c-tertiary</div><div class="f-color-chip__color">#1e3868</div></div></div><div class="f-color-chips"><div class="f-color-chip"><div class="f-color-chip__name">$c-success</div><div class="f-color-chip__color">#2Bcd86</div></div><div class="f-color-chip"><div class="f-color-chip__name">$c-alarm</div><div class="f-color-chip__color">#eb5000</div></div><div class="f-color-chip"><div class="f-color-chip__name">$c-warning</div><div class="f-color-chip__color">#ffb400</div></div><div class="f-color-chip"><div class="f-color-chip__name">$c-stable</div><div class="f-color-chip__color">#999999</div></div><div class="f-color-chip"><div class="f-color-chip__name">$c-inverse</div><div class="f-color-chip__color">#444444</div></div><div class="f-color-chip"><div class="f-color-chip__name">$c-info</div><div class="f-color-chip__color">#00c3ff</div></div><div class="f-color-chip"><div class="f-color-chip__name">$c-selected</div><div class="f-color-chip__color">#0e86fe</div></div></div></div><div class="f-item-group"><div class="f-item-heading-group"><h2 class="f-item-heading">Logo</h2></div><div class="f-item-preview"><img src="./img/icon.png"></div></div><div class="f-item-group"><div class="f-item-heading-group"><h2 class="f-item-heading">Typography</h2></div><p class="f-paragraph">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam enim sunt sapiente molestias, sed dicta inventore consectetur beatae asperiores, aliquid laboriosam animi, praesentium repudiandae et, quam saepe sint cupiditate reiciendis.</p><div class="f-item-preview"><h1>Heading Level 1</h1><h2>Heading Level 2</h2><h3>Heading Level 3</h3><h4>Heading Level 4</h4><h5>Heading Level 5</h5><h6>Heading Level 6</h6></div></div></div><script async src="https://www.googletagmanager.com/gtag/js?id=UA-110559968-1"></script><script>window.dataLayer = window.dataLayer || [];
 	  function gtag(){dataLayer.push(arguments);}
 	  gtag('js', new Date());
 	 	gtag('config', 'UA-110559968-1');</script><script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><script src="./js/vital-ui-kit.js"></script><script src="./js/styleguide.js"></script></body></html>
\ No newline at end of file
diff --git a/docs/docs.html b/docs/docs.html
index 57cd2d9..a766b53 100644
--- a/docs/docs.html
+++ b/docs/docs.html
@@ -1,4 +1,4 @@
-<!doctype html><html lang="zh-TW" class="fabricator"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"><meta name="keywords" content="GSS, UI kit, Vital, UI design, web applications"><meta name="description" content="Vital UI Kit, a graceful and customizable front-end UI kit for web development. - by Galaxy Software Services"><meta property="og:title" content="Vital UI Kit"><meta property="og:image" content="https://raw.githubusercontent.com/GSS-FED/vital-ui-kit/develop/assets/img/icon.png"><meta property="og:site_name" content="Vital UI Kit"><meta property="og:type" content="object"><meta property="og:url" content="https://gss-fed.github.io/vital-ui-kit/"><meta property="og:description" content="Vital UI Kit, a graceful and customizable front-end UI kit for web development. - by Galaxy Software Services"><title>Docs | Vital UI Kit</title><link rel="icon" href="https://raw.githubusercontent.com/GSS-FED/vital-ui-kit/develop/assets/img/icon.png"><link rel="shortcut icon" href="https://raw.githubusercontent.com/GSS-FED/vital-ui-kit/develop/assets/img/icon.png"><link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet"><link rel="stylesheet" href="./css/vital-ui-kit.css"><link rel="stylesheet" href="./css/styleguide.css"></head><body><nav class="nav-wrapper"><div class="nav-menu"><a class="logo" href="index.html"></a><a class="is-active" href="getting-started.html">Documentation</a><a class="" href="template.html">Examples</a><a class="" href="kendo-demo.html"><span>Kendo theme</span></a><a class="" href="react.html">React Version</a><a href="https://uwillx.com/" target="_blank">Contact</a></div><div class="nav-dropdown-wrapper download-wrapper"><a class="nav-dropdown-toggle" href="https://github.com/GSS-FED/vital-ui-kit/archive/build.zip">下載 UI KIT</a></div></nav><svg style="display: none;"><symbol id="f-icon-code" viewBox="0 0 512 512"><path d="M377.3 121.3l-40.5 40.4 94.4 94.3-94.4 94.3 40.5 40.4L512 256zM134.7 121.3L0 256l134.7 134.7 40.5-40.4L80.8 256l94.4-94.3zM281.8 103.8zM230.183 408.16l-29.233-7.97 80.85-296.484 29.234 7.972z"/></symbol><symbol id="f-icon-notes" viewBox="0 0 512 512"><path d="M443.8 0H68.2C30.6 0 0 30.5 0 68v264.2c0 16.6 8.9 29.5 25.9 37.5 15.3 7.2 33.1 8.4 40.1 8.5V512l201.6-134h176.1c37.6 0 68.2-30.3 68.2-67.8V68c.1-37.5-30.5-68-68.1-68zM114 438V330H68.2c-11.1 0-19.2-8.8-19.2-19.8V68c0-11 8.2-20 19.2-20h375.5c11.1 0 19.2 9 19.2 20v242.2c0 11-8.2 19.8-19.2 19.8H244.2L114 438z"/></symbol><symbol id="f-icon-labels" viewBox="0 0 512 512"><path d="M304 280c0 13.2-10.8 24-24 24h-48c-13.2 0-24-10.8-24-24v-48c0-13.2 10.8-24 24-24h48c13.2 0 24 10.8 24 24v48zM464 280c0 13.2-10.8 24-24 24h-48c-13.2 0-24-10.8-24-24v-48c0-13.2 10.8-24 24-24h48c13.2 0 24 10.8 24 24v48zM144 280c0 13.2-10.8 24-24 24H72c-13.2 0-24-10.8-24-24v-48c0-13.2 10.8-24 24-24h48c13.2 0 24 10.8 24 24v48z"/></symbol><symbol id="f-icon-menu" viewBox="0 0 512 512"><path d="M512 100c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12V76c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24zM512 212c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12v-24c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24zM512 324c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12v-24c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24zM512 436c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12v-24c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24z"/></symbol><symbol id="f-icon-settings" viewBox="0 0 512 512"><path d="M256 377.3c-67.5 0-121.6-53.9-121.6-121.3s54-121.3 121.6-121.3S377.6 188.6 377.6 256 323.5 377.3 256 377.3zm0-215.6c-52.7 0-94.6 41.8-94.6 94.3s41.9 94.3 94.6 94.3 94.6-41.8 94.6-94.3-41.9-94.3-94.6-94.3zM293.2 512h-72.9L200 450c-13.5-4-27-9.4-39.2-16.2l-59.4 29.6L50 412.3 79.7 353c-6.8-12.1-12.2-25.6-16.2-39.1L0 292.4v-72.8l62.1-20.2c4.1-13.5 9.5-26.9 16.2-39.1L48.6 101 100 49.9l59.4 29.6c12.2-6.7 25.7-12.1 39.2-16.2L220.2 0h72.9l20.3 62c13.5 4 27 9.4 39.2 16.2L412 48.5l51.3 51.2-29.7 59.3c6.8 12.1 12.2 25.6 16.2 39.1l62.1 20.2V291l-62.1 20.2c-4.1 13.5-9.5 26.9-16.2 39.1l29.7 59.3-51.3 51.2-59.4-29.6c-12.2 6.7-25.7 12.1-39.2 16.2L293.2 512zm-54.1-26.9h35.1l18.9-57.9 6.8-1.3c16.2-4 31.1-10.8 45.9-18.9l6.8-4 54 26.9 24.3-24.3-27-53.9 4.1-6.7c8.1-13.5 14.9-29.6 18.9-45.8l1.4-6.7 58.1-18.9v-35l-58.1-18.9-1.4-6.7c-4.1-16.2-10.8-31-18.9-45.8l-4.1-6.7 27-53.9-24.3-24.3-54 26.9-6.8-4c-14.8-8.2-29.7-14.9-45.9-19l-6.8-1.3L274.2 27h-35.1l-18.9 57.9-6.8 1.3c-16.2 4-31.1 10.8-45.9 18.9l-6.8 4-54-26.9-24.3 24.3 27 53.9-4.1 6.7c-8.1 13.5-14.9 29.6-18.9 45.8l-1.4 6.7-58 18.9v35l58.1 18.9 1.4 6.7c4.1 16.2 10.8 31 18.9 45.8l4.1 6.7-27 53.9 24.3 24.3 54-26.9 6.8 4c14.9 8.1 29.7 14.8 45.9 18.9l6.8 1.3 18.8 58z"/></symbol></svg><div class="f-menu"><div class="f-controls"><div class="f-control f-global-control" data-f-toggle-control="labels" title="Toggle Labels"><svg><use xlink:href="#f-icon-labels"/></svg></div><div class="f-control f-global-control" data-f-toggle-control="notes" title="Toggle Notes"><svg><use xlink:href="#f-icon-notes"/></svg></div><div class="f-control f-global-control" data-f-toggle-control="code" title="Toggle Code"><svg><use xlink:href="#f-icon-code"/></svg></div></div><ul><li><a href="index.html" class="f-menu__heading">Home</a></li><li><a href="getting-started.html" class="f-menu__heading">Getting Started</a></li><li><a href="components.html" class="f-menu__heading">Components</a><ul><li><a href="components.html#breadcrumbs">Breadcrumbs</a></li><li><a href="components.html#buttons">Buttons</a></li><li><a href="components.html#cards">Cards</a></li><li><a href="components.html#checkbox">Checkbox</a></li><li><a href="components.html#collapse">Collapse</a></li><li><a href="components.html#forms">Forms</a></li><li><a href="components.html#inputs">Inputs</a></li><li><a href="components.html#list-group">List Group</a></li><li><a href="components.html#menu">Menu</a></li><li><a href="components.html#pagination">Pagination</a></li><li><a href="components.html#radio">Radio</a></li><li><a href="components.html#switch">Switch</a></li><li><a href="components.html#table">Table</a></li><li><a href="components.html#tabs">Tabs</a></li><li><a href="components.html#tooltip">Tooltip</a></li></ul></li><li><a href="utilities.html" class="f-menu__heading">Utilities</a><ul><li><a href="utilities.html#Typography">Typography</a></li><li><a href="utilities.html#avatar">Avatar</a></li><li><a href="utilities.html#clearfix">Clearfix</a></li><li><a href="utilities.html#float">Float</a></li><li><a href="utilities.html#grid-system">Grid System</a></li><li><a href="utilities.html#scrollable">Scrollable</a></li><li><a href="utilities.html#shadow">Shadow</a></li><li><a href="utilities.html#text-align">Text Align</a></li></ul></li></ul></div><div class="f-container"><div class="f-control-bar"><div class="f-control f-menu-toggle"><svg><use xlink:href="#f-icon-menu"/></svg></div></div><h1 class="f-labels" data-f-toggle="labels">Docs</h1><div class="f-item-group"><div class="f-item-heading-group"><h2 id="javascript" class="f-item-heading"><a href="#javascript">Javascript</a></h2></div><p>This is a markdown document.</p><pre><code class="language-javascript">var foo = 'bar'
+<!doctype html><html lang="zh-TW" class="fabricator"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"><meta name="keywords" content="GSS, UI kit, Vital, UI design, web applications"><meta name="description" content="Vital UI Kit, a graceful and customizable front-end UI kit for web development. - by Galaxy Software Services"><meta property="og:title" content="Vital UI Kit"><meta property="og:image" content="https://raw.githubusercontent.com/GSS-FED/vital-ui-kit/develop/assets/img/icon.png"><meta property="og:site_name" content="Vital UI Kit"><meta property="og:type" content="object"><meta property="og:url" content="https://gss-fed.github.io/vital-ui-kit/"><meta property="og:description" content="Vital UI Kit, a graceful and customizable front-end UI kit for web development. - by Galaxy Software Services"><title>Docs | Vital UI Kit</title><link rel="icon" href="https://raw.githubusercontent.com/GSS-FED/vital-ui-kit/develop/assets/img/icon.png"><link rel="shortcut icon" href="https://raw.githubusercontent.com/GSS-FED/vital-ui-kit/develop/assets/img/icon.png"><link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet"><link rel="stylesheet" href="./css/vital-ui-kit.css"><link rel="stylesheet" href="./css/styleguide.css"></head><body><nav class="nav-wrapper"><div class="nav-menu"><a class="logo" href="index.html"></a><a class="is-active" href="getting-started.html">Documentation</a><a class="" href="template.html">Examples</a><a class="" href="kendo-demo.html"><span>Kendo theme</span></a><a class="" href="react.html">React Version</a><a href="https://uwillx.com/" target="_blank">Contact</a></div><div class="nav-dropdown-wrapper download-wrapper"><a class="nav-dropdown-toggle" href="https://github.com/GSS-FED/vital-ui-kit/archive/build.zip">下載 UI KIT</a></div></nav><svg style="display: none;"><symbol id="f-icon-code" viewBox="0 0 512 512"><path d="M377.3 121.3l-40.5 40.4 94.4 94.3-94.4 94.3 40.5 40.4L512 256zM134.7 121.3L0 256l134.7 134.7 40.5-40.4L80.8 256l94.4-94.3zM281.8 103.8zM230.183 408.16l-29.233-7.97 80.85-296.484 29.234 7.972z"/></symbol><symbol id="f-icon-notes" viewBox="0 0 512 512"><path d="M443.8 0H68.2C30.6 0 0 30.5 0 68v264.2c0 16.6 8.9 29.5 25.9 37.5 15.3 7.2 33.1 8.4 40.1 8.5V512l201.6-134h176.1c37.6 0 68.2-30.3 68.2-67.8V68c.1-37.5-30.5-68-68.1-68zM114 438V330H68.2c-11.1 0-19.2-8.8-19.2-19.8V68c0-11 8.2-20 19.2-20h375.5c11.1 0 19.2 9 19.2 20v242.2c0 11-8.2 19.8-19.2 19.8H244.2L114 438z"/></symbol><symbol id="f-icon-labels" viewBox="0 0 512 512"><path d="M304 280c0 13.2-10.8 24-24 24h-48c-13.2 0-24-10.8-24-24v-48c0-13.2 10.8-24 24-24h48c13.2 0 24 10.8 24 24v48zM464 280c0 13.2-10.8 24-24 24h-48c-13.2 0-24-10.8-24-24v-48c0-13.2 10.8-24 24-24h48c13.2 0 24 10.8 24 24v48zM144 280c0 13.2-10.8 24-24 24H72c-13.2 0-24-10.8-24-24v-48c0-13.2 10.8-24 24-24h48c13.2 0 24 10.8 24 24v48z"/></symbol><symbol id="f-icon-menu" viewBox="0 0 512 512"><path d="M512 100c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12V76c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24zM512 212c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12v-24c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24zM512 324c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12v-24c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24zM512 436c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12v-24c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24z"/></symbol><symbol id="f-icon-settings" viewBox="0 0 512 512"><path d="M256 377.3c-67.5 0-121.6-53.9-121.6-121.3s54-121.3 121.6-121.3S377.6 188.6 377.6 256 323.5 377.3 256 377.3zm0-215.6c-52.7 0-94.6 41.8-94.6 94.3s41.9 94.3 94.6 94.3 94.6-41.8 94.6-94.3-41.9-94.3-94.6-94.3zM293.2 512h-72.9L200 450c-13.5-4-27-9.4-39.2-16.2l-59.4 29.6L50 412.3 79.7 353c-6.8-12.1-12.2-25.6-16.2-39.1L0 292.4v-72.8l62.1-20.2c4.1-13.5 9.5-26.9 16.2-39.1L48.6 101 100 49.9l59.4 29.6c12.2-6.7 25.7-12.1 39.2-16.2L220.2 0h72.9l20.3 62c13.5 4 27 9.4 39.2 16.2L412 48.5l51.3 51.2-29.7 59.3c6.8 12.1 12.2 25.6 16.2 39.1l62.1 20.2V291l-62.1 20.2c-4.1 13.5-9.5 26.9-16.2 39.1l29.7 59.3-51.3 51.2-59.4-29.6c-12.2 6.7-25.7 12.1-39.2 16.2L293.2 512zm-54.1-26.9h35.1l18.9-57.9 6.8-1.3c16.2-4 31.1-10.8 45.9-18.9l6.8-4 54 26.9 24.3-24.3-27-53.9 4.1-6.7c8.1-13.5 14.9-29.6 18.9-45.8l1.4-6.7 58.1-18.9v-35l-58.1-18.9-1.4-6.7c-4.1-16.2-10.8-31-18.9-45.8l-4.1-6.7 27-53.9-24.3-24.3-54 26.9-6.8-4c-14.8-8.2-29.7-14.9-45.9-19l-6.8-1.3L274.2 27h-35.1l-18.9 57.9-6.8 1.3c-16.2 4-31.1 10.8-45.9 18.9l-6.8 4-54-26.9-24.3 24.3 27 53.9-4.1 6.7c-8.1 13.5-14.9 29.6-18.9 45.8l-1.4 6.7-58 18.9v35l58.1 18.9 1.4 6.7c4.1 16.2 10.8 31 18.9 45.8l4.1 6.7-27 53.9 24.3 24.3 54-26.9 6.8 4c14.9 8.1 29.7 14.8 45.9 18.9l6.8 1.3 18.8 58z"/></symbol></svg><div class="f-menu"><div class="f-controls"><div class="f-control f-global-control" data-f-toggle-control="labels" title="Toggle Labels"><svg><use xlink:href="#f-icon-labels"/></svg></div><div class="f-control f-global-control" data-f-toggle-control="notes" title="Toggle Notes"><svg><use xlink:href="#f-icon-notes"/></svg></div><div class="f-control f-global-control" data-f-toggle-control="code" title="Toggle Code"><svg><use xlink:href="#f-icon-code"/></svg></div></div><ul><li><a href="index.html" class="f-menu__heading">Home</a></li><li><a href="getting-started.html" class="f-menu__heading">Getting Started</a></li><li><a href="components.html" class="f-menu__heading">Components</a><ul><li><a href="components.html#breadcrumbs">Breadcrumbs</a></li><li><a href="components.html#buttons">Buttons</a></li><li><a href="components.html#cards">Cards</a></li><li><a href="components.html#checkbox">Checkbox</a></li><li><a href="components.html#collapse">Collapse</a></li><li><a href="components.html#forms">Forms</a></li><li><a href="components.html#inputs">Inputs</a></li><li><a href="components.html#list-group">List Group</a></li><li><a href="components.html#menu">Menu</a></li><li><a href="components.html#pagination">Pagination</a></li><li><a href="components.html#radio">Radio</a></li><li><a href="components.html#switch">Switch</a></li><li><a href="components.html#table">Table</a></li><li><a href="components.html#tabs">Tabs</a></li><li><a href="components.html#tooltip">Tooltip</a></li></ul></li><li><a href="utilities.html" class="f-menu__heading">Utilities</a><ul><li><a href="utilities.html#avatar">Avatar</a></li><li><a href="utilities.html#clearfix">Clearfix</a></li><li><a href="utilities.html#float">Float</a></li><li><a href="utilities.html#grid-system">Grid System</a></li><li><a href="utilities.html#scrollable">Scrollable</a></li><li><a href="utilities.html#shadow">Shadow</a></li><li><a href="utilities.html#text-align">Text Align</a></li><li><a href="utilities.html#typography">Typography</a></li></ul></li></ul></div><div class="f-container"><div class="f-control-bar"><div class="f-control f-menu-toggle"><svg><use xlink:href="#f-icon-menu"/></svg></div></div><h1 class="f-labels" data-f-toggle="labels">Docs</h1><div class="f-item-group"><div class="f-item-heading-group"><h2 id="javascript" class="f-item-heading"><a href="#javascript">Javascript</a></h2></div><p>This is a markdown document.</p><pre><code class="language-javascript">var foo = 'bar'
 </code></pre></div></div><script async src="https://www.googletagmanager.com/gtag/js?id=UA-110559968-1"></script><script>window.dataLayer = window.dataLayer || [];
 	  function gtag(){dataLayer.push(arguments);}
 	  gtag('js', new Date());
diff --git a/docs/getting-started.html b/docs/getting-started.html
index bd28e4f..2b65b54 100644
--- a/docs/getting-started.html
+++ b/docs/getting-started.html
@@ -1,4 +1,4 @@
-<!doctype html><html lang="zh-TW" class="fabricator"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"><meta name="keywords" content="GSS, UI kit, Vital, UI design, web applications"><meta name="description" content="Vital UI Kit, a graceful and customizable front-end UI kit for web development. - by Galaxy Software Services"><meta property="og:title" content="Vital UI Kit"><meta property="og:image" content="https://raw.githubusercontent.com/GSS-FED/vital-ui-kit/develop/assets/img/icon.png"><meta property="og:site_name" content="Vital UI Kit"><meta property="og:type" content="object"><meta property="og:url" content="https://gss-fed.github.io/vital-ui-kit/"><meta property="og:description" content="Vital UI Kit, a graceful and customizable front-end UI kit for web development. - by Galaxy Software Services"><title>Getting Started | Vital UI Kit</title><link rel="icon" href="https://raw.githubusercontent.com/GSS-FED/vital-ui-kit/develop/assets/img/icon.png"><link rel="shortcut icon" href="https://raw.githubusercontent.com/GSS-FED/vital-ui-kit/develop/assets/img/icon.png"><link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet"><link rel="stylesheet" href="./css/vital-ui-kit.css"><link rel="stylesheet" href="./css/styleguide.css"></head><body><nav class="nav-wrapper"><div class="nav-menu"><a class="logo" href="index.html"></a><a class="is-active" href="getting-started.html">Documentation</a><a class="" href="template.html">Examples</a><a class="" href="kendo-demo.html"><span>Kendo theme</span></a><a class="" href="react.html">React Version</a><a href="https://uwillx.com/" target="_blank">Contact</a></div><div class="nav-dropdown-wrapper download-wrapper"><a class="nav-dropdown-toggle" href="https://github.com/GSS-FED/vital-ui-kit/archive/build.zip">下載 UI KIT</a></div></nav><svg style="display: none;"><symbol id="f-icon-code" viewBox="0 0 512 512"><path d="M377.3 121.3l-40.5 40.4 94.4 94.3-94.4 94.3 40.5 40.4L512 256zM134.7 121.3L0 256l134.7 134.7 40.5-40.4L80.8 256l94.4-94.3zM281.8 103.8zM230.183 408.16l-29.233-7.97 80.85-296.484 29.234 7.972z"/></symbol><symbol id="f-icon-notes" viewBox="0 0 512 512"><path d="M443.8 0H68.2C30.6 0 0 30.5 0 68v264.2c0 16.6 8.9 29.5 25.9 37.5 15.3 7.2 33.1 8.4 40.1 8.5V512l201.6-134h176.1c37.6 0 68.2-30.3 68.2-67.8V68c.1-37.5-30.5-68-68.1-68zM114 438V330H68.2c-11.1 0-19.2-8.8-19.2-19.8V68c0-11 8.2-20 19.2-20h375.5c11.1 0 19.2 9 19.2 20v242.2c0 11-8.2 19.8-19.2 19.8H244.2L114 438z"/></symbol><symbol id="f-icon-labels" viewBox="0 0 512 512"><path d="M304 280c0 13.2-10.8 24-24 24h-48c-13.2 0-24-10.8-24-24v-48c0-13.2 10.8-24 24-24h48c13.2 0 24 10.8 24 24v48zM464 280c0 13.2-10.8 24-24 24h-48c-13.2 0-24-10.8-24-24v-48c0-13.2 10.8-24 24-24h48c13.2 0 24 10.8 24 24v48zM144 280c0 13.2-10.8 24-24 24H72c-13.2 0-24-10.8-24-24v-48c0-13.2 10.8-24 24-24h48c13.2 0 24 10.8 24 24v48z"/></symbol><symbol id="f-icon-menu" viewBox="0 0 512 512"><path d="M512 100c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12V76c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24zM512 212c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12v-24c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24zM512 324c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12v-24c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24zM512 436c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12v-24c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24z"/></symbol><symbol id="f-icon-settings" viewBox="0 0 512 512"><path d="M256 377.3c-67.5 0-121.6-53.9-121.6-121.3s54-121.3 121.6-121.3S377.6 188.6 377.6 256 323.5 377.3 256 377.3zm0-215.6c-52.7 0-94.6 41.8-94.6 94.3s41.9 94.3 94.6 94.3 94.6-41.8 94.6-94.3-41.9-94.3-94.6-94.3zM293.2 512h-72.9L200 450c-13.5-4-27-9.4-39.2-16.2l-59.4 29.6L50 412.3 79.7 353c-6.8-12.1-12.2-25.6-16.2-39.1L0 292.4v-72.8l62.1-20.2c4.1-13.5 9.5-26.9 16.2-39.1L48.6 101 100 49.9l59.4 29.6c12.2-6.7 25.7-12.1 39.2-16.2L220.2 0h72.9l20.3 62c13.5 4 27 9.4 39.2 16.2L412 48.5l51.3 51.2-29.7 59.3c6.8 12.1 12.2 25.6 16.2 39.1l62.1 20.2V291l-62.1 20.2c-4.1 13.5-9.5 26.9-16.2 39.1l29.7 59.3-51.3 51.2-59.4-29.6c-12.2 6.7-25.7 12.1-39.2 16.2L293.2 512zm-54.1-26.9h35.1l18.9-57.9 6.8-1.3c16.2-4 31.1-10.8 45.9-18.9l6.8-4 54 26.9 24.3-24.3-27-53.9 4.1-6.7c8.1-13.5 14.9-29.6 18.9-45.8l1.4-6.7 58.1-18.9v-35l-58.1-18.9-1.4-6.7c-4.1-16.2-10.8-31-18.9-45.8l-4.1-6.7 27-53.9-24.3-24.3-54 26.9-6.8-4c-14.8-8.2-29.7-14.9-45.9-19l-6.8-1.3L274.2 27h-35.1l-18.9 57.9-6.8 1.3c-16.2 4-31.1 10.8-45.9 18.9l-6.8 4-54-26.9-24.3 24.3 27 53.9-4.1 6.7c-8.1 13.5-14.9 29.6-18.9 45.8l-1.4 6.7-58 18.9v35l58.1 18.9 1.4 6.7c4.1 16.2 10.8 31 18.9 45.8l4.1 6.7-27 53.9 24.3 24.3 54-26.9 6.8 4c14.9 8.1 29.7 14.8 45.9 18.9l6.8 1.3 18.8 58z"/></symbol></svg><div class="f-menu"><div class="f-controls"><div class="f-control f-global-control" data-f-toggle-control="labels" title="Toggle Labels"><svg><use xlink:href="#f-icon-labels"/></svg></div><div class="f-control f-global-control" data-f-toggle-control="notes" title="Toggle Notes"><svg><use xlink:href="#f-icon-notes"/></svg></div><div class="f-control f-global-control" data-f-toggle-control="code" title="Toggle Code"><svg><use xlink:href="#f-icon-code"/></svg></div></div><ul><li><a href="index.html" class="f-menu__heading">Home</a></li><li><a href="getting-started.html" class="f-menu__heading">Getting Started</a></li><li><a href="components.html" class="f-menu__heading">Components</a><ul><li><a href="components.html#breadcrumbs">Breadcrumbs</a></li><li><a href="components.html#buttons">Buttons</a></li><li><a href="components.html#cards">Cards</a></li><li><a href="components.html#checkbox">Checkbox</a></li><li><a href="components.html#collapse">Collapse</a></li><li><a href="components.html#forms">Forms</a></li><li><a href="components.html#inputs">Inputs</a></li><li><a href="components.html#list-group">List Group</a></li><li><a href="components.html#menu">Menu</a></li><li><a href="components.html#pagination">Pagination</a></li><li><a href="components.html#radio">Radio</a></li><li><a href="components.html#switch">Switch</a></li><li><a href="components.html#table">Table</a></li><li><a href="components.html#tabs">Tabs</a></li><li><a href="components.html#tooltip">Tooltip</a></li></ul></li><li><a href="utilities.html" class="f-menu__heading">Utilities</a><ul><li><a href="utilities.html#Typography">Typography</a></li><li><a href="utilities.html#avatar">Avatar</a></li><li><a href="utilities.html#clearfix">Clearfix</a></li><li><a href="utilities.html#float">Float</a></li><li><a href="utilities.html#grid-system">Grid System</a></li><li><a href="utilities.html#scrollable">Scrollable</a></li><li><a href="utilities.html#shadow">Shadow</a></li><li><a href="utilities.html#text-align">Text Align</a></li></ul></li></ul></div><div class="f-container"><div class="f-control-bar"><div class="f-control f-menu-toggle"><svg><use xlink:href="#f-icon-menu"/></svg></div></div><h1 class="f-labels" data-f-toggle="labels">Getting Started</h1><article class="getting-started"><section><h3>Install</h3><div><p>Vital UI Kit 提供了兩種使用方式，您可以依照喜好或是情況選擇適合您的方式開始應用。</p><ul><li class="demo-ol-wrap" style="background: white"><h5>直接開始使用 Vital UI Kit</h5><p>如果您不需要建立開發環境，可以使用以下方式，方便且快速地應用 Vital UI Kit 在您的產品或專案上。</p><ol class="sg-ol--decimal"><li>首先，請先下載 Vital UI Kit 並解壓縮：<a role="button" class="sg-btn sg-btn-default" href="https://github.com/GSS-FED/vital-ui-kit/archive/build.zip" style="margin-right: 5px"><span class="sg-btn-txt">下載</span><i class="icon-download icon-right"></i></a></li><li>將 dist 資料夾底下的 css、fonts、img、js 資料夾複製到您的專案環境根目錄</li><li>在您的 Html 中引入<pre class="language-markup"><code class="language-markup">&lt;link rel=&quot;stylesheet&quot; href=&quot;./css/vital-ui-kit.css&quot;&gt;</code><br><code class="language-markup">&lt;link rel=&quot;stylesheet&quot; href=&quot;./css/kendo.custom.vital-ui-kit.css&quot;&gt;</code> (optional)<br><code class="language-markup">&lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js&quot;&gt;&lt;/script&gt;</code><br><code class="language-markup">&lt;script src=&quot;./js/vital-ui-kit.js&quot;&gt;&lt;/script&gt;</code></pre><p>接下來只要按照 styleguide/index.html 的說明，即可立刻看到套用 Vital UI Kit 的效果了！</p></li></ol></li><li class="demo-ol-wrap" style="background: white"><h5>客製化 Vital UI Kit</h5><p>如果您是開發者，想要客製化自己的 Vital UI Kit、更改 UI Kit 顏色，可使用以下方法。</p><ol class="sg-ol--decimal"><li>安裝 vital-ui-kit<pre class="language-markup"><code class="language-markup">npm install vital-ui-kit</code></pre></li><li>在專案環境引用 node_modules/vital-ui-kit/dist 資料夾底下的 fonts、img、js</li><li>在專案環境引用 node_modules/vital-ui-kit/sass 資料夾，編譯輸出的 css 檔案路徑需和 fonts 平行</li><li>在 vital-ui-kit.scss 可 import 自己客製化的變數檔與加入樣式，可參考 base/_variables.scss 看有哪些變數可供更改。<br><pre class="language-markup"><code class="language-markup">
+<!doctype html><html lang="zh-TW" class="fabricator"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"><meta name="keywords" content="GSS, UI kit, Vital, UI design, web applications"><meta name="description" content="Vital UI Kit, a graceful and customizable front-end UI kit for web development. - by Galaxy Software Services"><meta property="og:title" content="Vital UI Kit"><meta property="og:image" content="https://raw.githubusercontent.com/GSS-FED/vital-ui-kit/develop/assets/img/icon.png"><meta property="og:site_name" content="Vital UI Kit"><meta property="og:type" content="object"><meta property="og:url" content="https://gss-fed.github.io/vital-ui-kit/"><meta property="og:description" content="Vital UI Kit, a graceful and customizable front-end UI kit for web development. - by Galaxy Software Services"><title>Getting Started | Vital UI Kit</title><link rel="icon" href="https://raw.githubusercontent.com/GSS-FED/vital-ui-kit/develop/assets/img/icon.png"><link rel="shortcut icon" href="https://raw.githubusercontent.com/GSS-FED/vital-ui-kit/develop/assets/img/icon.png"><link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet"><link rel="stylesheet" href="./css/vital-ui-kit.css"><link rel="stylesheet" href="./css/styleguide.css"></head><body><nav class="nav-wrapper"><div class="nav-menu"><a class="logo" href="index.html"></a><a class="is-active" href="getting-started.html">Documentation</a><a class="" href="template.html">Examples</a><a class="" href="kendo-demo.html"><span>Kendo theme</span></a><a class="" href="react.html">React Version</a><a href="https://uwillx.com/" target="_blank">Contact</a></div><div class="nav-dropdown-wrapper download-wrapper"><a class="nav-dropdown-toggle" href="https://github.com/GSS-FED/vital-ui-kit/archive/build.zip">下載 UI KIT</a></div></nav><svg style="display: none;"><symbol id="f-icon-code" viewBox="0 0 512 512"><path d="M377.3 121.3l-40.5 40.4 94.4 94.3-94.4 94.3 40.5 40.4L512 256zM134.7 121.3L0 256l134.7 134.7 40.5-40.4L80.8 256l94.4-94.3zM281.8 103.8zM230.183 408.16l-29.233-7.97 80.85-296.484 29.234 7.972z"/></symbol><symbol id="f-icon-notes" viewBox="0 0 512 512"><path d="M443.8 0H68.2C30.6 0 0 30.5 0 68v264.2c0 16.6 8.9 29.5 25.9 37.5 15.3 7.2 33.1 8.4 40.1 8.5V512l201.6-134h176.1c37.6 0 68.2-30.3 68.2-67.8V68c.1-37.5-30.5-68-68.1-68zM114 438V330H68.2c-11.1 0-19.2-8.8-19.2-19.8V68c0-11 8.2-20 19.2-20h375.5c11.1 0 19.2 9 19.2 20v242.2c0 11-8.2 19.8-19.2 19.8H244.2L114 438z"/></symbol><symbol id="f-icon-labels" viewBox="0 0 512 512"><path d="M304 280c0 13.2-10.8 24-24 24h-48c-13.2 0-24-10.8-24-24v-48c0-13.2 10.8-24 24-24h48c13.2 0 24 10.8 24 24v48zM464 280c0 13.2-10.8 24-24 24h-48c-13.2 0-24-10.8-24-24v-48c0-13.2 10.8-24 24-24h48c13.2 0 24 10.8 24 24v48zM144 280c0 13.2-10.8 24-24 24H72c-13.2 0-24-10.8-24-24v-48c0-13.2 10.8-24 24-24h48c13.2 0 24 10.8 24 24v48z"/></symbol><symbol id="f-icon-menu" viewBox="0 0 512 512"><path d="M512 100c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12V76c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24zM512 212c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12v-24c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24zM512 324c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12v-24c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24zM512 436c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12v-24c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24z"/></symbol><symbol id="f-icon-settings" viewBox="0 0 512 512"><path d="M256 377.3c-67.5 0-121.6-53.9-121.6-121.3s54-121.3 121.6-121.3S377.6 188.6 377.6 256 323.5 377.3 256 377.3zm0-215.6c-52.7 0-94.6 41.8-94.6 94.3s41.9 94.3 94.6 94.3 94.6-41.8 94.6-94.3-41.9-94.3-94.6-94.3zM293.2 512h-72.9L200 450c-13.5-4-27-9.4-39.2-16.2l-59.4 29.6L50 412.3 79.7 353c-6.8-12.1-12.2-25.6-16.2-39.1L0 292.4v-72.8l62.1-20.2c4.1-13.5 9.5-26.9 16.2-39.1L48.6 101 100 49.9l59.4 29.6c12.2-6.7 25.7-12.1 39.2-16.2L220.2 0h72.9l20.3 62c13.5 4 27 9.4 39.2 16.2L412 48.5l51.3 51.2-29.7 59.3c6.8 12.1 12.2 25.6 16.2 39.1l62.1 20.2V291l-62.1 20.2c-4.1 13.5-9.5 26.9-16.2 39.1l29.7 59.3-51.3 51.2-59.4-29.6c-12.2 6.7-25.7 12.1-39.2 16.2L293.2 512zm-54.1-26.9h35.1l18.9-57.9 6.8-1.3c16.2-4 31.1-10.8 45.9-18.9l6.8-4 54 26.9 24.3-24.3-27-53.9 4.1-6.7c8.1-13.5 14.9-29.6 18.9-45.8l1.4-6.7 58.1-18.9v-35l-58.1-18.9-1.4-6.7c-4.1-16.2-10.8-31-18.9-45.8l-4.1-6.7 27-53.9-24.3-24.3-54 26.9-6.8-4c-14.8-8.2-29.7-14.9-45.9-19l-6.8-1.3L274.2 27h-35.1l-18.9 57.9-6.8 1.3c-16.2 4-31.1 10.8-45.9 18.9l-6.8 4-54-26.9-24.3 24.3 27 53.9-4.1 6.7c-8.1 13.5-14.9 29.6-18.9 45.8l-1.4 6.7-58 18.9v35l58.1 18.9 1.4 6.7c4.1 16.2 10.8 31 18.9 45.8l4.1 6.7-27 53.9 24.3 24.3 54-26.9 6.8 4c14.9 8.1 29.7 14.8 45.9 18.9l6.8 1.3 18.8 58z"/></symbol></svg><div class="f-menu"><div class="f-controls"><div class="f-control f-global-control" data-f-toggle-control="labels" title="Toggle Labels"><svg><use xlink:href="#f-icon-labels"/></svg></div><div class="f-control f-global-control" data-f-toggle-control="notes" title="Toggle Notes"><svg><use xlink:href="#f-icon-notes"/></svg></div><div class="f-control f-global-control" data-f-toggle-control="code" title="Toggle Code"><svg><use xlink:href="#f-icon-code"/></svg></div></div><ul><li><a href="index.html" class="f-menu__heading">Home</a></li><li><a href="getting-started.html" class="f-menu__heading">Getting Started</a></li><li><a href="components.html" class="f-menu__heading">Components</a><ul><li><a href="components.html#breadcrumbs">Breadcrumbs</a></li><li><a href="components.html#buttons">Buttons</a></li><li><a href="components.html#cards">Cards</a></li><li><a href="components.html#checkbox">Checkbox</a></li><li><a href="components.html#collapse">Collapse</a></li><li><a href="components.html#forms">Forms</a></li><li><a href="components.html#inputs">Inputs</a></li><li><a href="components.html#list-group">List Group</a></li><li><a href="components.html#menu">Menu</a></li><li><a href="components.html#pagination">Pagination</a></li><li><a href="components.html#radio">Radio</a></li><li><a href="components.html#switch">Switch</a></li><li><a href="components.html#table">Table</a></li><li><a href="components.html#tabs">Tabs</a></li><li><a href="components.html#tooltip">Tooltip</a></li></ul></li><li><a href="utilities.html" class="f-menu__heading">Utilities</a><ul><li><a href="utilities.html#avatar">Avatar</a></li><li><a href="utilities.html#clearfix">Clearfix</a></li><li><a href="utilities.html#float">Float</a></li><li><a href="utilities.html#grid-system">Grid System</a></li><li><a href="utilities.html#scrollable">Scrollable</a></li><li><a href="utilities.html#shadow">Shadow</a></li><li><a href="utilities.html#text-align">Text Align</a></li><li><a href="utilities.html#typography">Typography</a></li></ul></li></ul></div><div class="f-container"><div class="f-control-bar"><div class="f-control f-menu-toggle"><svg><use xlink:href="#f-icon-menu"/></svg></div></div><h1 class="f-labels" data-f-toggle="labels">Getting Started</h1><article class="getting-started"><section><h3>Install</h3><div><p>Vital UI Kit 提供了兩種使用方式，您可以依照喜好或是情況選擇適合您的方式開始應用。</p><ul><li class="demo-ol-wrap" style="background: white"><h5>直接開始使用 Vital UI Kit</h5><p>如果您不需要建立開發環境，可以使用以下方式，方便且快速地應用 Vital UI Kit 在您的產品或專案上。</p><ol class="sg-ol--decimal"><li>首先，請先下載 Vital UI Kit 並解壓縮：<a role="button" class="sg-btn sg-btn-default" href="https://github.com/GSS-FED/vital-ui-kit/archive/build.zip" style="margin-right: 5px"><span class="sg-btn-txt">下載</span><i class="icon-download icon-right"></i></a></li><li>將 dist 資料夾底下的 css、fonts、img、js 資料夾複製到您的專案環境根目錄</li><li>在您的 Html 中引入<pre class="language-markup"><code class="language-markup">&lt;link rel=&quot;stylesheet&quot; href=&quot;./css/vital-ui-kit.css&quot;&gt;</code><br><code class="language-markup">&lt;link rel=&quot;stylesheet&quot; href=&quot;./css/kendo.custom.vital-ui-kit.css&quot;&gt;</code> (optional)<br><code class="language-markup">&lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js&quot;&gt;&lt;/script&gt;</code><br><code class="language-markup">&lt;script src=&quot;./js/vital-ui-kit.js&quot;&gt;&lt;/script&gt;</code></pre><p>接下來只要按照 styleguide/index.html 的說明，即可立刻看到套用 Vital UI Kit 的效果了！</p></li></ol></li><li class="demo-ol-wrap" style="background: white"><h5>客製化 Vital UI Kit</h5><p>如果您是開發者，想要客製化自己的 Vital UI Kit、更改 UI Kit 顏色，可使用以下方法。</p><ol class="sg-ol--decimal"><li>安裝 vital-ui-kit<pre class="language-markup"><code class="language-markup">npm install vital-ui-kit</code></pre></li><li>在專案環境引用 node_modules/vital-ui-kit/dist 資料夾底下的 fonts、img、js</li><li>在專案環境引用 node_modules/vital-ui-kit/sass 資料夾，編譯輸出的 css 檔案路徑需和 fonts 平行</li><li>在 vital-ui-kit.scss 可 import 自己客製化的變數檔與加入樣式，可參考 base/_variables.scss 看有哪些變數可供更改。<br><pre class="language-markup"><code class="language-markup">
 sass/
 ├── base/
 │    ├── _variables.scss
diff --git a/docs/javascript.html b/docs/javascript.html
index edba8bf..553ac08 100644
--- a/docs/javascript.html
+++ b/docs/javascript.html
@@ -1,4 +1,4 @@
-<!doctype html><html lang="zh-TW" class="fabricator"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"><meta name="keywords" content="GSS, UI kit, Vital, UI design, web applications"><meta name="description" content="Vital UI Kit, a graceful and customizable front-end UI kit for web development. - by Galaxy Software Services"><meta property="og:title" content="Vital UI Kit"><meta property="og:image" content="https://raw.githubusercontent.com/GSS-FED/vital-ui-kit/develop/assets/img/icon.png"><meta property="og:site_name" content="Vital UI Kit"><meta property="og:type" content="object"><meta property="og:url" content="https://gss-fed.github.io/vital-ui-kit/"><meta property="og:description" content="Vital UI Kit, a graceful and customizable front-end UI kit for web development. - by Galaxy Software Services"><title>Javascript | Vital UI Kit</title><link rel="icon" href="https://raw.githubusercontent.com/GSS-FED/vital-ui-kit/develop/assets/img/icon.png"><link rel="shortcut icon" href="https://raw.githubusercontent.com/GSS-FED/vital-ui-kit/develop/assets/img/icon.png"><link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet"><link rel="stylesheet" href="./css/vital-ui-kit.css"><link rel="stylesheet" href="./css/styleguide.css"></head><body><nav class="nav-wrapper"><div class="nav-menu"><a class="logo" href="index.html"></a><a class="is-active" href="getting-started.html">Documentation</a><a class="" href="template.html">Examples</a><a class="" href="kendo-demo.html"><span>Kendo theme</span></a><a class="" href="react.html">React Version</a><a href="https://uwillx.com/" target="_blank">Contact</a></div><div class="nav-dropdown-wrapper download-wrapper"><a class="nav-dropdown-toggle" href="https://github.com/GSS-FED/vital-ui-kit/archive/build.zip">下載 UI KIT</a></div></nav><svg style="display: none;"><symbol id="f-icon-code" viewBox="0 0 512 512"><path d="M377.3 121.3l-40.5 40.4 94.4 94.3-94.4 94.3 40.5 40.4L512 256zM134.7 121.3L0 256l134.7 134.7 40.5-40.4L80.8 256l94.4-94.3zM281.8 103.8zM230.183 408.16l-29.233-7.97 80.85-296.484 29.234 7.972z"/></symbol><symbol id="f-icon-notes" viewBox="0 0 512 512"><path d="M443.8 0H68.2C30.6 0 0 30.5 0 68v264.2c0 16.6 8.9 29.5 25.9 37.5 15.3 7.2 33.1 8.4 40.1 8.5V512l201.6-134h176.1c37.6 0 68.2-30.3 68.2-67.8V68c.1-37.5-30.5-68-68.1-68zM114 438V330H68.2c-11.1 0-19.2-8.8-19.2-19.8V68c0-11 8.2-20 19.2-20h375.5c11.1 0 19.2 9 19.2 20v242.2c0 11-8.2 19.8-19.2 19.8H244.2L114 438z"/></symbol><symbol id="f-icon-labels" viewBox="0 0 512 512"><path d="M304 280c0 13.2-10.8 24-24 24h-48c-13.2 0-24-10.8-24-24v-48c0-13.2 10.8-24 24-24h48c13.2 0 24 10.8 24 24v48zM464 280c0 13.2-10.8 24-24 24h-48c-13.2 0-24-10.8-24-24v-48c0-13.2 10.8-24 24-24h48c13.2 0 24 10.8 24 24v48zM144 280c0 13.2-10.8 24-24 24H72c-13.2 0-24-10.8-24-24v-48c0-13.2 10.8-24 24-24h48c13.2 0 24 10.8 24 24v48z"/></symbol><symbol id="f-icon-menu" viewBox="0 0 512 512"><path d="M512 100c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12V76c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24zM512 212c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12v-24c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24zM512 324c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12v-24c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24zM512 436c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12v-24c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24z"/></symbol><symbol id="f-icon-settings" viewBox="0 0 512 512"><path d="M256 377.3c-67.5 0-121.6-53.9-121.6-121.3s54-121.3 121.6-121.3S377.6 188.6 377.6 256 323.5 377.3 256 377.3zm0-215.6c-52.7 0-94.6 41.8-94.6 94.3s41.9 94.3 94.6 94.3 94.6-41.8 94.6-94.3-41.9-94.3-94.6-94.3zM293.2 512h-72.9L200 450c-13.5-4-27-9.4-39.2-16.2l-59.4 29.6L50 412.3 79.7 353c-6.8-12.1-12.2-25.6-16.2-39.1L0 292.4v-72.8l62.1-20.2c4.1-13.5 9.5-26.9 16.2-39.1L48.6 101 100 49.9l59.4 29.6c12.2-6.7 25.7-12.1 39.2-16.2L220.2 0h72.9l20.3 62c13.5 4 27 9.4 39.2 16.2L412 48.5l51.3 51.2-29.7 59.3c6.8 12.1 12.2 25.6 16.2 39.1l62.1 20.2V291l-62.1 20.2c-4.1 13.5-9.5 26.9-16.2 39.1l29.7 59.3-51.3 51.2-59.4-29.6c-12.2 6.7-25.7 12.1-39.2 16.2L293.2 512zm-54.1-26.9h35.1l18.9-57.9 6.8-1.3c16.2-4 31.1-10.8 45.9-18.9l6.8-4 54 26.9 24.3-24.3-27-53.9 4.1-6.7c8.1-13.5 14.9-29.6 18.9-45.8l1.4-6.7 58.1-18.9v-35l-58.1-18.9-1.4-6.7c-4.1-16.2-10.8-31-18.9-45.8l-4.1-6.7 27-53.9-24.3-24.3-54 26.9-6.8-4c-14.8-8.2-29.7-14.9-45.9-19l-6.8-1.3L274.2 27h-35.1l-18.9 57.9-6.8 1.3c-16.2 4-31.1 10.8-45.9 18.9l-6.8 4-54-26.9-24.3 24.3 27 53.9-4.1 6.7c-8.1 13.5-14.9 29.6-18.9 45.8l-1.4 6.7-58 18.9v35l58.1 18.9 1.4 6.7c4.1 16.2 10.8 31 18.9 45.8l4.1 6.7-27 53.9 24.3 24.3 54-26.9 6.8 4c14.9 8.1 29.7 14.8 45.9 18.9l6.8 1.3 18.8 58z"/></symbol></svg><div class="f-menu"><div class="f-controls"><div class="f-control f-global-control" data-f-toggle-control="labels" title="Toggle Labels"><svg><use xlink:href="#f-icon-labels"/></svg></div><div class="f-control f-global-control" data-f-toggle-control="notes" title="Toggle Notes"><svg><use xlink:href="#f-icon-notes"/></svg></div><div class="f-control f-global-control" data-f-toggle-control="code" title="Toggle Code"><svg><use xlink:href="#f-icon-code"/></svg></div></div><ul><li><a href="index.html" class="f-menu__heading">Home</a></li><li><a href="getting-started.html" class="f-menu__heading">Getting Started</a></li><li><a href="components.html" class="f-menu__heading">Components</a><ul><li><a href="components.html#breadcrumbs">Breadcrumbs</a></li><li><a href="components.html#buttons">Buttons</a></li><li><a href="components.html#cards">Cards</a></li><li><a href="components.html#checkbox">Checkbox</a></li><li><a href="components.html#collapse">Collapse</a></li><li><a href="components.html#forms">Forms</a></li><li><a href="components.html#inputs">Inputs</a></li><li><a href="components.html#list-group">List Group</a></li><li><a href="components.html#menu">Menu</a></li><li><a href="components.html#pagination">Pagination</a></li><li><a href="components.html#radio">Radio</a></li><li><a href="components.html#switch">Switch</a></li><li><a href="components.html#table">Table</a></li><li><a href="components.html#tabs">Tabs</a></li><li><a href="components.html#tooltip">Tooltip</a></li></ul></li><li><a href="utilities.html" class="f-menu__heading">Utilities</a><ul><li><a href="utilities.html#Typography">Typography</a></li><li><a href="utilities.html#avatar">Avatar</a></li><li><a href="utilities.html#clearfix">Clearfix</a></li><li><a href="utilities.html#float">Float</a></li><li><a href="utilities.html#grid-system">Grid System</a></li><li><a href="utilities.html#scrollable">Scrollable</a></li><li><a href="utilities.html#shadow">Shadow</a></li><li><a href="utilities.html#text-align">Text Align</a></li></ul></li></ul></div><div class="f-container"><div class="f-control-bar"><div class="f-control f-menu-toggle"><svg><use xlink:href="#f-icon-menu"/></svg></div></div><h1 class="f-labels" data-f-toggle="labels">Javascript</h1></div><script async src="https://www.googletagmanager.com/gtag/js?id=UA-110559968-1"></script><script>window.dataLayer = window.dataLayer || [];
+<!doctype html><html lang="zh-TW" class="fabricator"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"><meta name="keywords" content="GSS, UI kit, Vital, UI design, web applications"><meta name="description" content="Vital UI Kit, a graceful and customizable front-end UI kit for web development. - by Galaxy Software Services"><meta property="og:title" content="Vital UI Kit"><meta property="og:image" content="https://raw.githubusercontent.com/GSS-FED/vital-ui-kit/develop/assets/img/icon.png"><meta property="og:site_name" content="Vital UI Kit"><meta property="og:type" content="object"><meta property="og:url" content="https://gss-fed.github.io/vital-ui-kit/"><meta property="og:description" content="Vital UI Kit, a graceful and customizable front-end UI kit for web development. - by Galaxy Software Services"><title>Javascript | Vital UI Kit</title><link rel="icon" href="https://raw.githubusercontent.com/GSS-FED/vital-ui-kit/develop/assets/img/icon.png"><link rel="shortcut icon" href="https://raw.githubusercontent.com/GSS-FED/vital-ui-kit/develop/assets/img/icon.png"><link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet"><link rel="stylesheet" href="./css/vital-ui-kit.css"><link rel="stylesheet" href="./css/styleguide.css"></head><body><nav class="nav-wrapper"><div class="nav-menu"><a class="logo" href="index.html"></a><a class="is-active" href="getting-started.html">Documentation</a><a class="" href="template.html">Examples</a><a class="" href="kendo-demo.html"><span>Kendo theme</span></a><a class="" href="react.html">React Version</a><a href="https://uwillx.com/" target="_blank">Contact</a></div><div class="nav-dropdown-wrapper download-wrapper"><a class="nav-dropdown-toggle" href="https://github.com/GSS-FED/vital-ui-kit/archive/build.zip">下載 UI KIT</a></div></nav><svg style="display: none;"><symbol id="f-icon-code" viewBox="0 0 512 512"><path d="M377.3 121.3l-40.5 40.4 94.4 94.3-94.4 94.3 40.5 40.4L512 256zM134.7 121.3L0 256l134.7 134.7 40.5-40.4L80.8 256l94.4-94.3zM281.8 103.8zM230.183 408.16l-29.233-7.97 80.85-296.484 29.234 7.972z"/></symbol><symbol id="f-icon-notes" viewBox="0 0 512 512"><path d="M443.8 0H68.2C30.6 0 0 30.5 0 68v264.2c0 16.6 8.9 29.5 25.9 37.5 15.3 7.2 33.1 8.4 40.1 8.5V512l201.6-134h176.1c37.6 0 68.2-30.3 68.2-67.8V68c.1-37.5-30.5-68-68.1-68zM114 438V330H68.2c-11.1 0-19.2-8.8-19.2-19.8V68c0-11 8.2-20 19.2-20h375.5c11.1 0 19.2 9 19.2 20v242.2c0 11-8.2 19.8-19.2 19.8H244.2L114 438z"/></symbol><symbol id="f-icon-labels" viewBox="0 0 512 512"><path d="M304 280c0 13.2-10.8 24-24 24h-48c-13.2 0-24-10.8-24-24v-48c0-13.2 10.8-24 24-24h48c13.2 0 24 10.8 24 24v48zM464 280c0 13.2-10.8 24-24 24h-48c-13.2 0-24-10.8-24-24v-48c0-13.2 10.8-24 24-24h48c13.2 0 24 10.8 24 24v48zM144 280c0 13.2-10.8 24-24 24H72c-13.2 0-24-10.8-24-24v-48c0-13.2 10.8-24 24-24h48c13.2 0 24 10.8 24 24v48z"/></symbol><symbol id="f-icon-menu" viewBox="0 0 512 512"><path d="M512 100c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12V76c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24zM512 212c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12v-24c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24zM512 324c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12v-24c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24zM512 436c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12v-24c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24z"/></symbol><symbol id="f-icon-settings" viewBox="0 0 512 512"><path d="M256 377.3c-67.5 0-121.6-53.9-121.6-121.3s54-121.3 121.6-121.3S377.6 188.6 377.6 256 323.5 377.3 256 377.3zm0-215.6c-52.7 0-94.6 41.8-94.6 94.3s41.9 94.3 94.6 94.3 94.6-41.8 94.6-94.3-41.9-94.3-94.6-94.3zM293.2 512h-72.9L200 450c-13.5-4-27-9.4-39.2-16.2l-59.4 29.6L50 412.3 79.7 353c-6.8-12.1-12.2-25.6-16.2-39.1L0 292.4v-72.8l62.1-20.2c4.1-13.5 9.5-26.9 16.2-39.1L48.6 101 100 49.9l59.4 29.6c12.2-6.7 25.7-12.1 39.2-16.2L220.2 0h72.9l20.3 62c13.5 4 27 9.4 39.2 16.2L412 48.5l51.3 51.2-29.7 59.3c6.8 12.1 12.2 25.6 16.2 39.1l62.1 20.2V291l-62.1 20.2c-4.1 13.5-9.5 26.9-16.2 39.1l29.7 59.3-51.3 51.2-59.4-29.6c-12.2 6.7-25.7 12.1-39.2 16.2L293.2 512zm-54.1-26.9h35.1l18.9-57.9 6.8-1.3c16.2-4 31.1-10.8 45.9-18.9l6.8-4 54 26.9 24.3-24.3-27-53.9 4.1-6.7c8.1-13.5 14.9-29.6 18.9-45.8l1.4-6.7 58.1-18.9v-35l-58.1-18.9-1.4-6.7c-4.1-16.2-10.8-31-18.9-45.8l-4.1-6.7 27-53.9-24.3-24.3-54 26.9-6.8-4c-14.8-8.2-29.7-14.9-45.9-19l-6.8-1.3L274.2 27h-35.1l-18.9 57.9-6.8 1.3c-16.2 4-31.1 10.8-45.9 18.9l-6.8 4-54-26.9-24.3 24.3 27 53.9-4.1 6.7c-8.1 13.5-14.9 29.6-18.9 45.8l-1.4 6.7-58 18.9v35l58.1 18.9 1.4 6.7c4.1 16.2 10.8 31 18.9 45.8l4.1 6.7-27 53.9 24.3 24.3 54-26.9 6.8 4c14.9 8.1 29.7 14.8 45.9 18.9l6.8 1.3 18.8 58z"/></symbol></svg><div class="f-menu"><div class="f-controls"><div class="f-control f-global-control" data-f-toggle-control="labels" title="Toggle Labels"><svg><use xlink:href="#f-icon-labels"/></svg></div><div class="f-control f-global-control" data-f-toggle-control="notes" title="Toggle Notes"><svg><use xlink:href="#f-icon-notes"/></svg></div><div class="f-control f-global-control" data-f-toggle-control="code" title="Toggle Code"><svg><use xlink:href="#f-icon-code"/></svg></div></div><ul><li><a href="index.html" class="f-menu__heading">Home</a></li><li><a href="getting-started.html" class="f-menu__heading">Getting Started</a></li><li><a href="components.html" class="f-menu__heading">Components</a><ul><li><a href="components.html#breadcrumbs">Breadcrumbs</a></li><li><a href="components.html#buttons">Buttons</a></li><li><a href="components.html#cards">Cards</a></li><li><a href="components.html#checkbox">Checkbox</a></li><li><a href="components.html#collapse">Collapse</a></li><li><a href="components.html#forms">Forms</a></li><li><a href="components.html#inputs">Inputs</a></li><li><a href="components.html#list-group">List Group</a></li><li><a href="components.html#menu">Menu</a></li><li><a href="components.html#pagination">Pagination</a></li><li><a href="components.html#radio">Radio</a></li><li><a href="components.html#switch">Switch</a></li><li><a href="components.html#table">Table</a></li><li><a href="components.html#tabs">Tabs</a></li><li><a href="components.html#tooltip">Tooltip</a></li></ul></li><li><a href="utilities.html" class="f-menu__heading">Utilities</a><ul><li><a href="utilities.html#avatar">Avatar</a></li><li><a href="utilities.html#clearfix">Clearfix</a></li><li><a href="utilities.html#float">Float</a></li><li><a href="utilities.html#grid-system">Grid System</a></li><li><a href="utilities.html#scrollable">Scrollable</a></li><li><a href="utilities.html#shadow">Shadow</a></li><li><a href="utilities.html#text-align">Text Align</a></li><li><a href="utilities.html#typography">Typography</a></li></ul></li></ul></div><div class="f-container"><div class="f-control-bar"><div class="f-control f-menu-toggle"><svg><use xlink:href="#f-icon-menu"/></svg></div></div><h1 class="f-labels" data-f-toggle="labels">Javascript</h1></div><script async src="https://www.googletagmanager.com/gtag/js?id=UA-110559968-1"></script><script>window.dataLayer = window.dataLayer || [];
 	  function gtag(){dataLayer.push(arguments);}
 	  gtag('js', new Date());
 	 	gtag('config', 'UA-110559968-1');</script><script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><script src="./js/vital-ui-kit.js"></script><script src="./js/styleguide.js"></script></body></html>
\ No newline at end of file
diff --git a/docs/js/landingpage.js b/docs/js/landingpage.js
index 0ec8fd5..20364b6 100644
--- a/docs/js/landingpage.js
+++ b/docs/js/landingpage.js
@@ -1,7 +1,7 @@
 /*******************************************
  * Copyright © 2018 Galaxy Software Services
  *
- * vital-ui-kit, v1.0.0
+ * @gssfed/vital-ui-kit, v1.0.0
  * UI Kit for GSS Vital Family
  *
  * By Neil Lin (https://github.com/Neil-Lin),Patric,Laura Lee (https://github.com/l443018),Eric Yip (https://github.com/ericyip),Vibrissa (https://github.com/Vibrissa),YuRu Lee (https://github.com/YuRu-Lee),CJies Tan (https://github.com/cjies),Evan Wu (https://github.com/evanwu-tw)
diff --git a/docs/js/styleguide.js b/docs/js/styleguide.js
old mode 100755
new mode 100644
index b4dc472..50423e6
--- a/docs/js/styleguide.js
+++ b/docs/js/styleguide.js
@@ -1,7 +1,7 @@
 /*******************************************
  * Copyright © 2018 Galaxy Software Services
  *
- * vital-ui-kit, v1.0.0
+ * @gssfed/vital-ui-kit, v1.0.0
  * UI Kit for GSS Vital Family
  *
  * By Neil Lin (https://github.com/Neil-Lin),Patric,Laura Lee (https://github.com/l443018),Eric Yip (https://github.com/ericyip),Vibrissa (https://github.com/Vibrissa),YuRu Lee (https://github.com/YuRu-Lee),CJies Tan (https://github.com/cjies),Evan Wu (https://github.com/evanwu-tw)
diff --git a/docs/js/template.js b/docs/js/template.js
index 4cf2482..cff6352 100644
--- a/docs/js/template.js
+++ b/docs/js/template.js
@@ -1,7 +1,7 @@
 /*******************************************
  * Copyright © 2018 Galaxy Software Services
  *
- * vital-ui-kit, v1.0.0
+ * @gssfed/vital-ui-kit, v1.0.0
  * UI Kit for GSS Vital Family
  *
  * By Neil Lin (https://github.com/Neil-Lin),Patric,Laura Lee (https://github.com/l443018),Eric Yip (https://github.com/ericyip),Vibrissa (https://github.com/Vibrissa),YuRu Lee (https://github.com/YuRu-Lee),CJies Tan (https://github.com/cjies),Evan Wu (https://github.com/evanwu-tw)
diff --git a/docs/js/vital-ui-kit.js b/docs/js/vital-ui-kit.js
index 23e1a56..16d3f48 100644
--- a/docs/js/vital-ui-kit.js
+++ b/docs/js/vital-ui-kit.js
@@ -1,7 +1,7 @@
 /*******************************************
  * Copyright © 2018 Galaxy Software Services
  *
- * vital-ui-kit, v1.0.0
+ * @gssfed/vital-ui-kit, v1.0.0
  * UI Kit for GSS Vital Family
  *
  * By Neil Lin (https://github.com/Neil-Lin),Patric,Laura Lee (https://github.com/l443018),Eric Yip (https://github.com/ericyip),Vibrissa (https://github.com/Vibrissa),YuRu Lee (https://github.com/YuRu-Lee),CJies Tan (https://github.com/cjies),Evan Wu (https://github.com/evanwu-tw)
diff --git a/docs/pages.html b/docs/pages.html
index 62e7458..04b685c 100644
--- a/docs/pages.html
+++ b/docs/pages.html
@@ -1,4 +1,4 @@
-<!doctype html><html lang="zh-TW" class="fabricator"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"><meta name="keywords" content="GSS, UI kit, Vital, UI design, web applications"><meta name="description" content="Vital UI Kit, a graceful and customizable front-end UI kit for web development. - by Galaxy Software Services"><meta property="og:title" content="Vital UI Kit"><meta property="og:image" content="https://raw.githubusercontent.com/GSS-FED/vital-ui-kit/develop/assets/img/icon.png"><meta property="og:site_name" content="Vital UI Kit"><meta property="og:type" content="object"><meta property="og:url" content="https://gss-fed.github.io/vital-ui-kit/"><meta property="og:description" content="Vital UI Kit, a graceful and customizable front-end UI kit for web development. - by Galaxy Software Services"><title>Pages | Vital UI Kit</title><link rel="icon" href="https://raw.githubusercontent.com/GSS-FED/vital-ui-kit/develop/assets/img/icon.png"><link rel="shortcut icon" href="https://raw.githubusercontent.com/GSS-FED/vital-ui-kit/develop/assets/img/icon.png"><link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet"><link rel="stylesheet" href="./css/vital-ui-kit.css"><link rel="stylesheet" href="./css/styleguide.css"></head><body><nav class="nav-wrapper"><div class="nav-menu"><a class="logo" href="index.html"></a><a class="is-active" href="getting-started.html">Documentation</a><a class="" href="template.html">Examples</a><a class="" href="kendo-demo.html"><span>Kendo theme</span></a><a class="" href="react.html">React Version</a><a href="https://uwillx.com/" target="_blank">Contact</a></div><div class="nav-dropdown-wrapper download-wrapper"><a class="nav-dropdown-toggle" href="https://github.com/GSS-FED/vital-ui-kit/archive/build.zip">下載 UI KIT</a></div></nav><svg style="display: none;"><symbol id="f-icon-code" viewBox="0 0 512 512"><path d="M377.3 121.3l-40.5 40.4 94.4 94.3-94.4 94.3 40.5 40.4L512 256zM134.7 121.3L0 256l134.7 134.7 40.5-40.4L80.8 256l94.4-94.3zM281.8 103.8zM230.183 408.16l-29.233-7.97 80.85-296.484 29.234 7.972z"/></symbol><symbol id="f-icon-notes" viewBox="0 0 512 512"><path d="M443.8 0H68.2C30.6 0 0 30.5 0 68v264.2c0 16.6 8.9 29.5 25.9 37.5 15.3 7.2 33.1 8.4 40.1 8.5V512l201.6-134h176.1c37.6 0 68.2-30.3 68.2-67.8V68c.1-37.5-30.5-68-68.1-68zM114 438V330H68.2c-11.1 0-19.2-8.8-19.2-19.8V68c0-11 8.2-20 19.2-20h375.5c11.1 0 19.2 9 19.2 20v242.2c0 11-8.2 19.8-19.2 19.8H244.2L114 438z"/></symbol><symbol id="f-icon-labels" viewBox="0 0 512 512"><path d="M304 280c0 13.2-10.8 24-24 24h-48c-13.2 0-24-10.8-24-24v-48c0-13.2 10.8-24 24-24h48c13.2 0 24 10.8 24 24v48zM464 280c0 13.2-10.8 24-24 24h-48c-13.2 0-24-10.8-24-24v-48c0-13.2 10.8-24 24-24h48c13.2 0 24 10.8 24 24v48zM144 280c0 13.2-10.8 24-24 24H72c-13.2 0-24-10.8-24-24v-48c0-13.2 10.8-24 24-24h48c13.2 0 24 10.8 24 24v48z"/></symbol><symbol id="f-icon-menu" viewBox="0 0 512 512"><path d="M512 100c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12V76c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24zM512 212c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12v-24c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24zM512 324c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12v-24c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24zM512 436c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12v-24c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24z"/></symbol><symbol id="f-icon-settings" viewBox="0 0 512 512"><path d="M256 377.3c-67.5 0-121.6-53.9-121.6-121.3s54-121.3 121.6-121.3S377.6 188.6 377.6 256 323.5 377.3 256 377.3zm0-215.6c-52.7 0-94.6 41.8-94.6 94.3s41.9 94.3 94.6 94.3 94.6-41.8 94.6-94.3-41.9-94.3-94.6-94.3zM293.2 512h-72.9L200 450c-13.5-4-27-9.4-39.2-16.2l-59.4 29.6L50 412.3 79.7 353c-6.8-12.1-12.2-25.6-16.2-39.1L0 292.4v-72.8l62.1-20.2c4.1-13.5 9.5-26.9 16.2-39.1L48.6 101 100 49.9l59.4 29.6c12.2-6.7 25.7-12.1 39.2-16.2L220.2 0h72.9l20.3 62c13.5 4 27 9.4 39.2 16.2L412 48.5l51.3 51.2-29.7 59.3c6.8 12.1 12.2 25.6 16.2 39.1l62.1 20.2V291l-62.1 20.2c-4.1 13.5-9.5 26.9-16.2 39.1l29.7 59.3-51.3 51.2-59.4-29.6c-12.2 6.7-25.7 12.1-39.2 16.2L293.2 512zm-54.1-26.9h35.1l18.9-57.9 6.8-1.3c16.2-4 31.1-10.8 45.9-18.9l6.8-4 54 26.9 24.3-24.3-27-53.9 4.1-6.7c8.1-13.5 14.9-29.6 18.9-45.8l1.4-6.7 58.1-18.9v-35l-58.1-18.9-1.4-6.7c-4.1-16.2-10.8-31-18.9-45.8l-4.1-6.7 27-53.9-24.3-24.3-54 26.9-6.8-4c-14.8-8.2-29.7-14.9-45.9-19l-6.8-1.3L274.2 27h-35.1l-18.9 57.9-6.8 1.3c-16.2 4-31.1 10.8-45.9 18.9l-6.8 4-54-26.9-24.3 24.3 27 53.9-4.1 6.7c-8.1 13.5-14.9 29.6-18.9 45.8l-1.4 6.7-58 18.9v35l58.1 18.9 1.4 6.7c4.1 16.2 10.8 31 18.9 45.8l4.1 6.7-27 53.9 24.3 24.3 54-26.9 6.8 4c14.9 8.1 29.7 14.8 45.9 18.9l6.8 1.3 18.8 58z"/></symbol></svg><div class="f-menu"><div class="f-controls"><div class="f-control f-global-control" data-f-toggle-control="labels" title="Toggle Labels"><svg><use xlink:href="#f-icon-labels"/></svg></div><div class="f-control f-global-control" data-f-toggle-control="notes" title="Toggle Notes"><svg><use xlink:href="#f-icon-notes"/></svg></div><div class="f-control f-global-control" data-f-toggle-control="code" title="Toggle Code"><svg><use xlink:href="#f-icon-code"/></svg></div></div><ul><li><a href="index.html" class="f-menu__heading">Home</a></li><li><a href="getting-started.html" class="f-menu__heading">Getting Started</a></li><li><a href="components.html" class="f-menu__heading">Components</a><ul><li><a href="components.html#breadcrumbs">Breadcrumbs</a></li><li><a href="components.html#buttons">Buttons</a></li><li><a href="components.html#cards">Cards</a></li><li><a href="components.html#checkbox">Checkbox</a></li><li><a href="components.html#collapse">Collapse</a></li><li><a href="components.html#forms">Forms</a></li><li><a href="components.html#inputs">Inputs</a></li><li><a href="components.html#list-group">List Group</a></li><li><a href="components.html#menu">Menu</a></li><li><a href="components.html#pagination">Pagination</a></li><li><a href="components.html#radio">Radio</a></li><li><a href="components.html#switch">Switch</a></li><li><a href="components.html#table">Table</a></li><li><a href="components.html#tabs">Tabs</a></li><li><a href="components.html#tooltip">Tooltip</a></li></ul></li><li><a href="utilities.html" class="f-menu__heading">Utilities</a><ul><li><a href="utilities.html#Typography">Typography</a></li><li><a href="utilities.html#avatar">Avatar</a></li><li><a href="utilities.html#clearfix">Clearfix</a></li><li><a href="utilities.html#float">Float</a></li><li><a href="utilities.html#grid-system">Grid System</a></li><li><a href="utilities.html#scrollable">Scrollable</a></li><li><a href="utilities.html#shadow">Shadow</a></li><li><a href="utilities.html#text-align">Text Align</a></li></ul></li></ul></div><div class="f-container"><div class="f-control-bar"><div class="f-control f-menu-toggle"><svg><use xlink:href="#f-icon-menu"/></svg></div></div><h1 class="f-labels" data-f-toggle="labels">Pages</h1><div class="f-item-group"><ul class="f-list"></ul></div></div><script async src="https://www.googletagmanager.com/gtag/js?id=UA-110559968-1"></script><script>window.dataLayer = window.dataLayer || [];
+<!doctype html><html lang="zh-TW" class="fabricator"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"><meta name="keywords" content="GSS, UI kit, Vital, UI design, web applications"><meta name="description" content="Vital UI Kit, a graceful and customizable front-end UI kit for web development. - by Galaxy Software Services"><meta property="og:title" content="Vital UI Kit"><meta property="og:image" content="https://raw.githubusercontent.com/GSS-FED/vital-ui-kit/develop/assets/img/icon.png"><meta property="og:site_name" content="Vital UI Kit"><meta property="og:type" content="object"><meta property="og:url" content="https://gss-fed.github.io/vital-ui-kit/"><meta property="og:description" content="Vital UI Kit, a graceful and customizable front-end UI kit for web development. - by Galaxy Software Services"><title>Pages | Vital UI Kit</title><link rel="icon" href="https://raw.githubusercontent.com/GSS-FED/vital-ui-kit/develop/assets/img/icon.png"><link rel="shortcut icon" href="https://raw.githubusercontent.com/GSS-FED/vital-ui-kit/develop/assets/img/icon.png"><link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet"><link rel="stylesheet" href="./css/vital-ui-kit.css"><link rel="stylesheet" href="./css/styleguide.css"></head><body><nav class="nav-wrapper"><div class="nav-menu"><a class="logo" href="index.html"></a><a class="is-active" href="getting-started.html">Documentation</a><a class="" href="template.html">Examples</a><a class="" href="kendo-demo.html"><span>Kendo theme</span></a><a class="" href="react.html">React Version</a><a href="https://uwillx.com/" target="_blank">Contact</a></div><div class="nav-dropdown-wrapper download-wrapper"><a class="nav-dropdown-toggle" href="https://github.com/GSS-FED/vital-ui-kit/archive/build.zip">下載 UI KIT</a></div></nav><svg style="display: none;"><symbol id="f-icon-code" viewBox="0 0 512 512"><path d="M377.3 121.3l-40.5 40.4 94.4 94.3-94.4 94.3 40.5 40.4L512 256zM134.7 121.3L0 256l134.7 134.7 40.5-40.4L80.8 256l94.4-94.3zM281.8 103.8zM230.183 408.16l-29.233-7.97 80.85-296.484 29.234 7.972z"/></symbol><symbol id="f-icon-notes" viewBox="0 0 512 512"><path d="M443.8 0H68.2C30.6 0 0 30.5 0 68v264.2c0 16.6 8.9 29.5 25.9 37.5 15.3 7.2 33.1 8.4 40.1 8.5V512l201.6-134h176.1c37.6 0 68.2-30.3 68.2-67.8V68c.1-37.5-30.5-68-68.1-68zM114 438V330H68.2c-11.1 0-19.2-8.8-19.2-19.8V68c0-11 8.2-20 19.2-20h375.5c11.1 0 19.2 9 19.2 20v242.2c0 11-8.2 19.8-19.2 19.8H244.2L114 438z"/></symbol><symbol id="f-icon-labels" viewBox="0 0 512 512"><path d="M304 280c0 13.2-10.8 24-24 24h-48c-13.2 0-24-10.8-24-24v-48c0-13.2 10.8-24 24-24h48c13.2 0 24 10.8 24 24v48zM464 280c0 13.2-10.8 24-24 24h-48c-13.2 0-24-10.8-24-24v-48c0-13.2 10.8-24 24-24h48c13.2 0 24 10.8 24 24v48zM144 280c0 13.2-10.8 24-24 24H72c-13.2 0-24-10.8-24-24v-48c0-13.2 10.8-24 24-24h48c13.2 0 24 10.8 24 24v48z"/></symbol><symbol id="f-icon-menu" viewBox="0 0 512 512"><path d="M512 100c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12V76c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24zM512 212c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12v-24c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24zM512 324c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12v-24c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24zM512 436c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12v-24c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24z"/></symbol><symbol id="f-icon-settings" viewBox="0 0 512 512"><path d="M256 377.3c-67.5 0-121.6-53.9-121.6-121.3s54-121.3 121.6-121.3S377.6 188.6 377.6 256 323.5 377.3 256 377.3zm0-215.6c-52.7 0-94.6 41.8-94.6 94.3s41.9 94.3 94.6 94.3 94.6-41.8 94.6-94.3-41.9-94.3-94.6-94.3zM293.2 512h-72.9L200 450c-13.5-4-27-9.4-39.2-16.2l-59.4 29.6L50 412.3 79.7 353c-6.8-12.1-12.2-25.6-16.2-39.1L0 292.4v-72.8l62.1-20.2c4.1-13.5 9.5-26.9 16.2-39.1L48.6 101 100 49.9l59.4 29.6c12.2-6.7 25.7-12.1 39.2-16.2L220.2 0h72.9l20.3 62c13.5 4 27 9.4 39.2 16.2L412 48.5l51.3 51.2-29.7 59.3c6.8 12.1 12.2 25.6 16.2 39.1l62.1 20.2V291l-62.1 20.2c-4.1 13.5-9.5 26.9-16.2 39.1l29.7 59.3-51.3 51.2-59.4-29.6c-12.2 6.7-25.7 12.1-39.2 16.2L293.2 512zm-54.1-26.9h35.1l18.9-57.9 6.8-1.3c16.2-4 31.1-10.8 45.9-18.9l6.8-4 54 26.9 24.3-24.3-27-53.9 4.1-6.7c8.1-13.5 14.9-29.6 18.9-45.8l1.4-6.7 58.1-18.9v-35l-58.1-18.9-1.4-6.7c-4.1-16.2-10.8-31-18.9-45.8l-4.1-6.7 27-53.9-24.3-24.3-54 26.9-6.8-4c-14.8-8.2-29.7-14.9-45.9-19l-6.8-1.3L274.2 27h-35.1l-18.9 57.9-6.8 1.3c-16.2 4-31.1 10.8-45.9 18.9l-6.8 4-54-26.9-24.3 24.3 27 53.9-4.1 6.7c-8.1 13.5-14.9 29.6-18.9 45.8l-1.4 6.7-58 18.9v35l58.1 18.9 1.4 6.7c4.1 16.2 10.8 31 18.9 45.8l4.1 6.7-27 53.9 24.3 24.3 54-26.9 6.8 4c14.9 8.1 29.7 14.8 45.9 18.9l6.8 1.3 18.8 58z"/></symbol></svg><div class="f-menu"><div class="f-controls"><div class="f-control f-global-control" data-f-toggle-control="labels" title="Toggle Labels"><svg><use xlink:href="#f-icon-labels"/></svg></div><div class="f-control f-global-control" data-f-toggle-control="notes" title="Toggle Notes"><svg><use xlink:href="#f-icon-notes"/></svg></div><div class="f-control f-global-control" data-f-toggle-control="code" title="Toggle Code"><svg><use xlink:href="#f-icon-code"/></svg></div></div><ul><li><a href="index.html" class="f-menu__heading">Home</a></li><li><a href="getting-started.html" class="f-menu__heading">Getting Started</a></li><li><a href="components.html" class="f-menu__heading">Components</a><ul><li><a href="components.html#breadcrumbs">Breadcrumbs</a></li><li><a href="components.html#buttons">Buttons</a></li><li><a href="components.html#cards">Cards</a></li><li><a href="components.html#checkbox">Checkbox</a></li><li><a href="components.html#collapse">Collapse</a></li><li><a href="components.html#forms">Forms</a></li><li><a href="components.html#inputs">Inputs</a></li><li><a href="components.html#list-group">List Group</a></li><li><a href="components.html#menu">Menu</a></li><li><a href="components.html#pagination">Pagination</a></li><li><a href="components.html#radio">Radio</a></li><li><a href="components.html#switch">Switch</a></li><li><a href="components.html#table">Table</a></li><li><a href="components.html#tabs">Tabs</a></li><li><a href="components.html#tooltip">Tooltip</a></li></ul></li><li><a href="utilities.html" class="f-menu__heading">Utilities</a><ul><li><a href="utilities.html#avatar">Avatar</a></li><li><a href="utilities.html#clearfix">Clearfix</a></li><li><a href="utilities.html#float">Float</a></li><li><a href="utilities.html#grid-system">Grid System</a></li><li><a href="utilities.html#scrollable">Scrollable</a></li><li><a href="utilities.html#shadow">Shadow</a></li><li><a href="utilities.html#text-align">Text Align</a></li><li><a href="utilities.html#typography">Typography</a></li></ul></li></ul></div><div class="f-container"><div class="f-control-bar"><div class="f-control f-menu-toggle"><svg><use xlink:href="#f-icon-menu"/></svg></div></div><h1 class="f-labels" data-f-toggle="labels">Pages</h1><div class="f-item-group"><ul class="f-list"></ul></div></div><script async src="https://www.googletagmanager.com/gtag/js?id=UA-110559968-1"></script><script>window.dataLayer = window.dataLayer || [];
 	  function gtag(){dataLayer.push(arguments);}
 	  gtag('js', new Date());
 	 	gtag('config', 'UA-110559968-1');</script><script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><script src="./js/vital-ui-kit.js"></script><script src="./js/styleguide.js"></script></body></html>
\ No newline at end of file
diff --git a/docs/structures.html b/docs/structures.html
index 0e5ea5c..0fb5798 100644
--- a/docs/structures.html
+++ b/docs/structures.html
@@ -1,4 +1,4 @@
-<!doctype html><html lang="zh-TW" class="fabricator"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"><meta name="keywords" content="GSS, UI kit, Vital, UI design, web applications"><meta name="description" content="Vital UI Kit, a graceful and customizable front-end UI kit for web development. - by Galaxy Software Services"><meta property="og:title" content="Vital UI Kit"><meta property="og:image" content="https://raw.githubusercontent.com/GSS-FED/vital-ui-kit/develop/assets/img/icon.png"><meta property="og:site_name" content="Vital UI Kit"><meta property="og:type" content="object"><meta property="og:url" content="https://gss-fed.github.io/vital-ui-kit/"><meta property="og:description" content="Vital UI Kit, a graceful and customizable front-end UI kit for web development. - by Galaxy Software Services"><title>Structures | Vital UI Kit</title><link rel="icon" href="https://raw.githubusercontent.com/GSS-FED/vital-ui-kit/develop/assets/img/icon.png"><link rel="shortcut icon" href="https://raw.githubusercontent.com/GSS-FED/vital-ui-kit/develop/assets/img/icon.png"><link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet"><link rel="stylesheet" href="./css/vital-ui-kit.css"><link rel="stylesheet" href="./css/styleguide.css"></head><body><nav class="nav-wrapper"><div class="nav-menu"><a class="logo" href="index.html"></a><a class="is-active" href="getting-started.html">Documentation</a><a class="" href="template.html">Examples</a><a class="" href="kendo-demo.html"><span>Kendo theme</span></a><a class="" href="react.html">React Version</a><a href="https://uwillx.com/" target="_blank">Contact</a></div><div class="nav-dropdown-wrapper download-wrapper"><a class="nav-dropdown-toggle" href="https://github.com/GSS-FED/vital-ui-kit/archive/build.zip">下載 UI KIT</a></div></nav><svg style="display: none;"><symbol id="f-icon-code" viewBox="0 0 512 512"><path d="M377.3 121.3l-40.5 40.4 94.4 94.3-94.4 94.3 40.5 40.4L512 256zM134.7 121.3L0 256l134.7 134.7 40.5-40.4L80.8 256l94.4-94.3zM281.8 103.8zM230.183 408.16l-29.233-7.97 80.85-296.484 29.234 7.972z"/></symbol><symbol id="f-icon-notes" viewBox="0 0 512 512"><path d="M443.8 0H68.2C30.6 0 0 30.5 0 68v264.2c0 16.6 8.9 29.5 25.9 37.5 15.3 7.2 33.1 8.4 40.1 8.5V512l201.6-134h176.1c37.6 0 68.2-30.3 68.2-67.8V68c.1-37.5-30.5-68-68.1-68zM114 438V330H68.2c-11.1 0-19.2-8.8-19.2-19.8V68c0-11 8.2-20 19.2-20h375.5c11.1 0 19.2 9 19.2 20v242.2c0 11-8.2 19.8-19.2 19.8H244.2L114 438z"/></symbol><symbol id="f-icon-labels" viewBox="0 0 512 512"><path d="M304 280c0 13.2-10.8 24-24 24h-48c-13.2 0-24-10.8-24-24v-48c0-13.2 10.8-24 24-24h48c13.2 0 24 10.8 24 24v48zM464 280c0 13.2-10.8 24-24 24h-48c-13.2 0-24-10.8-24-24v-48c0-13.2 10.8-24 24-24h48c13.2 0 24 10.8 24 24v48zM144 280c0 13.2-10.8 24-24 24H72c-13.2 0-24-10.8-24-24v-48c0-13.2 10.8-24 24-24h48c13.2 0 24 10.8 24 24v48z"/></symbol><symbol id="f-icon-menu" viewBox="0 0 512 512"><path d="M512 100c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12V76c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24zM512 212c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12v-24c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24zM512 324c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12v-24c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24zM512 436c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12v-24c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24z"/></symbol><symbol id="f-icon-settings" viewBox="0 0 512 512"><path d="M256 377.3c-67.5 0-121.6-53.9-121.6-121.3s54-121.3 121.6-121.3S377.6 188.6 377.6 256 323.5 377.3 256 377.3zm0-215.6c-52.7 0-94.6 41.8-94.6 94.3s41.9 94.3 94.6 94.3 94.6-41.8 94.6-94.3-41.9-94.3-94.6-94.3zM293.2 512h-72.9L200 450c-13.5-4-27-9.4-39.2-16.2l-59.4 29.6L50 412.3 79.7 353c-6.8-12.1-12.2-25.6-16.2-39.1L0 292.4v-72.8l62.1-20.2c4.1-13.5 9.5-26.9 16.2-39.1L48.6 101 100 49.9l59.4 29.6c12.2-6.7 25.7-12.1 39.2-16.2L220.2 0h72.9l20.3 62c13.5 4 27 9.4 39.2 16.2L412 48.5l51.3 51.2-29.7 59.3c6.8 12.1 12.2 25.6 16.2 39.1l62.1 20.2V291l-62.1 20.2c-4.1 13.5-9.5 26.9-16.2 39.1l29.7 59.3-51.3 51.2-59.4-29.6c-12.2 6.7-25.7 12.1-39.2 16.2L293.2 512zm-54.1-26.9h35.1l18.9-57.9 6.8-1.3c16.2-4 31.1-10.8 45.9-18.9l6.8-4 54 26.9 24.3-24.3-27-53.9 4.1-6.7c8.1-13.5 14.9-29.6 18.9-45.8l1.4-6.7 58.1-18.9v-35l-58.1-18.9-1.4-6.7c-4.1-16.2-10.8-31-18.9-45.8l-4.1-6.7 27-53.9-24.3-24.3-54 26.9-6.8-4c-14.8-8.2-29.7-14.9-45.9-19l-6.8-1.3L274.2 27h-35.1l-18.9 57.9-6.8 1.3c-16.2 4-31.1 10.8-45.9 18.9l-6.8 4-54-26.9-24.3 24.3 27 53.9-4.1 6.7c-8.1 13.5-14.9 29.6-18.9 45.8l-1.4 6.7-58 18.9v35l58.1 18.9 1.4 6.7c4.1 16.2 10.8 31 18.9 45.8l4.1 6.7-27 53.9 24.3 24.3 54-26.9 6.8 4c14.9 8.1 29.7 14.8 45.9 18.9l6.8 1.3 18.8 58z"/></symbol></svg><div class="f-menu"><div class="f-controls"><div class="f-control f-global-control" data-f-toggle-control="labels" title="Toggle Labels"><svg><use xlink:href="#f-icon-labels"/></svg></div><div class="f-control f-global-control" data-f-toggle-control="notes" title="Toggle Notes"><svg><use xlink:href="#f-icon-notes"/></svg></div><div class="f-control f-global-control" data-f-toggle-control="code" title="Toggle Code"><svg><use xlink:href="#f-icon-code"/></svg></div></div><ul><li><a href="index.html" class="f-menu__heading">Home</a></li><li><a href="getting-started.html" class="f-menu__heading">Getting Started</a></li><li><a href="components.html" class="f-menu__heading">Components</a><ul><li><a href="components.html#breadcrumbs">Breadcrumbs</a></li><li><a href="components.html#buttons">Buttons</a></li><li><a href="components.html#cards">Cards</a></li><li><a href="components.html#checkbox">Checkbox</a></li><li><a href="components.html#collapse">Collapse</a></li><li><a href="components.html#forms">Forms</a></li><li><a href="components.html#inputs">Inputs</a></li><li><a href="components.html#list-group">List Group</a></li><li><a href="components.html#menu">Menu</a></li><li><a href="components.html#pagination">Pagination</a></li><li><a href="components.html#radio">Radio</a></li><li><a href="components.html#switch">Switch</a></li><li><a href="components.html#table">Table</a></li><li><a href="components.html#tabs">Tabs</a></li><li><a href="components.html#tooltip">Tooltip</a></li></ul></li><li><a href="utilities.html" class="f-menu__heading">Utilities</a><ul><li><a href="utilities.html#Typography">Typography</a></li><li><a href="utilities.html#avatar">Avatar</a></li><li><a href="utilities.html#clearfix">Clearfix</a></li><li><a href="utilities.html#float">Float</a></li><li><a href="utilities.html#grid-system">Grid System</a></li><li><a href="utilities.html#scrollable">Scrollable</a></li><li><a href="utilities.html#shadow">Shadow</a></li><li><a href="utilities.html#text-align">Text Align</a></li></ul></li></ul></div><div class="f-container"><div class="f-control-bar"><div class="f-control f-menu-toggle"><svg><use xlink:href="#f-icon-menu"/></svg></div></div><h1 class="f-labels" data-f-toggle="labels">Structures</h1></div><script async src="https://www.googletagmanager.com/gtag/js?id=UA-110559968-1"></script><script>window.dataLayer = window.dataLayer || [];
+<!doctype html><html lang="zh-TW" class="fabricator"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"><meta name="keywords" content="GSS, UI kit, Vital, UI design, web applications"><meta name="description" content="Vital UI Kit, a graceful and customizable front-end UI kit for web development. - by Galaxy Software Services"><meta property="og:title" content="Vital UI Kit"><meta property="og:image" content="https://raw.githubusercontent.com/GSS-FED/vital-ui-kit/develop/assets/img/icon.png"><meta property="og:site_name" content="Vital UI Kit"><meta property="og:type" content="object"><meta property="og:url" content="https://gss-fed.github.io/vital-ui-kit/"><meta property="og:description" content="Vital UI Kit, a graceful and customizable front-end UI kit for web development. - by Galaxy Software Services"><title>Structures | Vital UI Kit</title><link rel="icon" href="https://raw.githubusercontent.com/GSS-FED/vital-ui-kit/develop/assets/img/icon.png"><link rel="shortcut icon" href="https://raw.githubusercontent.com/GSS-FED/vital-ui-kit/develop/assets/img/icon.png"><link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet"><link rel="stylesheet" href="./css/vital-ui-kit.css"><link rel="stylesheet" href="./css/styleguide.css"></head><body><nav class="nav-wrapper"><div class="nav-menu"><a class="logo" href="index.html"></a><a class="is-active" href="getting-started.html">Documentation</a><a class="" href="template.html">Examples</a><a class="" href="kendo-demo.html"><span>Kendo theme</span></a><a class="" href="react.html">React Version</a><a href="https://uwillx.com/" target="_blank">Contact</a></div><div class="nav-dropdown-wrapper download-wrapper"><a class="nav-dropdown-toggle" href="https://github.com/GSS-FED/vital-ui-kit/archive/build.zip">下載 UI KIT</a></div></nav><svg style="display: none;"><symbol id="f-icon-code" viewBox="0 0 512 512"><path d="M377.3 121.3l-40.5 40.4 94.4 94.3-94.4 94.3 40.5 40.4L512 256zM134.7 121.3L0 256l134.7 134.7 40.5-40.4L80.8 256l94.4-94.3zM281.8 103.8zM230.183 408.16l-29.233-7.97 80.85-296.484 29.234 7.972z"/></symbol><symbol id="f-icon-notes" viewBox="0 0 512 512"><path d="M443.8 0H68.2C30.6 0 0 30.5 0 68v264.2c0 16.6 8.9 29.5 25.9 37.5 15.3 7.2 33.1 8.4 40.1 8.5V512l201.6-134h176.1c37.6 0 68.2-30.3 68.2-67.8V68c.1-37.5-30.5-68-68.1-68zM114 438V330H68.2c-11.1 0-19.2-8.8-19.2-19.8V68c0-11 8.2-20 19.2-20h375.5c11.1 0 19.2 9 19.2 20v242.2c0 11-8.2 19.8-19.2 19.8H244.2L114 438z"/></symbol><symbol id="f-icon-labels" viewBox="0 0 512 512"><path d="M304 280c0 13.2-10.8 24-24 24h-48c-13.2 0-24-10.8-24-24v-48c0-13.2 10.8-24 24-24h48c13.2 0 24 10.8 24 24v48zM464 280c0 13.2-10.8 24-24 24h-48c-13.2 0-24-10.8-24-24v-48c0-13.2 10.8-24 24-24h48c13.2 0 24 10.8 24 24v48zM144 280c0 13.2-10.8 24-24 24H72c-13.2 0-24-10.8-24-24v-48c0-13.2 10.8-24 24-24h48c13.2 0 24 10.8 24 24v48z"/></symbol><symbol id="f-icon-menu" viewBox="0 0 512 512"><path d="M512 100c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12V76c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24zM512 212c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12v-24c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24zM512 324c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12v-24c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24zM512 436c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12v-24c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24z"/></symbol><symbol id="f-icon-settings" viewBox="0 0 512 512"><path d="M256 377.3c-67.5 0-121.6-53.9-121.6-121.3s54-121.3 121.6-121.3S377.6 188.6 377.6 256 323.5 377.3 256 377.3zm0-215.6c-52.7 0-94.6 41.8-94.6 94.3s41.9 94.3 94.6 94.3 94.6-41.8 94.6-94.3-41.9-94.3-94.6-94.3zM293.2 512h-72.9L200 450c-13.5-4-27-9.4-39.2-16.2l-59.4 29.6L50 412.3 79.7 353c-6.8-12.1-12.2-25.6-16.2-39.1L0 292.4v-72.8l62.1-20.2c4.1-13.5 9.5-26.9 16.2-39.1L48.6 101 100 49.9l59.4 29.6c12.2-6.7 25.7-12.1 39.2-16.2L220.2 0h72.9l20.3 62c13.5 4 27 9.4 39.2 16.2L412 48.5l51.3 51.2-29.7 59.3c6.8 12.1 12.2 25.6 16.2 39.1l62.1 20.2V291l-62.1 20.2c-4.1 13.5-9.5 26.9-16.2 39.1l29.7 59.3-51.3 51.2-59.4-29.6c-12.2 6.7-25.7 12.1-39.2 16.2L293.2 512zm-54.1-26.9h35.1l18.9-57.9 6.8-1.3c16.2-4 31.1-10.8 45.9-18.9l6.8-4 54 26.9 24.3-24.3-27-53.9 4.1-6.7c8.1-13.5 14.9-29.6 18.9-45.8l1.4-6.7 58.1-18.9v-35l-58.1-18.9-1.4-6.7c-4.1-16.2-10.8-31-18.9-45.8l-4.1-6.7 27-53.9-24.3-24.3-54 26.9-6.8-4c-14.8-8.2-29.7-14.9-45.9-19l-6.8-1.3L274.2 27h-35.1l-18.9 57.9-6.8 1.3c-16.2 4-31.1 10.8-45.9 18.9l-6.8 4-54-26.9-24.3 24.3 27 53.9-4.1 6.7c-8.1 13.5-14.9 29.6-18.9 45.8l-1.4 6.7-58 18.9v35l58.1 18.9 1.4 6.7c4.1 16.2 10.8 31 18.9 45.8l4.1 6.7-27 53.9 24.3 24.3 54-26.9 6.8 4c14.9 8.1 29.7 14.8 45.9 18.9l6.8 1.3 18.8 58z"/></symbol></svg><div class="f-menu"><div class="f-controls"><div class="f-control f-global-control" data-f-toggle-control="labels" title="Toggle Labels"><svg><use xlink:href="#f-icon-labels"/></svg></div><div class="f-control f-global-control" data-f-toggle-control="notes" title="Toggle Notes"><svg><use xlink:href="#f-icon-notes"/></svg></div><div class="f-control f-global-control" data-f-toggle-control="code" title="Toggle Code"><svg><use xlink:href="#f-icon-code"/></svg></div></div><ul><li><a href="index.html" class="f-menu__heading">Home</a></li><li><a href="getting-started.html" class="f-menu__heading">Getting Started</a></li><li><a href="components.html" class="f-menu__heading">Components</a><ul><li><a href="components.html#breadcrumbs">Breadcrumbs</a></li><li><a href="components.html#buttons">Buttons</a></li><li><a href="components.html#cards">Cards</a></li><li><a href="components.html#checkbox">Checkbox</a></li><li><a href="components.html#collapse">Collapse</a></li><li><a href="components.html#forms">Forms</a></li><li><a href="components.html#inputs">Inputs</a></li><li><a href="components.html#list-group">List Group</a></li><li><a href="components.html#menu">Menu</a></li><li><a href="components.html#pagination">Pagination</a></li><li><a href="components.html#radio">Radio</a></li><li><a href="components.html#switch">Switch</a></li><li><a href="components.html#table">Table</a></li><li><a href="components.html#tabs">Tabs</a></li><li><a href="components.html#tooltip">Tooltip</a></li></ul></li><li><a href="utilities.html" class="f-menu__heading">Utilities</a><ul><li><a href="utilities.html#avatar">Avatar</a></li><li><a href="utilities.html#clearfix">Clearfix</a></li><li><a href="utilities.html#float">Float</a></li><li><a href="utilities.html#grid-system">Grid System</a></li><li><a href="utilities.html#scrollable">Scrollable</a></li><li><a href="utilities.html#shadow">Shadow</a></li><li><a href="utilities.html#text-align">Text Align</a></li><li><a href="utilities.html#typography">Typography</a></li></ul></li></ul></div><div class="f-container"><div class="f-control-bar"><div class="f-control f-menu-toggle"><svg><use xlink:href="#f-icon-menu"/></svg></div></div><h1 class="f-labels" data-f-toggle="labels">Structures</h1></div><script async src="https://www.googletagmanager.com/gtag/js?id=UA-110559968-1"></script><script>window.dataLayer = window.dataLayer || [];
 	  function gtag(){dataLayer.push(arguments);}
 	  gtag('js', new Date());
 	 	gtag('config', 'UA-110559968-1');</script><script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><script src="./js/vital-ui-kit.js"></script><script src="./js/styleguide.js"></script></body></html>
\ No newline at end of file
diff --git a/docs/utilities.html b/docs/utilities.html
index a8f0259..d8d2660 100644
--- a/docs/utilities.html
+++ b/docs/utilities.html
@@ -1,81 +1,4 @@
-<!doctype html><html lang="zh-TW" class="fabricator"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"><meta name="keywords" content="GSS, UI kit, Vital, UI design, web applications"><meta name="description" content="Vital UI Kit, a graceful and customizable front-end UI kit for web development. - by Galaxy Software Services"><meta property="og:title" content="Vital UI Kit"><meta property="og:image" content="https://raw.githubusercontent.com/GSS-FED/vital-ui-kit/develop/assets/img/icon.png"><meta property="og:site_name" content="Vital UI Kit"><meta property="og:type" content="object"><meta property="og:url" content="https://gss-fed.github.io/vital-ui-kit/"><meta property="og:description" content="Vital UI Kit, a graceful and customizable front-end UI kit for web development. - by Galaxy Software Services"><title>Utilities | Vital UI Kit</title><link rel="icon" href="https://raw.githubusercontent.com/GSS-FED/vital-ui-kit/develop/assets/img/icon.png"><link rel="shortcut icon" href="https://raw.githubusercontent.com/GSS-FED/vital-ui-kit/develop/assets/img/icon.png"><link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet"><link rel="stylesheet" href="./css/vital-ui-kit.css"><link rel="stylesheet" href="./css/styleguide.css"></head><body><nav class="nav-wrapper"><div class="nav-menu"><a class="logo" href="index.html"></a><a class="is-active" href="getting-started.html">Documentation</a><a class="" href="template.html">Examples</a><a class="" href="kendo-demo.html"><span>Kendo theme</span></a><a class="" href="react.html">React Version</a><a href="https://uwillx.com/" target="_blank">Contact</a></div><div class="nav-dropdown-wrapper download-wrapper"><a class="nav-dropdown-toggle" href="https://github.com/GSS-FED/vital-ui-kit/archive/build.zip">下載 UI KIT</a></div></nav><svg style="display: none;"><symbol id="f-icon-code" viewBox="0 0 512 512"><path d="M377.3 121.3l-40.5 40.4 94.4 94.3-94.4 94.3 40.5 40.4L512 256zM134.7 121.3L0 256l134.7 134.7 40.5-40.4L80.8 256l94.4-94.3zM281.8 103.8zM230.183 408.16l-29.233-7.97 80.85-296.484 29.234 7.972z"/></symbol><symbol id="f-icon-notes" viewBox="0 0 512 512"><path d="M443.8 0H68.2C30.6 0 0 30.5 0 68v264.2c0 16.6 8.9 29.5 25.9 37.5 15.3 7.2 33.1 8.4 40.1 8.5V512l201.6-134h176.1c37.6 0 68.2-30.3 68.2-67.8V68c.1-37.5-30.5-68-68.1-68zM114 438V330H68.2c-11.1 0-19.2-8.8-19.2-19.8V68c0-11 8.2-20 19.2-20h375.5c11.1 0 19.2 9 19.2 20v242.2c0 11-8.2 19.8-19.2 19.8H244.2L114 438z"/></symbol><symbol id="f-icon-labels" viewBox="0 0 512 512"><path d="M304 280c0 13.2-10.8 24-24 24h-48c-13.2 0-24-10.8-24-24v-48c0-13.2 10.8-24 24-24h48c13.2 0 24 10.8 24 24v48zM464 280c0 13.2-10.8 24-24 24h-48c-13.2 0-24-10.8-24-24v-48c0-13.2 10.8-24 24-24h48c13.2 0 24 10.8 24 24v48zM144 280c0 13.2-10.8 24-24 24H72c-13.2 0-24-10.8-24-24v-48c0-13.2 10.8-24 24-24h48c13.2 0 24 10.8 24 24v48z"/></symbol><symbol id="f-icon-menu" viewBox="0 0 512 512"><path d="M512 100c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12V76c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24zM512 212c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12v-24c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24zM512 324c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12v-24c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24zM512 436c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12v-24c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24z"/></symbol><symbol id="f-icon-settings" viewBox="0 0 512 512"><path d="M256 377.3c-67.5 0-121.6-53.9-121.6-121.3s54-121.3 121.6-121.3S377.6 188.6 377.6 256 323.5 377.3 256 377.3zm0-215.6c-52.7 0-94.6 41.8-94.6 94.3s41.9 94.3 94.6 94.3 94.6-41.8 94.6-94.3-41.9-94.3-94.6-94.3zM293.2 512h-72.9L200 450c-13.5-4-27-9.4-39.2-16.2l-59.4 29.6L50 412.3 79.7 353c-6.8-12.1-12.2-25.6-16.2-39.1L0 292.4v-72.8l62.1-20.2c4.1-13.5 9.5-26.9 16.2-39.1L48.6 101 100 49.9l59.4 29.6c12.2-6.7 25.7-12.1 39.2-16.2L220.2 0h72.9l20.3 62c13.5 4 27 9.4 39.2 16.2L412 48.5l51.3 51.2-29.7 59.3c6.8 12.1 12.2 25.6 16.2 39.1l62.1 20.2V291l-62.1 20.2c-4.1 13.5-9.5 26.9-16.2 39.1l29.7 59.3-51.3 51.2-59.4-29.6c-12.2 6.7-25.7 12.1-39.2 16.2L293.2 512zm-54.1-26.9h35.1l18.9-57.9 6.8-1.3c16.2-4 31.1-10.8 45.9-18.9l6.8-4 54 26.9 24.3-24.3-27-53.9 4.1-6.7c8.1-13.5 14.9-29.6 18.9-45.8l1.4-6.7 58.1-18.9v-35l-58.1-18.9-1.4-6.7c-4.1-16.2-10.8-31-18.9-45.8l-4.1-6.7 27-53.9-24.3-24.3-54 26.9-6.8-4c-14.8-8.2-29.7-14.9-45.9-19l-6.8-1.3L274.2 27h-35.1l-18.9 57.9-6.8 1.3c-16.2 4-31.1 10.8-45.9 18.9l-6.8 4-54-26.9-24.3 24.3 27 53.9-4.1 6.7c-8.1 13.5-14.9 29.6-18.9 45.8l-1.4 6.7-58 18.9v35l58.1 18.9 1.4 6.7c4.1 16.2 10.8 31 18.9 45.8l4.1 6.7-27 53.9 24.3 24.3 54-26.9 6.8 4c14.9 8.1 29.7 14.8 45.9 18.9l6.8 1.3 18.8 58z"/></symbol></svg><div class="f-menu"><div class="f-controls"><div class="f-control f-global-control" data-f-toggle-control="labels" title="Toggle Labels"><svg><use xlink:href="#f-icon-labels"/></svg></div><div class="f-control f-global-control" data-f-toggle-control="notes" title="Toggle Notes"><svg><use xlink:href="#f-icon-notes"/></svg></div><div class="f-control f-global-control" data-f-toggle-control="code" title="Toggle Code"><svg><use xlink:href="#f-icon-code"/></svg></div></div><ul><li><a href="index.html" class="f-menu__heading">Home</a></li><li><a href="getting-started.html" class="f-menu__heading">Getting Started</a></li><li><a href="components.html" class="f-menu__heading">Components</a><ul><li><a href="components.html#breadcrumbs">Breadcrumbs</a></li><li><a href="components.html#buttons">Buttons</a></li><li><a href="components.html#cards">Cards</a></li><li><a href="components.html#checkbox">Checkbox</a></li><li><a href="components.html#collapse">Collapse</a></li><li><a href="components.html#forms">Forms</a></li><li><a href="components.html#inputs">Inputs</a></li><li><a href="components.html#list-group">List Group</a></li><li><a href="components.html#menu">Menu</a></li><li><a href="components.html#pagination">Pagination</a></li><li><a href="components.html#radio">Radio</a></li><li><a href="components.html#switch">Switch</a></li><li><a href="components.html#table">Table</a></li><li><a href="components.html#tabs">Tabs</a></li><li><a href="components.html#tooltip">Tooltip</a></li></ul></li><li><a href="utilities.html" class="f-menu__heading">Utilities</a><ul><li><a href="utilities.html#Typography">Typography</a></li><li><a href="utilities.html#avatar">Avatar</a></li><li><a href="utilities.html#clearfix">Clearfix</a></li><li><a href="utilities.html#float">Float</a></li><li><a href="utilities.html#grid-system">Grid System</a></li><li><a href="utilities.html#scrollable">Scrollable</a></li><li><a href="utilities.html#shadow">Shadow</a></li><li><a href="utilities.html#text-align">Text Align</a></li></ul></li></ul></div><div class="f-container"><div class="f-control-bar"><div class="f-control f-menu-toggle"><svg><use xlink:href="#f-icon-menu"/></svg></div></div><h1 class="f-labels" data-f-toggle="labels">Utilities</h1><div class="f-item-group" id="Typography"><div class="f-item-heading-group"><h2 class="f-item-heading" data-f-toggle="labels"><a href="#Typography">Typography</a></h2></div><div class="f-item-group" id="Typography.01-ellipsis"><div class="f-item-heading-group" data-f-toggle="labels"><h3 class="f-item-heading"><a href="#Typography.01-ellipsis">Ellipsis</a></h3><div class="f-item-controls"><span class="f-control f-icon" data-f-toggle-control="code" title="Toggle Code"><svg><use xlink:href="#f-icon-code"/></svg></span></div></div><div class="f-item-preview"><p class="sg-ellipsis demo-ellipsis">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sapien leo, ornare varius finibus in.</p></div><div class="f-item-code f-item-hidden" data-f-toggle="code"><pre><code class="language-markup">&lt;p class&#x3D;&quot;sg-ellipsis demo-ellipsis&quot;&gt;
-	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sapien leo, ornare varius finibus in.
-&lt;/p&gt;</code></pre></div></div><div class="f-item-group" id="Typography.02-headings"><div class="f-item-heading-group" data-f-toggle="labels"><h3 class="f-item-heading"><a href="#Typography.02-headings">Headings</a></h3><div class="f-item-controls"><span class="f-control f-icon" data-f-toggle-control="code" title="Toggle Code"><svg><use xlink:href="#f-icon-code"/></svg></span></div></div><div class="f-item-preview"><h1>H1 Title</h1><h2>H2 Title</h2><h3>H3 Title</h3><h4>H4 Title</h4><h5>H5 Title</h5><h6>H6 Title</h6></div><div class="f-item-code f-item-hidden" data-f-toggle="code"><pre><code class="language-markup">&lt;h1&gt;H1 Title&lt;/h1&gt;
-&lt;h2&gt;H2 Title&lt;/h2&gt;
-&lt;h3&gt;H3 Title&lt;/h3&gt;
-&lt;h4&gt;H4 Title&lt;/h4&gt;
-&lt;h5&gt;H5 Title&lt;/h5&gt;
-&lt;h6&gt;H6 Title&lt;/h6&gt;</code></pre></div></div><div class="f-item-group" id="Typography.03-paragraphs"><div class="f-item-heading-group" data-f-toggle="labels"><h3 class="f-item-heading"><a href="#Typography.03-paragraphs">Paragraphs</a></h3><div class="f-item-controls"><span class="f-control f-icon" data-f-toggle-control="code" title="Toggle Code"><svg><use xlink:href="#f-icon-code"/></svg></span></div></div><div class="f-item-preview"><p class="sg-paragraphs" style="width: 500px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sapien leo, ornare varius finibus in, venenatis non nisl. Donec at leo metus. Vestibulum nec accumsan metus. Aliquam eleifend ante quis laoreet semper. Interdum et malesuada fames ac ante ipsum primis in faucibus.</p><p class="sg-paragraphs" style="width: 500px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sapien leo, ornare varius finibus in, venenatis non nisl. Donec at leo metus. Vestibulum nec accumsan metus. Aliquam eleifend ante quis laoreet semper. Interdum et malesuada fames ac ante ipsum primis in faucibus.</p><p class="sg-paragraphs" style="width: 500px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sapien leo, ornare varius finibus in, venenatis non nisl. Donec at leo metus. Vestibulum nec accumsan metus. Aliquam eleifend ante quis laoreet semper. Interdum et malesuada fames ac ante ipsum primis in faucibus.</p></div><div class="f-item-code f-item-hidden" data-f-toggle="code"><pre><code class="language-markup">&lt;p class&#x3D;&quot;sg-paragraphs&quot; style&#x3D;&quot;width: 500px;&quot;&gt;
-	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sapien leo, ornare varius finibus in, venenatis non nisl. Donec at leo metus. Vestibulum nec accumsan metus. Aliquam eleifend ante quis laoreet semper. Interdum et malesuada fames ac ante
-	ipsum primis in faucibus.
-&lt;/p&gt;
-&lt;p class&#x3D;&quot;sg-paragraphs&quot; style&#x3D;&quot;width: 500px;&quot;&gt;
-	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sapien leo, ornare varius finibus in, venenatis non nisl. Donec at leo metus. Vestibulum nec accumsan metus. Aliquam eleifend ante quis laoreet semper. Interdum et malesuada fames ac ante
-	ipsum primis in faucibus.
-&lt;/p&gt;
-&lt;p class&#x3D;&quot;sg-paragraphs&quot; style&#x3D;&quot;width: 500px;&quot;&gt;
-	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sapien leo, ornare varius finibus in, venenatis non nisl. Donec at leo metus. Vestibulum nec accumsan metus. Aliquam eleifend ante quis laoreet semper. Interdum et malesuada fames ac ante
-	ipsum primis in faucibus.
-&lt;/p&gt;</code></pre></div></div><div class="f-item-group" id="Typography.04-quote"><div class="f-item-heading-group" data-f-toggle="labels"><h3 class="f-item-heading"><a href="#Typography.04-quote">Quote</a></h3><div class="f-item-controls"><span class="f-control f-icon" data-f-toggle-control="code" title="Toggle Code"><svg><use xlink:href="#f-icon-code"/></svg></span></div></div><div class="f-item-preview"><p><q class="sg-quote demo-quote">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sapien leo, ornare varius finibus in, venenatis non nisl.</q></p></div><div class="f-item-code f-item-hidden" data-f-toggle="code"><pre><code class="language-markup">&lt;p&gt;
-	&lt;q class&#x3D;&quot;sg-quote demo-quote&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sapien leo, ornare varius finibus in, venenatis non nisl.&lt;/q&gt;
-&lt;/p&gt;</code></pre></div></div><div class="f-item-group" id="Typography.05-ulol"><div class="f-item-heading-group" data-f-toggle="labels"><h3 class="f-item-heading"><a href="#Typography.05-ulol">Ulol</a></h3><div class="f-item-controls"><span class="f-control f-icon" data-f-toggle-control="code" title="Toggle Code"><svg><use xlink:href="#f-icon-code"/></svg></span></div></div><div class="f-item-preview"><div class="demo-ul-wrap"><ul class="sg-ul--none"><li>Type-none</li><li>Type-none</li><li>Type-none</li></ul><ul class="sg-ul--disc"><li>Type-disc</li><li>Type-disc</li><li>Type-disc</li></ul><ul class="sg-ul--circle"><li>Type-circle</li><li>Type-circle</li><li>Type-circle</li></ul><ul class="sg-ul--square"><li>Type-square</li><li>Type-square</li><li>Type-square</li></ul></div><div class="demo-ol-wrap"><ol class="sg-ol--decimal"><li>Type-decimal</li><li>Type-decimal</li><li>Type-decimal</li></ol><ol class="sg-ol--upper-roman"><li>Type-upper-roman</li><li>Type-upper-roman</li><li>Type-upper-roman</li></ol><ol class="sg-ol--lower-latin"><li>Type-lower-latin</li><li>Type-lower-latin</li><li>Type-lower-latin</li></ol><ol class="sg-ol--upper-latin"><li>Type-upper-latin</li><li>Type-upper-latin</li><li>Type-upper-latin</li></ol><ol class="sg-ol--cjk-ideographic"><li>Type-cjk-ideographic</li><li>Type-cjk-ideographic</li><li>Type-cjk-ideographic</li></ol></div></div><div class="f-item-code f-item-hidden" data-f-toggle="code"><pre><code class="language-markup">&lt;div class&#x3D;&quot;demo-ul-wrap&quot;&gt;
-	&lt;ul class&#x3D;&quot;sg-ul--none&quot;&gt;
-		&lt;li&gt;Type-none&lt;/li&gt;
-		&lt;li&gt;Type-none&lt;/li&gt;
-		&lt;li&gt;Type-none&lt;/li&gt;
-	&lt;/ul&gt;
-
-	&lt;ul class&#x3D;&quot;sg-ul--disc&quot;&gt;
-		&lt;li&gt;Type-disc&lt;/li&gt;
-		&lt;li&gt;Type-disc&lt;/li&gt;
-		&lt;li&gt;Type-disc&lt;/li&gt;
-	&lt;/ul&gt;
-
-	&lt;ul class&#x3D;&quot;sg-ul--circle&quot;&gt;
-		&lt;li&gt;Type-circle&lt;/li&gt;
-		&lt;li&gt;Type-circle&lt;/li&gt;
-		&lt;li&gt;Type-circle&lt;/li&gt;
-	&lt;/ul&gt;
-
-	&lt;ul class&#x3D;&quot;sg-ul--square&quot;&gt;
-		&lt;li&gt;Type-square&lt;/li&gt;
-		&lt;li&gt;Type-square&lt;/li&gt;
-		&lt;li&gt;Type-square&lt;/li&gt;
-	&lt;/ul&gt;
-&lt;/div&gt;
-
-&lt;div class&#x3D;&quot;demo-ol-wrap&quot;&gt;
-	&lt;ol class&#x3D;&quot;sg-ol--decimal&quot;&gt;
-		&lt;li&gt;Type-decimal&lt;/li&gt;
-		&lt;li&gt;Type-decimal&lt;/li&gt;
-		&lt;li&gt;Type-decimal&lt;/li&gt;
-	&lt;/ol&gt;
-
-	&lt;ol class&#x3D;&quot;sg-ol--upper-roman&quot;&gt;
-		&lt;li&gt;Type-upper-roman&lt;/li&gt;
-		&lt;li&gt;Type-upper-roman&lt;/li&gt;
-		&lt;li&gt;Type-upper-roman&lt;/li&gt;
-	&lt;/ol&gt;
-
-	&lt;ol class&#x3D;&quot;sg-ol--lower-latin&quot;&gt;
-		&lt;li&gt;Type-lower-latin&lt;/li&gt;
-		&lt;li&gt;Type-lower-latin&lt;/li&gt;
-		&lt;li&gt;Type-lower-latin&lt;/li&gt;
-	&lt;/ol&gt;
-
-	&lt;ol class&#x3D;&quot;sg-ol--upper-latin&quot;&gt;
-		&lt;li&gt;Type-upper-latin&lt;/li&gt;
-		&lt;li&gt;Type-upper-latin&lt;/li&gt;
-		&lt;li&gt;Type-upper-latin&lt;/li&gt;
-	&lt;/ol&gt;
-
-	&lt;ol class&#x3D;&quot;sg-ol--cjk-ideographic&quot;&gt;
-		&lt;li&gt;Type-cjk-ideographic&lt;/li&gt;
-		&lt;li&gt;Type-cjk-ideographic&lt;/li&gt;
-		&lt;li&gt;Type-cjk-ideographic&lt;/li&gt;
-	&lt;/ol&gt;
-
-&lt;/div&gt;</code></pre></div></div></div><div class="f-item-group" id="avatar"><div class="f-item-heading-group"><h2 class="f-item-heading" data-f-toggle="labels"><a href="#avatar">Avatar</a></h2></div><div class="f-item-group" id="avatar.01-basic"><div class="f-item-heading-group" data-f-toggle="labels"><h3 class="f-item-heading"><a href="#avatar.01-basic">Basic</a></h3><div class="f-item-controls"><span class="f-control f-icon" data-f-toggle-control="code" title="Toggle Code"><svg><use xlink:href="#f-icon-code"/></svg></span></div></div><div class="f-item-preview"><div class="demo-avatar sg-avatar"></div><img class="demo-avatar sg-avatar" src="./img/avatar-pic-01.png"> <img class="demo-avatar sg-avatar" src="./img/avatar-pic-02.png"> <img class="demo-avatar sg-avatar" src="./img/avatar-pic-03.png"> <img class="demo-avatar sg-avatar" src="./img/avatar-pic-04.png"></div><div class="f-item-code f-item-hidden" data-f-toggle="code"><pre><code class="language-markup">&lt;div class&#x3D;&quot;demo-avatar sg-avatar&quot;&gt;&lt;/div&gt;
+<!doctype html><html lang="zh-TW" class="fabricator"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"><meta name="keywords" content="GSS, UI kit, Vital, UI design, web applications"><meta name="description" content="Vital UI Kit, a graceful and customizable front-end UI kit for web development. - by Galaxy Software Services"><meta property="og:title" content="Vital UI Kit"><meta property="og:image" content="https://raw.githubusercontent.com/GSS-FED/vital-ui-kit/develop/assets/img/icon.png"><meta property="og:site_name" content="Vital UI Kit"><meta property="og:type" content="object"><meta property="og:url" content="https://gss-fed.github.io/vital-ui-kit/"><meta property="og:description" content="Vital UI Kit, a graceful and customizable front-end UI kit for web development. - by Galaxy Software Services"><title>Utilities | Vital UI Kit</title><link rel="icon" href="https://raw.githubusercontent.com/GSS-FED/vital-ui-kit/develop/assets/img/icon.png"><link rel="shortcut icon" href="https://raw.githubusercontent.com/GSS-FED/vital-ui-kit/develop/assets/img/icon.png"><link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet"><link rel="stylesheet" href="./css/vital-ui-kit.css"><link rel="stylesheet" href="./css/styleguide.css"></head><body><nav class="nav-wrapper"><div class="nav-menu"><a class="logo" href="index.html"></a><a class="is-active" href="getting-started.html">Documentation</a><a class="" href="template.html">Examples</a><a class="" href="kendo-demo.html"><span>Kendo theme</span></a><a class="" href="react.html">React Version</a><a href="https://uwillx.com/" target="_blank">Contact</a></div><div class="nav-dropdown-wrapper download-wrapper"><a class="nav-dropdown-toggle" href="https://github.com/GSS-FED/vital-ui-kit/archive/build.zip">下載 UI KIT</a></div></nav><svg style="display: none;"><symbol id="f-icon-code" viewBox="0 0 512 512"><path d="M377.3 121.3l-40.5 40.4 94.4 94.3-94.4 94.3 40.5 40.4L512 256zM134.7 121.3L0 256l134.7 134.7 40.5-40.4L80.8 256l94.4-94.3zM281.8 103.8zM230.183 408.16l-29.233-7.97 80.85-296.484 29.234 7.972z"/></symbol><symbol id="f-icon-notes" viewBox="0 0 512 512"><path d="M443.8 0H68.2C30.6 0 0 30.5 0 68v264.2c0 16.6 8.9 29.5 25.9 37.5 15.3 7.2 33.1 8.4 40.1 8.5V512l201.6-134h176.1c37.6 0 68.2-30.3 68.2-67.8V68c.1-37.5-30.5-68-68.1-68zM114 438V330H68.2c-11.1 0-19.2-8.8-19.2-19.8V68c0-11 8.2-20 19.2-20h375.5c11.1 0 19.2 9 19.2 20v242.2c0 11-8.2 19.8-19.2 19.8H244.2L114 438z"/></symbol><symbol id="f-icon-labels" viewBox="0 0 512 512"><path d="M304 280c0 13.2-10.8 24-24 24h-48c-13.2 0-24-10.8-24-24v-48c0-13.2 10.8-24 24-24h48c13.2 0 24 10.8 24 24v48zM464 280c0 13.2-10.8 24-24 24h-48c-13.2 0-24-10.8-24-24v-48c0-13.2 10.8-24 24-24h48c13.2 0 24 10.8 24 24v48zM144 280c0 13.2-10.8 24-24 24H72c-13.2 0-24-10.8-24-24v-48c0-13.2 10.8-24 24-24h48c13.2 0 24 10.8 24 24v48z"/></symbol><symbol id="f-icon-menu" viewBox="0 0 512 512"><path d="M512 100c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12V76c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24zM512 212c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12v-24c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24zM512 324c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12v-24c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24zM512 436c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12v-24c0-6.6 5.4-12 12-12h488c6.6 0 12 5.4 12 12v24z"/></symbol><symbol id="f-icon-settings" viewBox="0 0 512 512"><path d="M256 377.3c-67.5 0-121.6-53.9-121.6-121.3s54-121.3 121.6-121.3S377.6 188.6 377.6 256 323.5 377.3 256 377.3zm0-215.6c-52.7 0-94.6 41.8-94.6 94.3s41.9 94.3 94.6 94.3 94.6-41.8 94.6-94.3-41.9-94.3-94.6-94.3zM293.2 512h-72.9L200 450c-13.5-4-27-9.4-39.2-16.2l-59.4 29.6L50 412.3 79.7 353c-6.8-12.1-12.2-25.6-16.2-39.1L0 292.4v-72.8l62.1-20.2c4.1-13.5 9.5-26.9 16.2-39.1L48.6 101 100 49.9l59.4 29.6c12.2-6.7 25.7-12.1 39.2-16.2L220.2 0h72.9l20.3 62c13.5 4 27 9.4 39.2 16.2L412 48.5l51.3 51.2-29.7 59.3c6.8 12.1 12.2 25.6 16.2 39.1l62.1 20.2V291l-62.1 20.2c-4.1 13.5-9.5 26.9-16.2 39.1l29.7 59.3-51.3 51.2-59.4-29.6c-12.2 6.7-25.7 12.1-39.2 16.2L293.2 512zm-54.1-26.9h35.1l18.9-57.9 6.8-1.3c16.2-4 31.1-10.8 45.9-18.9l6.8-4 54 26.9 24.3-24.3-27-53.9 4.1-6.7c8.1-13.5 14.9-29.6 18.9-45.8l1.4-6.7 58.1-18.9v-35l-58.1-18.9-1.4-6.7c-4.1-16.2-10.8-31-18.9-45.8l-4.1-6.7 27-53.9-24.3-24.3-54 26.9-6.8-4c-14.8-8.2-29.7-14.9-45.9-19l-6.8-1.3L274.2 27h-35.1l-18.9 57.9-6.8 1.3c-16.2 4-31.1 10.8-45.9 18.9l-6.8 4-54-26.9-24.3 24.3 27 53.9-4.1 6.7c-8.1 13.5-14.9 29.6-18.9 45.8l-1.4 6.7-58 18.9v35l58.1 18.9 1.4 6.7c4.1 16.2 10.8 31 18.9 45.8l4.1 6.7-27 53.9 24.3 24.3 54-26.9 6.8 4c14.9 8.1 29.7 14.8 45.9 18.9l6.8 1.3 18.8 58z"/></symbol></svg><div class="f-menu"><div class="f-controls"><div class="f-control f-global-control" data-f-toggle-control="labels" title="Toggle Labels"><svg><use xlink:href="#f-icon-labels"/></svg></div><div class="f-control f-global-control" data-f-toggle-control="notes" title="Toggle Notes"><svg><use xlink:href="#f-icon-notes"/></svg></div><div class="f-control f-global-control" data-f-toggle-control="code" title="Toggle Code"><svg><use xlink:href="#f-icon-code"/></svg></div></div><ul><li><a href="index.html" class="f-menu__heading">Home</a></li><li><a href="getting-started.html" class="f-menu__heading">Getting Started</a></li><li><a href="components.html" class="f-menu__heading">Components</a><ul><li><a href="components.html#breadcrumbs">Breadcrumbs</a></li><li><a href="components.html#buttons">Buttons</a></li><li><a href="components.html#cards">Cards</a></li><li><a href="components.html#checkbox">Checkbox</a></li><li><a href="components.html#collapse">Collapse</a></li><li><a href="components.html#forms">Forms</a></li><li><a href="components.html#inputs">Inputs</a></li><li><a href="components.html#list-group">List Group</a></li><li><a href="components.html#menu">Menu</a></li><li><a href="components.html#pagination">Pagination</a></li><li><a href="components.html#radio">Radio</a></li><li><a href="components.html#switch">Switch</a></li><li><a href="components.html#table">Table</a></li><li><a href="components.html#tabs">Tabs</a></li><li><a href="components.html#tooltip">Tooltip</a></li></ul></li><li><a href="utilities.html" class="f-menu__heading">Utilities</a><ul><li><a href="utilities.html#avatar">Avatar</a></li><li><a href="utilities.html#clearfix">Clearfix</a></li><li><a href="utilities.html#float">Float</a></li><li><a href="utilities.html#grid-system">Grid System</a></li><li><a href="utilities.html#scrollable">Scrollable</a></li><li><a href="utilities.html#shadow">Shadow</a></li><li><a href="utilities.html#text-align">Text Align</a></li><li><a href="utilities.html#typography">Typography</a></li></ul></li></ul></div><div class="f-container"><div class="f-control-bar"><div class="f-control f-menu-toggle"><svg><use xlink:href="#f-icon-menu"/></svg></div></div><h1 class="f-labels" data-f-toggle="labels">Utilities</h1><div class="f-item-group" id="avatar"><div class="f-item-heading-group"><h2 class="f-item-heading" data-f-toggle="labels"><a href="#avatar">Avatar</a></h2></div><div class="f-item-group" id="avatar.01-basic"><div class="f-item-heading-group" data-f-toggle="labels"><h3 class="f-item-heading"><a href="#avatar.01-basic">Basic</a></h3><div class="f-item-controls"><span class="f-control f-icon" data-f-toggle-control="code" title="Toggle Code"><svg><use xlink:href="#f-icon-code"/></svg></span></div></div><div class="f-item-preview"><div class="demo-avatar sg-avatar"></div><img class="demo-avatar sg-avatar" src="./img/avatar-pic-01.png"> <img class="demo-avatar sg-avatar" src="./img/avatar-pic-02.png"> <img class="demo-avatar sg-avatar" src="./img/avatar-pic-03.png"> <img class="demo-avatar sg-avatar" src="./img/avatar-pic-04.png"></div><div class="f-item-code f-item-hidden" data-f-toggle="code"><pre><code class="language-markup">&lt;div class&#x3D;&quot;demo-avatar sg-avatar&quot;&gt;&lt;/div&gt;
 &lt;img class&#x3D;&quot;demo-avatar sg-avatar&quot; src&#x3D;&quot;./img/avatar-pic-01.png&quot; /&gt;
 &lt;img class&#x3D;&quot;demo-avatar sg-avatar&quot; src&#x3D;&quot;./img/avatar-pic-02.png&quot; /&gt;
 &lt;img class&#x3D;&quot;demo-avatar sg-avatar&quot; src&#x3D;&quot;./img/avatar-pic-03.png&quot; /&gt;
@@ -406,7 +329,84 @@
 	&lt;div class&#x3D;&quot;sg-txt--left&quot;&gt;&lt;button class&#x3D;&quot;sg-btn sg-btn-default&quot;&gt;sg-txt--left&lt;/button&gt;&lt;/div&gt;
 	&lt;div class&#x3D;&quot;sg-txt--center&quot;&gt;&lt;button class&#x3D;&quot;sg-btn sg-btn-default&quot;&gt;sg-txt--center&lt;/button&gt;&lt;/div&gt;
 	&lt;div class&#x3D;&quot;sg-txt--right&quot;&gt;&lt;button class&#x3D;&quot;sg-btn sg-btn-default&quot;&gt;sg-txt--right&lt;/button&gt;&lt;/div&gt;
-&lt;/div&gt;</code></pre></div></div></div><script async src="https://www.googletagmanager.com/gtag/js?id=UA-110559968-1"></script><script>window.dataLayer = window.dataLayer || [];
+&lt;/div&gt;</code></pre></div></div><div class="f-item-group" id="typography"><div class="f-item-heading-group"><h2 class="f-item-heading" data-f-toggle="labels"><a href="#typography">Typography</a></h2></div><div class="f-item-group" id="typography.01-ellipsis"><div class="f-item-heading-group" data-f-toggle="labels"><h3 class="f-item-heading"><a href="#typography.01-ellipsis">Ellipsis</a></h3><div class="f-item-controls"><span class="f-control f-icon" data-f-toggle-control="code" title="Toggle Code"><svg><use xlink:href="#f-icon-code"/></svg></span></div></div><div class="f-item-preview"><p class="sg-ellipsis demo-ellipsis">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sapien leo, ornare varius finibus in.</p></div><div class="f-item-code f-item-hidden" data-f-toggle="code"><pre><code class="language-markup">&lt;p class&#x3D;&quot;sg-ellipsis demo-ellipsis&quot;&gt;
+	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sapien leo, ornare varius finibus in.
+&lt;/p&gt;</code></pre></div></div><div class="f-item-group" id="typography.02-headings"><div class="f-item-heading-group" data-f-toggle="labels"><h3 class="f-item-heading"><a href="#typography.02-headings">Headings</a></h3><div class="f-item-controls"><span class="f-control f-icon" data-f-toggle-control="code" title="Toggle Code"><svg><use xlink:href="#f-icon-code"/></svg></span></div></div><div class="f-item-preview"><h1>H1 Title</h1><h2>H2 Title</h2><h3>H3 Title</h3><h4>H4 Title</h4><h5>H5 Title</h5><h6>H6 Title</h6></div><div class="f-item-code f-item-hidden" data-f-toggle="code"><pre><code class="language-markup">&lt;h1&gt;H1 Title&lt;/h1&gt;
+&lt;h2&gt;H2 Title&lt;/h2&gt;
+&lt;h3&gt;H3 Title&lt;/h3&gt;
+&lt;h4&gt;H4 Title&lt;/h4&gt;
+&lt;h5&gt;H5 Title&lt;/h5&gt;
+&lt;h6&gt;H6 Title&lt;/h6&gt;</code></pre></div></div><div class="f-item-group" id="typography.03-paragraphs"><div class="f-item-heading-group" data-f-toggle="labels"><h3 class="f-item-heading"><a href="#typography.03-paragraphs">Paragraphs</a></h3><div class="f-item-controls"><span class="f-control f-icon" data-f-toggle-control="code" title="Toggle Code"><svg><use xlink:href="#f-icon-code"/></svg></span></div></div><div class="f-item-preview"><p class="sg-paragraphs" style="width: 500px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sapien leo, ornare varius finibus in, venenatis non nisl. Donec at leo metus. Vestibulum nec accumsan metus. Aliquam eleifend ante quis laoreet semper. Interdum et malesuada fames ac ante ipsum primis in faucibus.</p><p class="sg-paragraphs" style="width: 500px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sapien leo, ornare varius finibus in, venenatis non nisl. Donec at leo metus. Vestibulum nec accumsan metus. Aliquam eleifend ante quis laoreet semper. Interdum et malesuada fames ac ante ipsum primis in faucibus.</p><p class="sg-paragraphs" style="width: 500px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sapien leo, ornare varius finibus in, venenatis non nisl. Donec at leo metus. Vestibulum nec accumsan metus. Aliquam eleifend ante quis laoreet semper. Interdum et malesuada fames ac ante ipsum primis in faucibus.</p></div><div class="f-item-code f-item-hidden" data-f-toggle="code"><pre><code class="language-markup">&lt;p class&#x3D;&quot;sg-paragraphs&quot; style&#x3D;&quot;width: 500px;&quot;&gt;
+	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sapien leo, ornare varius finibus in, venenatis non nisl. Donec at leo metus. Vestibulum nec accumsan metus. Aliquam eleifend ante quis laoreet semper. Interdum et malesuada fames ac ante
+	ipsum primis in faucibus.
+&lt;/p&gt;
+&lt;p class&#x3D;&quot;sg-paragraphs&quot; style&#x3D;&quot;width: 500px;&quot;&gt;
+	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sapien leo, ornare varius finibus in, venenatis non nisl. Donec at leo metus. Vestibulum nec accumsan metus. Aliquam eleifend ante quis laoreet semper. Interdum et malesuada fames ac ante
+	ipsum primis in faucibus.
+&lt;/p&gt;
+&lt;p class&#x3D;&quot;sg-paragraphs&quot; style&#x3D;&quot;width: 500px;&quot;&gt;
+	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sapien leo, ornare varius finibus in, venenatis non nisl. Donec at leo metus. Vestibulum nec accumsan metus. Aliquam eleifend ante quis laoreet semper. Interdum et malesuada fames ac ante
+	ipsum primis in faucibus.
+&lt;/p&gt;</code></pre></div></div><div class="f-item-group" id="typography.04-quote"><div class="f-item-heading-group" data-f-toggle="labels"><h3 class="f-item-heading"><a href="#typography.04-quote">Quote</a></h3><div class="f-item-controls"><span class="f-control f-icon" data-f-toggle-control="code" title="Toggle Code"><svg><use xlink:href="#f-icon-code"/></svg></span></div></div><div class="f-item-preview"><p><q class="sg-quote demo-quote">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sapien leo, ornare varius finibus in, venenatis non nisl.</q></p></div><div class="f-item-code f-item-hidden" data-f-toggle="code"><pre><code class="language-markup">&lt;p&gt;
+	&lt;q class&#x3D;&quot;sg-quote demo-quote&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sapien leo, ornare varius finibus in, venenatis non nisl.&lt;/q&gt;
+&lt;/p&gt;</code></pre></div></div><div class="f-item-group" id="typography.05-ulol"><div class="f-item-heading-group" data-f-toggle="labels"><h3 class="f-item-heading"><a href="#typography.05-ulol">Ulol</a></h3><div class="f-item-controls"><span class="f-control f-icon" data-f-toggle-control="code" title="Toggle Code"><svg><use xlink:href="#f-icon-code"/></svg></span></div></div><div class="f-item-preview"><div class="demo-ul-wrap"><ul class="sg-ul--none"><li>Type-none</li><li>Type-none</li><li>Type-none</li></ul><ul class="sg-ul--disc"><li>Type-disc</li><li>Type-disc</li><li>Type-disc</li></ul><ul class="sg-ul--circle"><li>Type-circle</li><li>Type-circle</li><li>Type-circle</li></ul><ul class="sg-ul--square"><li>Type-square</li><li>Type-square</li><li>Type-square</li></ul></div><div class="demo-ol-wrap"><ol class="sg-ol--decimal"><li>Type-decimal</li><li>Type-decimal</li><li>Type-decimal</li></ol><ol class="sg-ol--upper-roman"><li>Type-upper-roman</li><li>Type-upper-roman</li><li>Type-upper-roman</li></ol><ol class="sg-ol--lower-latin"><li>Type-lower-latin</li><li>Type-lower-latin</li><li>Type-lower-latin</li></ol><ol class="sg-ol--upper-latin"><li>Type-upper-latin</li><li>Type-upper-latin</li><li>Type-upper-latin</li></ol><ol class="sg-ol--cjk-ideographic"><li>Type-cjk-ideographic</li><li>Type-cjk-ideographic</li><li>Type-cjk-ideographic</li></ol></div></div><div class="f-item-code f-item-hidden" data-f-toggle="code"><pre><code class="language-markup">&lt;div class&#x3D;&quot;demo-ul-wrap&quot;&gt;
+	&lt;ul class&#x3D;&quot;sg-ul--none&quot;&gt;
+		&lt;li&gt;Type-none&lt;/li&gt;
+		&lt;li&gt;Type-none&lt;/li&gt;
+		&lt;li&gt;Type-none&lt;/li&gt;
+	&lt;/ul&gt;
+
+	&lt;ul class&#x3D;&quot;sg-ul--disc&quot;&gt;
+		&lt;li&gt;Type-disc&lt;/li&gt;
+		&lt;li&gt;Type-disc&lt;/li&gt;
+		&lt;li&gt;Type-disc&lt;/li&gt;
+	&lt;/ul&gt;
+
+	&lt;ul class&#x3D;&quot;sg-ul--circle&quot;&gt;
+		&lt;li&gt;Type-circle&lt;/li&gt;
+		&lt;li&gt;Type-circle&lt;/li&gt;
+		&lt;li&gt;Type-circle&lt;/li&gt;
+	&lt;/ul&gt;
+
+	&lt;ul class&#x3D;&quot;sg-ul--square&quot;&gt;
+		&lt;li&gt;Type-square&lt;/li&gt;
+		&lt;li&gt;Type-square&lt;/li&gt;
+		&lt;li&gt;Type-square&lt;/li&gt;
+	&lt;/ul&gt;
+&lt;/div&gt;
+
+&lt;div class&#x3D;&quot;demo-ol-wrap&quot;&gt;
+	&lt;ol class&#x3D;&quot;sg-ol--decimal&quot;&gt;
+		&lt;li&gt;Type-decimal&lt;/li&gt;
+		&lt;li&gt;Type-decimal&lt;/li&gt;
+		&lt;li&gt;Type-decimal&lt;/li&gt;
+	&lt;/ol&gt;
+
+	&lt;ol class&#x3D;&quot;sg-ol--upper-roman&quot;&gt;
+		&lt;li&gt;Type-upper-roman&lt;/li&gt;
+		&lt;li&gt;Type-upper-roman&lt;/li&gt;
+		&lt;li&gt;Type-upper-roman&lt;/li&gt;
+	&lt;/ol&gt;
+
+	&lt;ol class&#x3D;&quot;sg-ol--lower-latin&quot;&gt;
+		&lt;li&gt;Type-lower-latin&lt;/li&gt;
+		&lt;li&gt;Type-lower-latin&lt;/li&gt;
+		&lt;li&gt;Type-lower-latin&lt;/li&gt;
+	&lt;/ol&gt;
+
+	&lt;ol class&#x3D;&quot;sg-ol--upper-latin&quot;&gt;
+		&lt;li&gt;Type-upper-latin&lt;/li&gt;
+		&lt;li&gt;Type-upper-latin&lt;/li&gt;
+		&lt;li&gt;Type-upper-latin&lt;/li&gt;
+	&lt;/ol&gt;
+
+	&lt;ol class&#x3D;&quot;sg-ol--cjk-ideographic&quot;&gt;
+		&lt;li&gt;Type-cjk-ideographic&lt;/li&gt;
+		&lt;li&gt;Type-cjk-ideographic&lt;/li&gt;
+		&lt;li&gt;Type-cjk-ideographic&lt;/li&gt;
+	&lt;/ol&gt;
+
+&lt;/div&gt;</code></pre></div></div></div></div><script async src="https://www.googletagmanager.com/gtag/js?id=UA-110559968-1"></script><script>window.dataLayer = window.dataLayer || [];
 	  function gtag(){dataLayer.push(arguments);}
 	  gtag('js', new Date());
 	 	gtag('config', 'UA-110559968-1');</script><script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><script src="./js/vital-ui-kit.js"></script><script src="./js/styleguide.js"></script></body></html>
\ No newline at end of file
diff --git a/package.json b/package.json
index 2e7d0c7..c27ef4f 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "vital-ui-kit",
+  "name": "@gssfed/vital-ui-kit",
   "version": "1.0.0",
   "author": "Galaxy Software Services",
   "contributors": [
