如何用@include sass做點什麼

Question

我不想用mixin來定義我的屬性。我想是建立@extend/@include東西之間的東西，像下面

的例子

文件=> structure.scss

.box{ 
    width:100px; 
    height:100px; 
} 

文件=> color.scss

@import 'structure.scss'; 
.box{ 
    @extend .box; 
    background: red; 
} 

輸出：

.box{ 
    width:100px; 
    height:100px; 
} 
.box{ 
    background: red; 
} 

我想不混入：

.box{ 
    width:100px; 
    height:100px; 
    background: red; 
} 

Answer 1

沒有進口..

.bg-red { 
    background: red; 
} 
.box { 
    width:100px; 
    height:100px; 
    .bg-red; 
} 

或

.box { 
    width:100px; 
    height:100px; 
} 
.red-box { 
    background: red; 
    .box; 
} 

或

.square { 
    width:100px; 
    height:100px; 
} 
.bg-red { 
    background: red; 
} 

.red-box { 
    .square; 
    .bg-red; 
} 

它仍然是一個混合。順便說一句，這是LESS語法，SASS/SCSS語法應該是類似

或只使用OOCSS <div class="rounded red box"></div>