How to pass html number to css

<div id="div1" class="divs" style="--bg: #ff6; --pad: 1;">div1</div>
<div id="div2" class="divs" style="--bg: #f66; --pad: 2;">div2</div>

<div class="c" style="--c: blue" >Foo</div>
<div class="m" style="--m: 0 2em">Bar</div>
<div class="c" style="--c: green">Baz</div>

.divs {
  background: var(--bg);
  padding: calc(var(--pad)*5px);
}

.c {color:  var(--c)}
.m {margin: var(--m)}

Similar codes

6 votes216 views3 answers
Disable drag image css
CSS
5 votes220 views3 answers
Background-image linear gradient and border radius
CSS
10 votes215 views6 answers
Css bottom shadow
CSS
11 votes212 views2 answers
Css display
CSS
-2 votes225 views2 answers
How to add button in css
CSS
1 vote212 views1 answer
Css animation display none
CSS
1 vote208 views1 answer
Twig block
CSS
11 votes199 views3 answers
Css selector color
CSS
10 votes216 views4 answers
Wp_enqueue_style
CSS
0 vote217 views1 answer
Resctrict css to apply on div
CSS