Question: 1. Create a CSS class dark-theme which should override the following custom properties: - primary-color to another custom property, gray-500 with black color (#800) as

1. Create a CSS class dark-theme which should override the following custom properties: - primary-color to another custom property, gray-500 with black color (\#800) as a fallback; - secondary-color to another custom property, gray-100 with white color (\#fff) as a fallback. 2. Create a CSS rule that every third list item of an unordered list should use the primary-color custom property as its font color and secondary-color as its background color. 3. Create a CSS rule for paragraphs where the font size should be set to font-size, but at least min-font-size and at most maxfont-size, where font-size, min-font-size and max-font-size are all custom properties. Hints - CSS custom properties are also known as CSS variables - Don't worry about support for css custom properties; the task will be assessed in a controlled environment that supports them. - You don't need to define gray-500 and gray-100 custom properties. Assume they are always present - Your solution should contain only 3 cSS rules, one for each point in the requirements Available tools - CSS
Step by Step Solution
There are 3 Steps involved in it
Get step-by-step solutions from verified subject matter experts
