<div class='fill-navy-dark small margin3 col6 round keyline-all'>

<h3 class='pad2x pad1y keyline-bottom center'>Documentation</h3>

<div class='clearfix pad2'>

<div class='col6'>
<a href='{{site.baseurl}}/' class='block pad0 truncate'>
    <span class='dot inline icon home pad0 fill-blue'></span>
    <span class='pad0x'>Mapbox Studio</strong>
</a>
<a href='{{site.baseurl}}/style-quickstart/' class='block pad0 truncate'>
    <span class='dot inline icon paint pad0 fill-blue'></span>
    <span class='pad0x'>Style quickstart</strong>
</a>
<a href='{{site.baseurl}}/style-manual/' class='block pad0 truncate'>
    <span class='dot inline icon book pad0 fill-blue'></span>
    <span class='pad0x'>Style manual</strong>
</a>
<a href='{{site.baseurl}}/source-quickstart/' class='block pad0 truncate'>
    <span class='dot inline icon polygon pad0 fill-purple'></span>
    <span class='pad0x'>Source quickstart</strong>
</a>
<a href='{{site.baseurl}}/source-manual/' class='block pad0 truncate'>
    <span class='dot inline icon book pad0 fill-purple'></span>
    <span class='pad0x'>Source manual</strong>
</a>
<a href='{{site.baseurl}}/postgis-manual/' class='block pad0 truncate'>
    <span class='dot inline icon book pad0 fill-purple'></span>
    <span class='pad0x'>PostGIS manual</strong>
</a>
<a href='{{site.baseurl}}/common-questions/' class='block pad0 truncate'>
    <span class='dot inline icon lifebuoy pad0 fill-orange'></span>
    <span class='pad0x'>Common questions</strong>
</a>
</div>
<div class='col6'>
<a href='{{site.baseurl}}/styling-selectors' class='block pad0 truncate'>
    <span class='dot inline icon brackets pad0 fill-navy'></span>
    <span class='pad0x'>Styling selectors</strong>
</a>
<a href='{{site.baseurl}}/styling-labels' class='block pad0 truncate'>
    <span class='dot inline icon marker pad0 fill-navy'></span>
    <span class='pad0x'>Styling labels</strong>
</a>
<a href='{{site.baseurl}}/styling-lines' class='block pad0 truncate'>
    <span class='dot inline icon polyline pad0 fill-navy'></span>
    <span class='pad0x'>Styling lines</strong>
</a>
<a href='{{site.baseurl}}/styling-polygons' class='block pad0 truncate'>
    <span class='dot inline icon polygon pad0 fill-navy'></span>
    <span class='pad0x'>Styling polygons</strong>
</a>
<a href='{{site.baseurl}}/layer-and-data-order' class='block pad0 truncate'>
    <span class='dot inline icon layers pad0 fill-navy'></span>
    <span class='pad0x'>Layer and data order</strong>
</a>
<a href='{{site.baseurl}}/compositing-reference' class='block pad0 truncate'>
    <span class='dot inline icon sun pad0 fill-navy'></span>
    <span class='pad0x'>Compositing reference</strong>
</a>
</div>

</div>

</div>
