/CSS/How to pass html number to css

How to pass html number to css

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>

0

Source: stackoverflow.com

How to pass html number to css

<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>

0

Source: stackoverflow.com

How to pass html number to css

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

0

Source: stackoverflow.com

How to pass html number to css

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

0

Source: stackoverflow.com

Similar codes

0 vote311 views2 answers
Materialize css for react
CSS Materialize
0 vote176 views1 answer
Css dashed double border
CSS
0 vote178 views2 answers
How to center the table horizontally css
CSS
0 vote198 views1 answer
For...of...loop and NodeLists
CSS
1 vote270 views1 answer
CSS3
CSS
8 votes216 views3 answers
Css change font awesome icon color
CSS
0 vote192 views1 answer
Wordpress template load CSS
CSS
47 votes208 views5 answers
Nth-child() css
CSS
35 votes201 views3 answers
Css how to make background transparent
CSS
0 vote178 views1 answer
Datepicker not select future date odoo 13
CSS

Share