Project4：Activity Page Editor

[miniflycn]

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

相关学习

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

• 项目地址：
  • Activity Page Editor：https://github.com/FE-star/Plan-2022/tree/main/activity-page-editor
• CSS模块化 & 预处理
  • OOCSS、SMACSS、BEM、CSS Modules、CSS in JS
    • https://cythilya.github.io/2018/06/05/css-methodologies/ level1
  • PostCSS
    • https://cythilya.github.io/2018/08/10/postcss/ level1
    • https://github.com/postcss/postcss/blob/main/docs/README-cn.md level3
  • Less
    • https://less.bootcss.com/#%E6%A6%82%E8%A7%88 level1
  • SaaS
    • https://sass-lang.com/libsass level3
    • https://sass-lang.com/dart-sass level3
  • playgorund：https://github.com/FE-star/css-processor-playground
• 渲染
  • SSR
  • SSG
  • CSR

[chencl1986]

请问用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]

@chencl1986

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