Wcięcie CSS w emacs

Question

Auto-wcięcie emacsa dla CSS doprowadza mnie do szału. Oto, co lubię CSS wyglądał:

#foo ul.bar { 
    .... 
} 

    #foo ul.bar li { 
     .... 
    } 

     #foo ul.bar li a { 
      .... 
     } 

to co emacs daje mi jego auto wcięcia:

#foo ul.bar { 
    .... 
} 

#foo ul.bar li { 
    .... 
} 

#foo ul.bar li a { 
    .... 
} 

chciałbym, aby moje style stopniowo wcięcie jeśli używają kaskadę. Jednak emacs automatycznie zaindeksuje wszystko na tym samym poziomie.

Wszystko, co mogę zrobić?

Answer 1

Nie sądzę, że którykolwiek z trybów CSS, z których korzystałem z Emacsem, będzie obsługiwał ten styl wcięcia po wyjęciu z pudełka - nie patrzą na zawartość selektorów, tylko czy nie coś jest selektorem (nie wcięcia) lub jest regułą wewnątrz selektora (wcięcie jeden krok).

Jeśli chcesz to zmienić, musisz zastąpić funkcję wcięcia dla twojego trybu CSS.

Answer 2

Proponuję rozpocząć kompilację CSS przy użyciu "Sass" - pliki .scss wyglądają tak jak CSS, ale pozwalają na zagnieżdżanie reguł dokładnie w taki sposób, w jaki wygląda na przykład w twoim przykładzie, i produkuje naprawdę ładne wyjście, które wygląda jak CSS, który został stworzony ręcznie - więc, po pierwsze, twój CSS będzie nadal zrozumiały; i, po drugie, jeśli kiedykolwiek chcesz zrezygnować z Sass, możesz po prostu usunąć swoje pliki .scss i edytować pliki .css od tego miejsca.

I Emacs już wcina Sassa doskonale, ponieważ Emacs przestrzega normalnych reguł liczenia liczby nawiasów klamrowych i odpowiednio wcięć. Kod źródłowy powyższego, jeżeli przekształca się Sass, wyglądałby następująco:

#foo ul.bar { 
    ... 

    li { 
     ... 

     a { 
      ... 
     } 
    } 
} 

Oczywiście, to usuwa powtórzenia i sprawia, że ​​łatwiej odczytać i zachować swój CSS. Projekt Sass znajduje się tutaj: http://sass-lang.com/

Answer 3

Wiem, że to hack, ale widziałem tryb java działa bardziej lub mniej dobrze z css.

Answer 4

Możesz użyć wbudowanej tożsamości emacs. Pracuję w dowolnym trybie i wykonuję przyzwoitą pracę z plikami css.

(defun cesco/indent() (interactive) (mark-whole-buffer) (indent-region (point-min) (point-max) nil) (pop-global-mark) )