{"version":"1.0","type":"rich","title":"Generated by SassMeister.com.","description":"This example demonstrates how Sass’s `@for` loop and `nth()` function generate five distinct theme classes, each pairing a color from one list with a background from another. The code defines a `theme` mixin that applies the color and background properties, then iterates through two parallel lists to produce CSS rules like `#theme-1` through `#theme-5`. The output shows the resulting styles, where the color and background values swap symmetrically, creating a reverse-gradient effect. Sass v3.4.1 and Compass v1.0.1 are used to compile the SCSS into plain CSS.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-c9b88b3280110352cf45?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}