CSS Variables / Custom Properties (full course)

[@Arkv01]

very good bitesize course, especially using css variables in JS. Thanks!

[@logkdogk]

Great distilled knowledge - thanks for this one 🙏🏼

[@BadPerson007]

Some on the text on the bottom is cut off.

[@roeltaga]

Yeah, but you can open it in Scrimba, and you can see all of it... scrimba.com/g/gcssvariables

[@rowerotomja]

I love it

[@davidsalvadordigital]

AMAZING

[@monkeymonkey143]

Nice!

[@jaimemnds]

Which editor is this?

[@prakashnatarajan9073]

Hey nice tutorial. I want support for IE 11. Is it possible..?

[@sumitluitel4212]

Code for HTML and CSS prior to CSS variable?

[@PrinceSingh-zn5pg]

how do i use css variables for font family ??

[@roeltaga]

/* This is an example. Basiclly a variable can have any value you want, and in this case writing "var(--fontilike)" is the same as writing "monospace" */ :root { --fontilike: monospace; } p { font-family: var(--fontilike); }

[@PrinceSingh-zn5pg]

How do i use custom font ? like i have a font in my local project and i want to use it. First you have to upload it like this @font-face{ src:url("../fonts/OpenSans-Regular.ttf"); font-family:"OpenSans-Regular"; } how do i achieve this with css variables ?

[@ayandasimelane3505]

Great. only input, kindly show the full html so we recreate the whole project.

[@eduardmart1237]

What does :root mean?

[@SalimMahboubigeek]

It's a pseudo class used to select the document's root HTML. In this case it's representing the tag. It's mainly used for declaring global CSS variables. More: developer.mozilla.org/en-US/docs/Web/CSS/:root

[@nitensapkota3722]

You should watch your videos before uploading..some code aren't visible especially at the bottom

[@Alphadec]

how do you use css varibaels on fonts. ?