header, docs fixes

_config.yml

@@ -1,6 +1,8 @@
 title: Tabler
 description: tabler.github.io - a responsive, flat and full featured admin template
-base_color: '#cc0000'
+base_color: '#467fcf'
+
+github_url: https://github.com/tabler/tabler
 
 collections:
   docs:

_docs/alerts.md

@@ -1,4 +1,5 @@
 ---
 title: Alerts
 icon: fe fe-alert-triangle
+in_progress: true
 ---

_docs/grid.md

@@ -1,4 +1,5 @@
 ---
 title: Grid utilities
 icon: fe fe-grid
+in_progress: true
 ---

_layouts/docs.html

@@ -8,7 +8,11 @@ title: Documentation
 	{% include page-title.html title="Documentation" %}
 
 	<div class="row">
-		<div class="col-lg-3 order-lg-1">
+		<div class="col-lg-3 order-lg-1 mb-5">
+			<a href="{{ site.github-url }}" class="btn btn-block btn-primary mb-5">
+				<i class="fe fe-github mr-2"></i>Browse source code
+			</a>
+
 			<div class="list-group list-group-transparent">
 				{% for doc in site.docs %}
 				{% unless doc.hide %}<a href="{{ site.base }}{{ doc.url }}" class="list-group-item list-group-item-action{% if page.url == doc.url %} active{% endif %}"><span class="icon mr-3"><i class="{{ doc.icon }}"></i></span>{{ doc.title }}</a>{% endunless %}
@@ -26,6 +30,13 @@ title: Documentation
 							<p>{{ page.description }}</p>
 						{% endif %}
 
+						{% if page.in_progress %}
+						<div class="alert alert-info mt-5 mb-6">
+							<h4 class="mb-1">Work in progress!</h4>
+							<div>More detailed documentation is coming soon, but in the meantime here's a quick class reference.</div>
+						</div>
+						{% endif %}
+
 						{% if page.toc %}
 						{{ content | toc_only }}
 						{% endif %}

assets/scss/dashboard/_example.scss

@@ -3,6 +3,7 @@
 	border: 1px solid $border-color;
 	border-radius: 3px 3px 0 0;
 	font-size: px2rem(15px);
+	overflow: hidden;
 }
 
 .example-bg {