cheatsheet
Version:
Cheatsheet boilerplate. Created for the new lesscss.org website, based on Shopify Cheat Sheet by Mark Dunkley.
4,578 lines • 224 kB
HTML
<!DOCTYPE html>
<html>
<head>
<title> Cheatsheet Boilerplate · A Toolkit Component</title>
<!-- this is a Toolkit component. Learn more at http://github.com/assemble/toolkit -->
<!-- webfonts -->
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700' rel='stylesheet' type='text/css'>
<!-- stylesheets -->
<link rel="stylesheet" href="assets/css/bootstrap.css">
<link rel="stylesheet" href="assets/css/cheatsheet.css">
<link rel="stylesheet" href="assets/js/prettify/prettify.css">
</head>
<body>
<!-- navbar
========================================== -->
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container-fluid">
<a class="navbar-brand" href="/">Cheatsheet</a>
<div class="nav-collapse collapse">
<ul class="nav">
</ul>
<ul class="nav pull-right">
<li class=""><a href="https://github.com/assemble/toolkit-cheatsheet">Github Repo</a></li>
<li class=""><a href="https://github.com/assemble/toolkit">Toolkit</a></li>
<li class=""><a href="https://github.com/assemble/assemble">Assemble</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row-fluid">
<div class="span3">
<!-- Accordion panel.
======================================== -->
<div class="accordion-panel">
<div class="accordion" id="accordion0">
<a href="#" class="btn btn-primary btn-mini pull-right">Wiki »</a>
<h4 class="accordion-title">Variables</h4>
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion0" href="#accordion0-toggle1">
<i class="toggle-chevron"></i>
Basic
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion0-toggle1" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion0" href="#accordion0-toggle2">
<i class="toggle-chevron"></i>
Variable Names
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion0-toggle2" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
</div>
</div><!-- /accordion-panel -->
<!-- Accordion panel.
======================================== -->
<div class="accordion-panel">
<div class="accordion" id="accordion3">
<a href="#" class="btn btn-primary btn-mini pull-right">Wiki »</a>
<h4 class="accordion-title">Mixins</h4>
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion3" href="#accordion3-toggle4">
<i class="toggle-chevron"></i>
Implicit
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion3-toggle4" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion3" href="#accordion3-toggle5">
<i class="toggle-chevron"></i> <span class="label label-code pull-right">.parametric(@one, @two);</span>
Parametric
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion3-toggle5" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion3" href="#accordion3-toggle6">
<i class="toggle-chevron"></i>
Nested
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion3-toggle6" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion3" href="#accordion3-toggle7">
<i class="toggle-chevron"></i>
Namespaced
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion3-toggle7" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion3" href="#accordion3-toggle8">
<i class="toggle-chevron"></i>
Args
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion3-toggle8" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion3" href="#accordion3-toggle9">
<i class="toggle-chevron"></i>
Named Args
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion3-toggle9" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion3" href="#accordion3-toggle10">
<i class="toggle-chevron"></i>
Closure
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion3-toggle10" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion3" href="#accordion3-toggle11">
<i class="toggle-chevron"></i>
Guards
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion3-toggle11" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<strong class="accordion-section">Section Title</strong>
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion3" href="#accordion3-toggle12">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion3-toggle12" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion3" href="#accordion3-toggle13">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion3-toggle13" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion3" href="#accordion3-toggle14">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion3-toggle14" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<strong class="accordion-section">Section Title</strong>
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion3" href="#accordion3-toggle15">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion3-toggle15" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion3" href="#accordion3-toggle16">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion3-toggle16" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion3" href="#accordion3-toggle17">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion3-toggle17" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
</div>
</div><!-- /accordion-panel -->
<!-- Accordion panel.
======================================== -->
<div class="accordion-panel">
<div class="accordion" id="accordion18">
<a href="#" class="btn btn-primary btn-mini pull-right">Wiki »</a>
<h4 class="accordion-title">Accordion</h4>
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion18" href="#accordion18-toggle19">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion18-toggle19" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion18" href="#accordion18-toggle20">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion18-toggle20" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion18" href="#accordion18-toggle21">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion18-toggle21" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
</div>
</div><!-- /accordion-panel -->
<!-- Accordion panel.
======================================== -->
<div class="accordion-panel">
<div class="accordion" id="accordion22">
<a href="#" class="btn btn-primary btn-mini pull-right">Wiki »</a>
<h4 class="accordion-title">Accordion</h4>
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion22" href="#accordion22-toggle23">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion22-toggle23" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion22" href="#accordion22-toggle24">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion22-toggle24" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion22" href="#accordion22-toggle25">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion22-toggle25" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
</div>
</div><!-- /accordion-panel -->
<!-- Accordion panel.
======================================== -->
<div class="accordion-panel">
<div class="accordion" id="accordion26">
<a href="#" class="btn btn-primary btn-mini pull-right">Wiki »</a>
<h4 class="accordion-title">Accordion</h4>
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion26" href="#accordion26-toggle27">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion26-toggle27" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion26" href="#accordion26-toggle28">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion26-toggle28" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion26" href="#accordion26-toggle29">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion26-toggle29" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
</div>
</div><!-- /accordion-panel -->
<!-- Accordion panel.
======================================== -->
<div class="accordion-panel">
<div class="accordion" id="accordion30">
<a href="#" class="btn btn-primary btn-mini pull-right">Wiki »</a>
<h4 class="accordion-title">Accordion</h4>
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion30" href="#accordion30-toggle31">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion30-toggle31" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion30" href="#accordion30-toggle32">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion30-toggle32" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion30" href="#accordion30-toggle33">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion30-toggle33" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion30" href="#accordion30-toggle34">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion30-toggle34" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion30" href="#accordion30-toggle35">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion30-toggle35" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion30" href="#accordion30-toggle36">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion30-toggle36" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
</div>
</div><!-- /accordion-panel -->
</div>
<div class="span3">
<!-- Accordion panel.
======================================== -->
<div class="accordion-panel">
<div class="accordion" id="accordion37">
<a href="#" class="btn btn-primary btn-mini pull-right">Wiki »</a>
<h4 class="accordion-title">Accordion</h4>
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion37" href="#accordion37-toggle38">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion37-toggle38" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion37" href="#accordion37-toggle39">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion37-toggle39" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion37" href="#accordion37-toggle40">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion37-toggle40" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion37" href="#accordion37-toggle41">
<i class="toggle-chevron"></i> <span class="label label-success pull-right">New</span>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion37-toggle41" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<strong class="accordion-section">Section Title</strong>
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion37" href="#accordion37-toggle42">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion37-toggle42" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion37" href="#accordion37-toggle43">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion37-toggle43" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion37" href="#accordion37-toggle44">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion37-toggle44" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion37" href="#accordion37-toggle45">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion37-toggle45" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion37" href="#accordion37-toggle46">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion37-toggle46" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
</div>
</div><!-- /accordion-panel -->
<!-- Accordion panel.
======================================== -->
<div class="accordion-panel">
<div class="accordion" id="accordion47">
<a href="#" class="btn btn-primary btn-mini pull-right">Wiki »</a>
<h4 class="accordion-title">Accordion</h4>
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion47" href="#accordion47-toggle48">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion47-toggle48" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion47" href="#accordion47-toggle49">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion47-toggle49" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion47" href="#accordion47-toggle50">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion47-toggle50" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion47" href="#accordion47-toggle51">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion47-toggle51" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion47" href="#accordion47-toggle52">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion47-toggle52" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion47" href="#accordion47-toggle53">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion47-toggle53" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion47" href="#accordion47-toggle54">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion47-toggle54" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion47" href="#accordion47-toggle55">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion47-toggle55" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
</div>
</div><!-- /accordion-panel -->
<!-- Accordion panel.
======================================== -->
<div class="accordion-panel">
<div class="accordion" id="accordion56">
<a href="#" class="btn btn-primary btn-mini pull-right">Wiki »</a>
<h4 class="accordion-title">Accordion</h4>
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion56" href="#accordion56-toggle57">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion56-toggle57" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion56" href="#accordion56-toggle58">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion56-toggle58" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion56" href="#accordion56-toggle59">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion56-toggle59" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion56" href="#accordion56-toggle60">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion56-toggle60" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion56" href="#accordion56-toggle61">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion56-toggle61" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion56" href="#accordion56-toggle62">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion56-toggle62" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion56" href="#accordion56-toggle63">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion56-toggle63" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion56" href="#accordion56-toggle64">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion56-toggle64" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion56" href="#accordion56-toggle65">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion56-toggle65" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
</div>
</div><!-- /accordion-panel -->
</div>
<div class="span3">
<!-- Accordion panel.
======================================== -->
<div class="accordion-panel">
<div class="accordion" id="accordion66">
<a href="#" class="btn btn-primary btn-mini pull-right">Wiki »</a>
<h4 class="accordion-title">Accordion</h4>
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion66" href="#accordion66-toggle67">
<i class="toggle-chevron"></i> <span class="label label-success pull-right">New</span>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion66-toggle67" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion66" href="#accordion66-toggle68">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion66-toggle68" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion66" href="#accordion66-toggle69">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion66-toggle69" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
</div>
</div><!-- /accordion-panel -->
<!-- Accordion panel.
======================================== -->
<div class="accordion-panel">
<div class="accordion" id="accordion70">
<a href="#" class="btn btn-primary btn-mini pull-right">Wiki »</a>
<h4 class="accordion-title">Accordion</h4>
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion70" href="#accordion70-toggle71">
<i class="toggle-chevron"></i> <span class="label label-success pull-right">New</span>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion70-toggle71" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion70" href="#accordion70-toggle72">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion70-toggle72" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion70" href="#accordion70-toggle73">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion70-toggle73" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion70" href="#accordion70-toggle74">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion70-toggle74" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion70" href="#accordion70-toggle75">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion70-toggle75" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion70" href="#accordion70-toggle76">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion70-toggle76" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
</div>
</div><!-- /accordion-panel -->
<!-- Accordion panel.
======================================== -->
<div class="accordion-panel">
<div class="accordion" id="accordion77">
<a href="#" class="btn btn-primary btn-mini pull-right">Wiki »</a>
<h4 class="accordion-title">Accordion</h4>
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion77" href="#accordion77-toggle78">
<i class="toggle-chevron"></i> <span class="label label-success pull-right">New</span>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion77-toggle78" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion77" href="#accordion77-toggle79">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion77-toggle79" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
</div>
</div><!-- /accordion-panel -->
<!-- Accordion panel.
======================================== -->
<div class="accordion-panel">
<div class="accordion" id="accordion80">
<a href="#" class="btn btn-primary btn-mini pull-right">Wiki »</a>
<h4 class="accordion-title">Accordion</h4>
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion80" href="#accordion80-toggle81">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion80-toggle81" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion80" href="#accordion80-toggle82">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion80-toggle82" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion80" href="#accordion80-toggle83">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion80-toggle83" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion80" href="#accordion80-toggle84">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion80-toggle84" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<strong class="accordion-section">Section Title</strong>
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion80" href="#accordion80-toggle85">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion80-toggle85" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion80" href="#accordion80-toggle86">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion80-toggle86" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<strong class="accordion-section">Section Title</strong>
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion80" href="#accordion80-toggle87">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion80-toggle87" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion80" href="#accordion80-toggle88">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion80-toggle88" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion80" href="#accordion80-toggle89">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion80-toggle89" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
</div>
</div><!-- /accordion-panel -->
</div>
<div class="span3">
<!-- Accordion panel.
======================================== -->
<div class="accordion-panel">
<div class="accordion" id="accordion90">
<a href="#" class="btn btn-primary btn-mini pull-right">Wiki »</a>
<h4 class="accordion-title">Accordion</h4>
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion90" href="#accordion90-toggle91">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion90-toggle91" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion90" href="#accordion90-toggle92">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion90-toggle92" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
</div>
</div><!-- /accordion-panel -->
<!-- Accordion panel.
======================================== -->
<div class="accordion-panel">
<div class="accordion" id="accordion93">
<a href="#" class="btn btn-primary btn-mini pull-right">Wiki »</a>
<h4 class="accordion-title">Accordion</h4>
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion93" href="#accordion93-toggle94">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion93-toggle94" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion93" href="#accordion93-toggle95">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion93-toggle95" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
</div>
</div><!-- /accordion-panel -->
<!-- Accordion panel.
======================================== -->
<div class="accordion-panel">
<div class="accordion" id="accordion96">
<a href="#" class="btn btn-primary btn-mini pull-right">Wiki »</a>
<h4 class="accordion-title">Accordion</h4>
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion96" href="#accordion96-toggle97">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion96-toggle97" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion96" href="#accordion96-toggle98">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion96-toggle98" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion96" href="#accordion96-toggle99">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion96-toggle99" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion96" href="#accordion96-toggle100">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion96-toggle100" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<strong class="accordion-section">Section Title</strong>
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion96" href="#accordion96-toggle101">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion96-toggle101" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion96" href="#accordion96-toggle102">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion96-toggle102" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<strong class="accordion-section">Section Title</strong>
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion96" href="#accordion96-toggle103">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion96-toggle103" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion96" href="#accordion96-toggle104">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion96-toggle104" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion96" href="#accordion96-toggle105">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion96-toggle105" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion96" href="#accordion96-toggle106">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion96-toggle106" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion96" href="#accordion96-toggle107">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion96-toggle107" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion96" href="#accordion96-toggle108">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion96-toggle108" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion96" href="#accordion96-toggle109">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion96-toggle109" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
</div>
</div><!-- /accordion-panel -->
<!-- Accordion panel.
======================================== -->
<div class="accordion-panel">
<div class="accordion" id="accordion110">
<a href="#" class="btn btn-primary btn-mini pull-right">Wiki »</a>
<h4 class="accordion-title">Accordion</h4>
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion110" href="#accordion110-toggle111">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion110-toggle111" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion110" href="#accordion110-toggle112">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion110-toggle112" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion110" href="#accordion110-toggle113">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion110-toggle113" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<strong class="accordion-section">Section Title</strong>
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion110" href="#accordion110-toggle114">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion110-toggle114" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
<!-- Accordion group -->
<dl class="accordion-group">
<dt class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion110" href="#accordion110-toggle115">
<i class="toggle-chevron"></i>
Group
</a>
</dt>
<!-- Accordion group -->
<dd id="accordion110-toggle115" class="accordion-body collapse">
<div class="accordion-inner">
<div class="topic-summary">
This is a summary
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque ullam laudantium ipsum hic impedit illo quas officia ab adipisci obcaecati dolore qui dolores perferendis id repellat ipsam nam modi provident!</p>
<div class="example">
<div class="code-example">
<pre class="prettyprint linenums"><code class="lang-json">{
"<span class="attribute">section</span>": <span class="value"><span class="string">"Template Data"</span></span>,
"<span class="attribute">accordion</span>": <span class="value">{
"<span class="attribute">name</span>": <span class="value"><span class="string">"{{ page.title }}"</span></span>,
"<span class="attribute">type</span>": <span class="value"><span class="string">"Variable"</span></span>,
"<span class="attribute">summary</span>": <span class="value"><span class="string">"The title of the page."</span></span>,
"<span class="attribute">description</span>": <span class="value"><span class="string">""</span></span>,
"<span class="attribute">code-example</span>": <span class="value"><span class="string">"<%= docs %>/variables.md"</span>
}</span>
}</span></code></pre>
</div>
<code class="compiled-result">
<p>{{ page.title }} background-color: @state-error-text;</p>
</code>
</div>
</div>
</dd>
</dl><!-- /accordion-group -->
</div>
</div><!-- /accordion-panel -->
</div>
</div>
<div class="">
</div>
</div><!-- /container -->
<!-- javascript
================================================== -->
<script src="assets/js/prettify/prettify.js"></script>
<script src="assets/js/prettify/lang-less.js"></script>
<script src="assets/js/jquery.js"></script>
<script src="assets/js/bootstrap-collapse.js"></script>
<!-- simple quickfix for more than one accordion group to stay open at a time -->
<script>
$(function() {
$('.accordion').on('show', function(e) {
$(e.target).prev('.accordion-heading').find('.accordion-toggle').addClass('active');
});
$('.accordion').on('hide', function(e) {
$(this).find('.accordion-toggle').not($(e.target)).removeClass('active');
});
});
</script>
<script>
!function($) {
$(function() {
window.prettyPrint && prettyPrint()
})
}(window.jQuery);
</script>
</body>
</html>