基于SMACSS的CSS框架

Question

SMACSS框架引入了一种一致的方法来管理CSS代码，使其可重用和可维护，但它更多的是关于如何组织CSS的指导方针，而不是一个实际的框架。如果有任何基于它的哲学的其他框架就好了，但我还没有遇到过任何框架。

有没有人知道基于SMACSS方法组织CSS代码的CSS框架？

Answer 1

Pure是一个基于SMACSS的较新的CSS框架。这似乎与YUI项目有关。

从他们的extend page...

基于SMACSS的

Pure被分解成一组响应式模块。从一开始，我们就采用SMACSS作为编写CSS的约定。对于那些刚接触SMACSS的人来说，你应该快速阅读它，特别是关于模块规则的部分。

Answer 2

由于没有从媒体上传出答案，我很好奇，就四处看看。

原来有quite a few，and I see you have been at this for a while now。

I see others recommended LESS or SASS，我还要加上一些解决方案，比如指南针和Susy。这些都是很简单的东西，因为它们都有固有的组织模式。

但这是我实际的答案。

我在寻找CSS框架方面也做了类似的努力，这些框架将响应式Web设计的结果解决方案组织成最佳实践、命名约定和其他模式。So here is what I was looking at，用一个等价的开放式问题，走到了死胡同。

我认为问题可能在于，CSS组织高度依赖于环境和上下文。So, maybe design patterns is a good approach。

所以这是我的解决方案，我将在这里推荐它，我真的很喜欢你的意见，把->分成:基础，布局，字体，元素。在某些情况下，这可以使其他人受益。

如果你找不到一种适合你的环境的组织方法，尝试和设计你需要的东西，然后给它命名，并与世界分享。

这对你有多方面的好处，因为:你学会了如何解决你的问题，这对你作为一个高级开发人员来说很好。

一种方法是在wordpress博客、网站示例页面或github存储库中共享解决方案。

如果它是真实的和有益的，就给它命名，构建它，并分享它。这只会带来好的结果。

祝好运!

Answer 3

我不知道Bootstrap是基于SMACSS的，但Jonathan Snook (SMACSS创始人)有以下说法：

“如果您想知道SMACSS的示例实现可能是什么样子? Bootstrap就是一个完美的示例。”

Prefixed classes in bootstrap