[英]ITCSS: where to put CSS animations?
我正在為最新項目使用ITCSS。 三角形的圖層如下: 設置-與預處理器一起使用,並包含字體,顏色定義等。在這一層中,常見的是定義可以自定義模板的變量。 工具-全局使用的mixin和功能。 僅當我們使用預處理器作為SASS時才使用此層。 通用—重置和/或規范化樣式 ...
[英]ITCSS: where to put CSS animations?
我正在為最新項目使用ITCSS。 三角形的圖層如下: 設置-與預處理器一起使用,並包含字體,顏色定義等。在這一層中,常見的是定義可以自定義模板的變量。 工具-全局使用的mixin和功能。 僅當我們使用預處理器作為SASS時才使用此層。 通用—重置和/或規范化樣式 ...
[英]CSS Project Structure
我對CSS項目結構有些迷茫。 我的項目很大,因此在研究之后,我決定使用ITCSS Structure ,直到到達``組件層'',一切都很好'' 我做了什么:我也將我的Components文件夾也分成了子文件夾。 例如:我有一個用於html頁面的模板,在模板中,我具有頁眉,內容和 ...
[英]ITCSS - Where put classes specific for a page
我正在使用ITCSS來構建樣式。 現在我有一個帶有圖像的頁面,我需要它的最大高度為512px。 該屬性特定於該頁面中的圖像,因此在使用ITCSS時應將該屬性放在哪里? 該圖像具有Bootstrap類img-fluid。 另一個問題是,使用ITCSS可以為特定頁面創建樣式,還是應該使用IT ...
[英]Global scope elements within ITCSS
我從事前端開發已有15年了。 我可能會陷入困境,但是在前端領域,架構和范圍元素的開發順序很簡單-保留模式庫和更好的模塊化細節。 開發Header / Main / Footer-首先完成此工作,確保它跨瀏覽器高效,並且在移動設備上工作出色。 開發主要標簽內的所有內容-模塊化組 ...
[英]Why css object should start with prefix o- and component starts with c-?
是否有任何原因為什么在css naming convention ,某些object最好以前綴o-開頭,而component以c-開頭? 我知道o-代表object , c-代表component ,但是為什么我們不只是忽略該規則呢? 例如c-btn ,為什么我們使用c- ,我認為它太冗 ...
[英]Is there any way to only render the template/content of my Angular component?
我想要一個干凈的HTML,只有組件內容而不是容器,因為我想使用ITCSS和RSCSS方法。 因此,以為我有兩個組成部分: app-simple-card和app-superior-header ; 我要具有以下結構。 簡單card.component.scss 優越-hea ...
[英]In ITCSS what approach would you use to style a 2 and 3 column layout?
我有一個正在成長的中型Web項目。 這是我的ITCSS架構: 設置......全局變量,配置開關,品牌顏色。 工具.........默認的混合功能和函數,第三方工具。 通用.......歸零樣式(規范化,重置,框大小調整)。 元素......未分類的HTML元 ...
[英]How to manage specificity issues using ITCSS and having forms?
我有一個大型項目,通過ITCSS構建其CSS架構。 總而言之,我喜歡它。 但是,樣式設置表單時我遇到一個問題。 我在元素層中設置了不同的表單元素樣式: 在forms.scss中 : 但是,如果我有一個需要不同樣式的組件: 在foo_component.scss中 : ...
[英]Separating structure and skin with ITCSS, BEM, and OOCSS
我正在創建一個受ITCSS,BEM和OOCSS啟發的樣式表,不確定如何將結構屬性與化妝品屬性區分開。 據我了解的ITCSS和OOCSS的示例: 我遇到的問題與ITCSS更為相關。 當我可以為同一元素使用相同的前綴,並且可能更清楚地理解時,則為同一元素使用兩個不同的前綴(兩個類別) ...