/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

67 votes251 views6 answers
How to center a div in css
CSS
0 vote246 views1 answer
How to center an overlay button using css transform and translate
CSS
0 vote247 views1 answer
Emotion select all childrens
CSS
0 vote253 views1 answer
1 412 779 in words
CSS
2 votes261 views2 answers
Remove input styling
CSS
0 vote291 views1 answer
React bootstrap carousel not working
CSS Bootstrap
0 vote235 views1 answer
Avatar change design html css
CSS
6 votes206 views6 answers
How to properly install tailwind css in react
CSS
1 vote197 views1 answer
Css image background center horizontally in div
CSS
175 votes286 views6 answers
Css image background
CSS

Share