使用北斗/萨斯另一个CSS框架(Using Compass/Sass with another CS

2019-09-22 05:31发布

我最近开始使用北斗/萨斯对我的CSS编码,并已工作了好。 我现在正在研究尝试不同的框架(骨架,基金会,引导等)。 我为那些谁是有经验的使用指南针,当你安装一个新的框架,它包括它与现成的类自己的CSS文件的问题。 当您使用罗盘,它有你才能用它来修改类和变量的SCSS文件。 这是混淆了我的事情是,我需要去的CSS文件来修改任何默认类,然后再返回到SCSS文件,以做混入,变量等,似乎真是多余和耗时。

我应该在CSS文件中被切割的一切,把它粘贴在SCSS文件,使其更容易? 还是有不同的方法,如果我想使用一个框架,我应该做的,例如引导和指南针?

顺便说一句我也有,让我做了一键式安装基金会和引导的compass.app。 我刚刚发现所谓的与Susy花药框架,它看起来很酷。

谢谢!

Answer 1:

任何CSS文件是有效的SCSS如果您更改扩展名,所以我不会在这些文件之间的差异太赶上了。 您可以轻松地使用指南针与任何框架,许多框架已经被移植到北斗甚至更好的整合。

在另一方面,我认为指南针改变的框架能够/应该是什么样的想法。 CSS框架难以维护和使用,因为CSS是没有考虑到抽象的框架构建。 其结果是臃肿,非语义API,可尝试做的一切,但偷工减料一路走来。 你可以做得更好。

指南针是建立在有利于较小,专注“插件”的共享。 与Susy是这些插件之一,还有更多。 你会发现与Susy不像基金会或引导:它只做网格,并做他们的方式不萨斯那是不可能的。 这使得在API的可能性较大差异。 同样是与许多其他的插件如此。

我用自己的指南针插件的组合,以构建一个框架,定制适合我的需求。 我建议你也这样做。 不要写自己所有的代码,但找到自己喜欢的插件推出自己的框架。 我的是这样:

总是:

  • 罗盘
  • 超对称
  • 模块化规模
  • 断点

如所须:

  • 指南针rgbapng
  • 活跃
  • solarized(不是一个插件,但容易复制/粘贴)
  • 时髦,按钮
  • 很多很多......

你得到快速发展的所有好处,但更多的控制和更好的长期代码。



文章来源: Using Compass/Sass with another CSS framework