oocss

2熱度

1回答

我在創建一個受ITCSS，BEM和OOCSS啓發的樣式表，我不確定如何從化妝品屬性中分離結構特性。我瞭解ITCSS和OOCSS一個例子： //First the structure. Button is an object (ITCSS) .o-btn { height: ...; width: ...; } //Then declare the cosmetics

3熱度

1回答

如何選擇像BEM，OOCSS，AMCSS，SMACSS，SUITCSS等CSS模塊化方法？

這是很多CSS的模塊化解決方案。我列出了一些主題，但可能已經有更多。你如何選擇哪一個用於你的新項目？有比較嗎？

1熱度

2回答

如何使用ooccss和smacss處理響應式設計中的css模塊更改

我正在研究CSS最佳實踐和方法，如OOCSS和SMACSS以在使用Twitter Boostrap 3和LESS的中等範圍項目中使用。我開始掌握這些方法，但是我發現如何處理響應式設計和CSS模塊關係有些麻煩。例如，假設我有一個按鈕模塊，其中包含項目中使用的所有不同類型的按鈕（顏色，形狀，大小）。我怎樣才能讓按鈕更改取決於設備。移動設備中的相同按鈕應該很大，而桌面設備中的按鈕應該很大繼OOCSS

0熱度

1回答

什麼是Twitter Bootstrap約定用於添加新樣式以形成標籤？

我想在我的Twitter Bootstrap網站中爲表單創建新樣式，並且希望保留SMACKS/OOCSS約定。這是默認的形式： <form role="form"> <div class="form-group"> <label for="exampleInputEmail1">Email address</label> <input type="email" cl

0熱度

1回答

OOCSS to Long CSS生成器

目前我正在開發一些應用程序的GUI，這是在QT（多平臺框架）中開發的。 QT中的GUI可以作爲普通的CSS來設計。所以，我開發GUI作爲一個基本的web應用程序（HTML5，CSS3和JS），我使用較少的預處理的造型和創造一些原因OOCSS（面向對象CSS）... 通過LESS生成： .button { position: absolute; display: block;

0熱度

2回答

OOCSS /模塊化CSS：戰鬥鏈接風格，如何解決？

在我的CSS文件，作爲一個「復位」的一部分，我的風格像這樣所有鏈接： a { color: blue; &:visited { color: violet; } &:hover, &:focus, &:active { color: orange; } } 我知道這些都是非常寬泛的規則針對網頁上的

0熱度

1回答

CSS媒體對象：Clearfix VS溢出

我最近碰到this實現在inuitcss框架OOCSS媒體對象的傳來： .#{$inuit-media-namespace}media, %#{$inuit-media-namespace}media { @extend %clearfix; display: block; } .#{$inuit-media-namespace}media__img, %#{$inu

2熱度

2回答

字體真棒快捷方式

我在我的web項目中使用Awesome Font。有什麼選擇如何使一堆圖標的捷徑？例如。我有circle-thin圖標。現在在頁面上，我想把三個圖標放在一起，所以結果是OOO，但我不想在代碼中放入3倍的<i class="fa fa-circle-thin"></i>。所以當我寫它時，我可以以某種方式創建CSS快捷方式，會出現3個圓圈？例子： .circle-three { <i class=

1熱度

2回答

SASS/SCSS是製作OOCSS的一種方式嗎？

我知道SASS/SCSS，我知道什麼是面向對象，但我可以說SASS是一種使CSS對象導向的方法嗎？如果我錯了，請糾正我。

1熱度

1回答

媒體對象和位置：絕對

我試圖重新創建OOCSS media object以便在某些文本旁邊顯示圖片。媒體對象使用overflow: hidden來創建新的塊格式上下文。這可以確保文本不會環繞圖像。但是，當我的媒體對象完全定位後，Firefox會呈現與Chrome和Internet Explorer不同的文本。 Firefox似乎只是基於文本的寬度而不是圖像的寬度和文本的寬度來設置媒體框的寬度。 Chrome和Inte