cheatsheet
Version:
Cheatsheet boilerplate. Created for the new lesscss.org website, based on Shopify Cheat Sheet by Mark Dunkley.
1,024 lines (805 loc) • 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">