padding

README

@@ -3,7 +3,7 @@
   
                                _____
                               /     \
-                            \/_      \ 
+     css variables          \/_      \     editable html table
                                  _____________________________________
    root {                        |                                    |
      --underline-style: wavy;    |--underline-style : wavy            |

demo.html

@@ -24,6 +24,8 @@
             advertisements.
             <span>Let's make nicer cookies !</span> what variables are
             you going to expose on your webpage ?
+            <p>cssVarFilledCookies.js is released under CC4r license,
+            code and documentation available at this adress → <a href="https://git.vvvvvvaria.org/clemtre/cssVarFilledCookies.js">git.vvvvvvaria.org/clemtre/cssVarFilledCookies.js</a></p>
             </p>
 <p>First public written occurrence of the term &#8220;cookies&#8221; to
 describe data stored client side from a browser dates to an article from
@@ -46,6 +48,7 @@ the financial times of 1996, the article is called <em>This bug in your PC is a
     --colorA : violet;
     --colorB : darkgreen;
     --colorC : purple;
+    --padding : 20px;
     --font-size: 24px;
     --point-size: 6px;
     --angle : 8deg;
@@ -76,7 +79,11 @@ width:var(--point-size);
 height:var(--point-size);
 border-radius:100%;margin-bottom:auto
 }
-.demo { width:fit-content; animation: rotation var(--duration) infinite linear; background:var(--background-text)}
+.demo { width:fit-content; 
+    animation: rotation var(--duration) infinite linear;
+    background:var(--background-text);
+    padding:var(--padding);
+}
 body {height:calc(100vh - 20px); display:flex;justify-content:center;align-items:center}
 #cvfc{border-color:var(--colorA) !important;
 animation:blink .5s alternate linear;