java循环遍历类属性_循环遍历类并包含带变量的属性

所以我试图在我的sass文件中加入一些逻辑 . 用户可以为具有该颜色的主页上显示的“卡”选择主题/颜色 .

Card 1 /a> Card 2

我们正试图通过课程来应用这些主题 . 主题有两种颜色可用于不同的属性 .

.theme-red {

$primary-color: red;

$secondary-color: darkerred;

background: $primary-color;

header {

background: $secondary-color;

}

}

但是,对于多个主题,我们会为每个主题进行大量复制和粘贴,并且反复使用相同的属性 .

我希望我们可以使用SASS函数(或类似函数)预定义每个类和属性 . 将类名添加到列表中,并为每个主题定义主要和次要颜色 .

例如:

$themes-list: "red", "blue";

和一个填充类名的foreach循环(注意我真的不知道语法,我希望有人可以帮助我,如果这是解决方案)

@for $theme in $themes-list

.theme-$theme {

background: $primary-$theme-color;

header {

background: $secondary-$theme-color;

}

}

而且我不确定如何,但是会有一个“包装”(mixin?)允许我们为每个主题定义颜色?

@mixin theme-colors {

$primary-red-color: red;

$secondary-red-color: darkred;

$primary-blue-color: blue;

etc

}

这有可能,如果是这样的话?

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值