Sass SCSS复杂/嵌套映射

Sass SCSS复杂/嵌套映射,sass,Sass,我想从嵌套映射中生成一些CSS代码,但我可以访问参数和值。我把地图贴在这里了。我想上不同的课。它们应该是这样的 是流体{ 宽度:100%; 高度:自动; 边界半径:0; } 等等 我尝试了不同的方法,但都没能成功。 这可能吗?怎么做 $images: ( styles: ( fluid: ( 'width': 100%, 'height': auto, 'border-radius': 0

我想从嵌套映射中生成一些CSS代码,但我可以访问参数和值。我把地图贴在这里了。我想上不同的课。它们应该是这样的

是流体{
宽度:100%;
高度:自动;
边界半径:0;
}
等等

我尝试了不同的方法,但都没能成功。 这可能吗?怎么做

$images: (
    styles: (
        fluid: (
            'width': 100%,
            'height': auto,
            'border-radius': 0
        ),
        rounded: (
            'width': auto,
            'height': auto,
            'border-radius': .5rem
        ),
        circled: (
            'width': auto,
            'height': auto,
            'border-radius': 50%
        )
    )
)

汇编至:

.is-fluid {
  width: 100%;
  height: auto;
  border-radius: 0;
}

.is-rounded {
  width: auto;
  height: auto;
  border-radius: 0.5rem;
}

.is-circled {
  width: auto;
  height: auto;
  border-radius: 50%;
}

美好的非常感谢你!
.is-fluid {
  width: 100%;
  height: auto;
  border-radius: 0;
}

.is-rounded {
  width: auto;
  height: auto;
  border-radius: 0.5rem;
}

.is-circled {
  width: auto;
  height: auto;
  border-radius: 50%;
}