Question

所以它不完全是一个“代码问题”。它更多的是使用它的方法。

我有这个设计psds他们说我要使用sass。我已经相当熟悉sass一段时间了，我把它正确地组织成文件夹，变种......

我的问题是我需要走多远？我是否需要将 eveything 存储在变量，mixins等中，或者如果我只是想在普通css中将其存储起来，因为我的大脑更快地处理我的想法，后者将其重构为上海社会科学院。因为它击败了它的全部目的。

例如我得到了这个图标divs

tasks.xml

我可以轻松使用

.icons-bar .icon-item .icon-wrap {
    width:100%;
    height: 50px;
    margin:auto;        
}

与为其编写mixin并将其包括在内

.icons-bar .icon-item .icon-wrap:nth-child(1) {
    background: url('../img/icons/icons-camera.png') no-repeat;
    background-position: 50%;               
} 

.icons-bar .icon-item .icon-wrap:nth-child(2) {
    background: url('../img/icons/icons-doctor.png') no-repeat;
    background-position: 50%;               
}

这只是一个简单的例子，在这种情况下，我说用伪写写普通的css比用浪费时间做一个mixin更有效率。有什么想法吗？

Answer 1

我认为你应该从Sass开始，因为一旦你的网站投入生产，它将有助于组织你的CSS。如果另一个开发人员在你之后进入并试图处理你的Sass文件（结构变量，mixins，网站的一部分等），那么他/她将更容易修改sass文件而不是进入一个大的CSS文件，并尝试找到一切。

Answer 2

如果我做对了，你说的是OOCSS（第一个样本）和Smacss / Bem。

Bem修饰符可能是更好的选择（使用特定的类名）进行维护它会是

<span class="footer__icon footer__icon--camera"></span>
<span class="footer__icon footer__icon--doctor"></span>

自我记录的代码。当你阅读html时，你可以了解sass的组织方式

关于变量，不，您不需要保存所有变量

sass - 何时使用，何时不使用

2 个答案: