From 37cb3208a213dc14d1030a8fb1f91b3158fc1aba Mon Sep 17 00:00:00 2001
From: Pierre Ranwez <pierre.ranwez.etu@univ-lille.fr>
Date: Fri, 25 Feb 2022 11:34:57 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=93=9D=20doc:=20README?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
README.html | 3 ++-
1 file changed, 2 insertions(+), 1 deletion(-)
diff --git a/README.html b/README.html
index e507080..fc1af40 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>;
--
GitLab