Merge branch 'new-home' into v4-dev

docs/4.0/examples/index.md

@@ -1,6 +1,7 @@
 ---
 layout: simple
 title: Examples
+description: Quickly get a project started with any of our examples ranging from using parts of the framework to custom components and layouts.
 redirect_from:
   - /examples/
 ---

docs/4.0/extend/icons.md

@@ -17,6 +17,7 @@ We've tested and used these icon sets ourselves.
 ## More options
 While we haven't tried these out, they do look promising and provide multiple formats—including SVG.
 
+- [Bytesize](https://github.com/danklammer/bytesize-icons)
 - [Google Material icons](https://material.io/icons/)
 - [Ionicons](http://ionicons.com/)
 - [Feather](http://colebemis.com/feather/)

docs/4.0/utilities/borders.md

@@ -30,6 +30,7 @@ Change the border color using utilities built on our theme colors.
 {% example html %}
 {% for color in site.data.theme-colors %}
 <span class="border border-{{ color.name }}"></span>{% endfor %}
+<span class="border border-white"></span>
 {% endexample %}
 </div>
 

docs/4.0/utilities/colors.md

@@ -23,6 +23,7 @@ Similar to the contextual text color classes, easily set the background of an el
 {% example html %}
 {% for color in site.data.theme-colors %}
 <div class="p-3 mb-2 bg-{{ color.name }} {% if color.name == "light" %}text-gray-dark{% else %}text-white{% endif %}">.bg-{{ color.name }}</div>{% endfor %}
+<div class="p-3 mb-2 bg-white text-gray-dark">.bg-white</div>
 {% endexample %}
 
 {% callout info %}