CSS custom properties (ਵੇਰੀਏਬਲ) ਤੁਹਾਨੂੰ ਇੱਕ ਵਾਰ ਮੂਲਾਂ ਨੂੰ ਸਟੋਰ ਕਰਨ ਅਤੇ ਦੁਬਾਰਾ ਵਰਤਣ ਦਿੰਦੇ ਹਨ। Preprocessor (Sass) ਵੇਰੀਏਬਲਾਂ ਦੇ ਉਲਟ, ਉਹ runtime ਵਿੱਚ ਲਾਇਵ ਹੁੰਦੇ ਹਨ — ਉਹ cascade ਹੁੰਦੇ ਹਨ, inherit ਕਰਦੇ ਹਨ, ਅਤੇ JavaScript ਜਾਂ media queries ਨਾਲ ਤਬਦੀਲ ਕੀਤੇ ਜਾ ਸਕਦੇ ਹਨ।
{
: ;
: ;
: ;
}
{
: (--color-primary);
: (--spacing);
: (--radius);
}
