2012-08-14 33 views
3

Stylus是一種編譯成普通CSS的語言。語言是一個巨大的節省時間和空間的原因很多。舉例來說,我可以把選擇對方內線:正在尋找一種帶類Stylus語法的Python CSS預處理器?

div.foo 
    color: red 

    div.bar 
     color: blue 
     font-weight: bold 

    div.baz 
     color: green 
     background-color: pink 

我還可以做的東西一樣進行特定供應商的屬性沒有前綴,從而節省了大量的空間工作。

我的問題是:是否有任何替代Stylus?我無法真正想到Stylus是什麼,所以我很難找到使用Google的替代方案。

注意:替代方法是指編譯爲CSS並提供節省時間的好東西的語言。


我在尋找替代品的原因是,我用手寫筆爲我所有的項目,我想看看有沒有更好的解決方案在那裏。我對Stylus沒有100%滿意的原因是它的TextMate包非常糟糕,Stylus需要Node.js來編譯,這也是我想避免的一個步驟。我主要使用Python。

+0

沒有基於Python的CSS預處理器,Stylus在功能方面是最好的。你在使用這個包嗎?它不壞... https://github.com/LearnBoost/stylus/tree/master/editors/Stylus.tmbundle – 2012-08-15 00:30:13

+0

是的,這是我正在使用的包。它只是充滿了小問題,這使得它很難處理,例如它強制執行1個縮進。使用4個空格縮進會廢除整個文件的語法高亮顯示。 – Hubro 2012-08-15 11:13:07

+0

我改變了你的標題,這些東西被稱爲預處理器,你可以谷歌的python的。 – smathy 2012-08-16 03:51:40

回答

4

手寫筆的兄弟姐妹是LESSSass。我更喜歡Stylus,兩者都是因爲功能和速度,但它們幾乎可以互換,AFAIK。

LESS也是用javascript編寫的,所以不會從你的node.js依賴關係中釋放你。 Sass是用Ruby編寫的。

+1

的副本您應該添加回答,沒有好的Python CSS預處理器存在。 – Hubro 2012-12-05 00:07:12

1

CSS-On-Diet是用Python編寫的。您可以通過

pip install CSSOnDiet 

它節省了大量的時間和空間,輕鬆地安裝它,但語法不同

0

我真的不能想到什麼筆是

描述的

您正在尋找的術語是CSS預處理器

檢查這個的:

  • Less:與手寫筆是一個CSS超集。換句話說,每個有效的CSS文檔也是一個有效的Less文檔。這種方式更容易從現有的CSS遷移。

  • Sass:與Less非常相似。它有一個變體(SCSS),這個符號也是一個SCC超集。有些人更喜歡Sass over Less,因爲他的控制結構語法(選擇,迭代)對於大多數程序員來說更自然,因爲它與大多數命令式編程語言(C++,Java等)中使用的類似,而Less使用遞歸方法,更類似於函數式編程語言。

  • Absurd JS:通過寫入純JavaScript代碼來描述樣式,因爲他的對象文字符號表示法與CSS符號非常相似。這種有趣的方法允許您以任何形式操作和預處理樣式,因爲您不再受上述兩種控制結構中的一小撮限制,但可以使用編程提供的全部特徵工具集語言。如果您是程序員,或者作爲設計師您有興趣學習如何編寫代碼,或者您想以非平凡或瘋狂的方式描述和重用風格定義,我強烈建議您使用這些選項只是一個預處理器。

在閱讀本問題之前,我不知道觸控筆。這似乎很不錯。我喜歡用他的類似Python的方式使用換行符和表格來定義代碼的結構。我會試一試。如果你已經使用這個預處理器,並且你沒有發現任何重要的缺點,我會堅持下去。