diff --git a/README.html b/README.html index e507080f683abb56ad4b39c12c1fa37daa48e03c..fc1af404e339cac4dd009a86104feed57f8c1e16 100644 --- a/README.html +++ b/README.html @@ -1433,6 +1433,7 @@ For deported devtool, click on more (top-right) and then click on separate devto <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>[<parameter> <type> <option> <audio or midi control>]</code>. This is not mandatory to type all heritage, but you need to restect the direction. This is allowed : <code>[<parameter> <type> <option>]</code> or <code>[<parameter> <type>]</code>. This is <strong>not</strong> allowed : <code>[<parameter> <audio or midi control>]</code>.</p> <p>You can use without CSSLSD code without any parameters, use same template like above. How to use : <code>[<type> <option> <audio or midi control>]</code>.</p> +<p>Pseudo elements like <code>::after</code> or <code>::before</code> are working, if element have already a pseudo element add your CSS LSD template otherwise add pure CSS, it will create the pseudo element by adding style with class <code>CSSLSD</code> at the end of the document. For this pure CSS add : <code>position:absolute; content:''; width:10px; height:10px;</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> @@ -1440,7 +1441,7 @@ 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>;