FE-star / Plan-2022

2022年新一代前端课程
49 stars 20 forks source link

Project4:Activity Page Editor #14

Open miniflycn opened 2 years ago

miniflycn commented 2 years ago

unstable 渲染相关🤔️我想想预习啥

相关学习

level 1:表示最少预习内容 level 2:表示课程需要学会的东西 level 3:表示课外知识

chencl1986 commented 2 years ago

请问用Sass变量管理整个组件库或者所有项目内的样式是否可行?

例如在variable.scss中,定义:

$gray-1: #666666;
$padding-1: 2px;
$margin-1: 2px;
$font-size-1: 10px;
$width-1: 12px;

然后在项目中使用:

.class {
  color: $gray-1;
  padding: $padding-1;
  margin: $margin-1;
  font-size: $font-size-1;
  width: $width-1;
}
miniflycn commented 2 years ago

@chencl1986

可以的,可以参考 Bootstrap & Fusion Design