Sass!預設和主題化的設計系統

2021-10-07 13:47:19 字數 648 閱讀 6187

這是布拉德·弗羅斯特(brad frost)的一篇很棒的部落格文章,他為我們提供了乙個有趣的例子。 假設我們正在製作乙個主題,並且有一些像這樣的sass:

.c-text-input

如果未定義$form-background-color變數,則我們根本不希望在css中輸出background-color。 實際上,我們希望輸出看起來像這樣:

.c-text-input
看到? 沒有background-color屬性。 如brad所示,今天可以通過sass的!default標誌來實現。 您可以在設定變數時像這樣使用它:

$form-background-color: null !default;

.c-text-input

$form-background-color: red;

.c-text-input-fancy

如果要確保在使用sass建立複雜主題時確保css盡可能小,這是一件非常有用的事情。

直接鏈結→

翻譯自:

解讀phpwind的主題定製化設計

最近研究phpwind原始碼過程中,發現它對發帖主題具有可定製化能力,而不是一概標準貼格式,能夠根據具體應用場景定製化屬性,讓帖子資訊結構化起來,具體功能以房屋買賣版塊為例,可以分為出租 求購等型別的帖子,如下圖所示 發帖的時候,能根據型別,定製各個屬性,以出租為例,如下圖所示 在列表展示頁裡,也能...

主題模型的分類和設計原則

topic model 的介紹性文章已經很多,在此僅做粗略介紹,本文假設讀者已經較為熟悉 topic medel。topic model lda 認為乙個離散資料集合 如文件集合,集合,為行文方便,本文統統以文件集合作為描述物件,其他的資料集合只需換掉對應的術語即可 是由隱含在資料集合背後的 top...

值初始化和預設初始化的區別

如果使用等號 初始化乙個變數,實際上執行的是拷貝初始化,編譯器把等號右側的初始值拷貝到新建立的物件中去。與之相反,如果不使用等號,則執行的是直接初始化。當初始值只有乙個時,使用直接初始化或拷貝初始化都行。如果用多個值進行初始化的情況,非要用拷貝初始化的方式處理也不是不可以,不過需要顯式地建立乙個 臨...