Skip to content
Snippets Groups Projects
Commit 7a90269d authored by RANWEZ Pierre's avatar RANWEZ Pierre :anchor:
Browse files

:pencil: doc: HTML

parent 844c0624
Branches
Tags
1 merge request!1✨ feat: CSSLSD V2
......@@ -1432,6 +1432,7 @@ For deported devtool, click on more (top-right) and then click on separate devto
<h3 id="csslsd-code">CSSLSD Code</h3>
<p>You need to use a custom CSS template, like below to map your audio or MIDI events to some CSSLSD properties. All parameters are between <strong>square brackets</strong>. You can use multiple parameters in a line. You can also type pure CSS in code editor, this CSS wil be apply on code auto-save (each time your type something in editor).</p>
<p>You can extend parameter by heritage with template <code>[&lt;parameter&gt; &lt;type&gt; &lt;option&gt; &lt;audio or midi control&gt;]</code>. This is not mandatory to type all heritage, but you need to restect the direction. This is allowed : <code>[&lt;parameter&gt; &lt;type&gt; &lt;option&gt;]</code> or <code>[&lt;parameter&gt; &lt;type&gt;]</code>. This is <strong>not</strong> allowed : <code>[&lt;parameter&gt; &lt;audio or midi control&gt;]</code>.</p>
<p>You can use without CSSLSD code without any parameters, use same template like above. How to use : <code>[&lt;type&gt; &lt;option&gt; &lt;audio or midi control&gt;]</code>.</p>
<p>Code example:</p>
<pre><code class="language-css"><div><span class="hljs-selector-tag">body</span> {
<span class="hljs-comment">/* Tip : You can use comments */</span>
......@@ -1439,8 +1440,9 @@ For deported devtool, click on more (top-right) and then click on separate devto
<span class="hljs-attribute">background-color</span>:[couleur <span class="hljs-number">#000</span>:<span class="hljs-number">#fff</span>];
}
<span class="hljs-selector-tag">h1</span> {
<span class="hljs-comment">/* Simple parameter usage */</span>
<span class="hljs-comment">/* Simple parameter usage */</span>
<span class="hljs-attribute">opacity</span>: [opacité];
<span class="hljs-attribute">font-size</span>:[<span class="hljs-number">0</span>:<span class="hljs-number">20</span> d loud];
<span class="hljs-attribute">color</span>: <span class="hljs-number">#000000</span>;
}
</div></code></pre>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment