封裝/命名空間CSS和Sass無嵌套選擇器擴展

Question

考慮到Sass'擴展功能不允許嵌套選擇器。什麼是編寫模塊化和命名空間的強大方法Sass，同時仍然使用Sass的擴展功能。

E.g.我不想用類描述符來污染我的「全局」名稱空間，所以我可以使用Sass'擴展功能。

.button { ... } 
.my-widget .large-button { @extend .button; } 

此外，以下不按設計工作：

.my-widget .large-button { ... } 
.your-widget .your-button { 
    @extend .my-widget .large-button; 
} 

Answer 1

Sass'擴展功能將不會延長嵌套的選擇，但它確實範圍內的工作。

E.g.

.my-widget { 
    .button { ... } 
    .large-button { @extend .button; } 
} 

現在描述符類.button在「全局」空間不被發現和被命名隔開，以.my-widget。