Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Narzędzie do porządkowania CSS
IProSoft
post
Post #1





Grupa: Zarejestrowani
Postów: 479
Pomógł: 97
Dołączył: 6.09.2011
Skąd: php.net :)

Ostrzeżenie: (0%)
-----


Witam

Poszukuję programu/skryptu/strony umozliwjającego "poprawienie" kodu CSS, a dokładniej dostosowanie go do moich potrzeb.

Załóżmy mam taki kod CSS:

  1. .warstwa_a, .warstwa_b, .warstwa_c{
  2. display: block;
  3. padding: 10px;
  4. }
  5. .warstwa_a{
  6. color: #fff
  7. }
  8. .warstwa_b{
  9. margin: 10px
  10. }


chciałbym aby wyglądał tak:

  1. .warstwa_a{
  2. color: #fff;
  3. display: block;
  4. padding: 10px;
  5. }
  6. .warstwa_b{
  7. margin: 10px;
  8. display: block;
  9. padding: 10px;
  10. }
  11. .warstwa_c{
  12. display: block;
  13. padding: 10px;
  14. }


Czyli bloki przypisane do kilku warstw zostały rozbite i przypisane do już istniejących lub zapisane jako osobne bloki.

Z góry dzięki za pomoc.



--------------------
Manual prawdę Ci powie.
Go to the top of the page
+Quote Post
PrinceOfPersia
post
Post #2





Grupa: Zarejestrowani
Postów: 717
Pomógł: 120
Dołączył: 18.04.2009

Ostrzeżenie: (0%)
-----


parę luźnych pomysłów:
jakby wziąć skądś parser CSS (w formie biblioteki programistycznej), to by zadanie było dziecinne proste -
można było się przelecieć w pętli po deklaracjach i poprzenosić je, a potem wygenerować ponownie CSS...
Tu jest coś takiego: https://github.com/reworkcss/css-parse (zamienia CSS na obiekt JavaScriptu)
Albo http://google.com/?q=css+parser+library

Inny pomysł, to jakaś wtyczka do edytora, tu jest coś takiego:
https://sublime.wbond.net/packages/CleanCSS

ale nie wiem czy posiada ona funkcję, o jakiej mówisz.

Inny pomysł, to użycie SASS albo LESS ale to raczej na poziomie projektu a nie modyfikacji istniejącego juz kodu.

edit: chociaż niekoniecznie. Sam LESS ma opcje parsera:
http://lesscss.org/#using-less-usage-in-code
tylko wtedy trzeba byłoby się przedzierać przez drzewko składni, które by wygenerował parser (ale pod console.log można sobie podejrzeć co generuje).

Ten post edytował PrinceOfPersia 21.05.2014, 19:07:18


--------------------
Go to the top of the page
+Quote Post
IProSoft
post
Post #3





Grupa: Zarejestrowani
Postów: 479
Pomógł: 97
Dołączył: 6.09.2011
Skąd: php.net :)

Ostrzeżenie: (0%)
-----


Dzięki za linki.
Chyba najłatwiej będzie napisać własny system do tego :-)


--------------------
Manual prawdę Ci powie.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 20.08.2025 - 19:55