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

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

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!