2016-08-02 38 views
0

Ich verwende ein großes SCSS-Dokument. Es ist sehr groß.Wie ändere ich den Stil der Klammern für ein großes Dokument?

Derzeit sieht der Stil wie folgt aus:

.class { 
    #inner { 
     h5 { 

     } 
    } 

} 

Ich will es so aussehen, finde ich es viel einfacher zu lesen:

.class 
{ 
    #inner 
    { 
     p 
     { 

     } 
    } 

} 

Ich kann es nicht nur von Hand ändern . Ich habe kein Problem mit meinem Editor, um die äußerste Klasse zu ändern. Aber der Redakteur wird die Nuancen des Leerraums nicht aufgreifen. Kann ich irgendetwas tun? Beachten Sie, wie die linken Klammern eingerückt werden und unter den Anfang der Klasse fallen.

** Beachten Sie, dass nicht jede öffnende Klammer nur einen Zeilenumbruch, sondern auch einen Einzug auf der rechten Seite benötigt. Die Selektoren können IDs, Klassen, Tags usw. sein.

+0

http://www.cleancss.com/css-beautify/ – Simon

+0

^Es tut es nicht, bro. – munchschair

Antwort

0

Ich endete das meiste davon mit der Hand.

Aber einige davon habe ich Regex, die wie folgt aussah:

{\ n \ t \ t \ t

Für die neuen Linien und Tabs nach.

0

Ich meine, Sie könnten die einfache Sache verwenden. Einfach einen Regex finden und ersetzen. Versuchen Sie etwas Einfaches wie:

\..*{

Dann können Sie einfach den multicursor Trick verwenden, und fügen Sie dann eine neue Zeile, wo immer Sie :) mögen.

+0

Denken Sie, dass Sie das mehr erklären können? Ich folge dir hier nicht ganz. – munchschair

+0

Wenn Sie in Klammern zum Fenster zum Suchen und Ersetzen gehen, sollten Sie ein Symbol sehen, das wie folgt aussieht: '. *'. Das bedeutet, dass Sie regex zum Suchen verwenden können. Sie können alle Instanzen finden und dann Leerzeilen hinzufügen. – user2662833

+0

\ .. * {hebt auch die Klasse davor hervor. Auch, was ist der Multicursor-Trick? Ich habe Klammern nur heruntergeladen, um dies zu tun. – munchschair