[Resolu] CSS sur une ligne - comment reparser/indenté le fichier

Marsh Posté le 28-05-2025 à 10:27:23

Bonjour

J'ai recuperer un projet docker sur github pour un serveur Jitsi a heberger nous meme.
Je suis en phase de personnalisation, mais je remarque que le fichier css est sur 3/4 lignes, mais comprend enormement d'info de mise en forme.

C'est tres compliquer de s'y retrouver pour le coup.

Existe-il des outils, ou une methode avec notepad++ qui permettrait de reparser/indenté le fichier css correctement, qu'il soit plus visible et facile a lire et maintenir ?

exemple de visu actuelle du fichier :

Code :

@charset "UTF-8";.iti-flag{width:20px;height:15px;box-shadow:0 0 1px 0 #888;background-image:url(../images/flags.png);background-repeat:no-repeat;background-color:#dbdbdb;background-position:20px 0}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.iti-flag{background-image:url(../images/flags@2x.png)}}.iti-flag.np{background-color:transparent}.iti-flag{width:20px}.iti-flag.be{width:18px}.iti-flag.ch{width:15px}.iti-flag.mc{width:19px}.iti-flag.ne{width:18px}.iti-flag.np{width:13px}.iti-flag.us-id{width:19px}.iti-flag.us-nd{width:19px}.iti-flag.us-ri{width:16px}.iti-flag.va{width:15px}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.iti-flag{background-size:6812px 15px}}.iti-flag.ac{height:10px;background-position:0 0}.iti-flag.ad{height:14px;background-position:-22px 0}.iti-flag.ae{height:10px;background-position:-44px 0}.iti-flag.af{height:14px;background-position:-66px 0}.iti-flag.ag{height:14px;background-position:-88px 0}.iti-flag.ai{height:10px;background-position:-110px 0}.iti-flag.al{height:15px;background-position:-132px 0}.iti-flag.am{height:10px;background-position:-154px 0}.iti-flag.ao{height:14px;background-position:-176px 0}.iti-flag.aq{height:14px;background-position:-198px 0}.iti-flag.ar{height:13px;background-position:-220px 0}.iti-flag.as{height:10px;background-position:-242px 0}.iti-flag.at{height:14px;background-position:-264px 0}.iti-

et la ligne n'est pas terminée.

Message édité par chico008 le 28-05-2025 à 13:23:30

---------------
Serveur HFR - OpenTTD

Reply

Marsh Posté le 28-05-2025 à 10:27:23

Reply

Marsh Posté le 28-05-2025 à 10:32:26

Cherche "CSS beautifier"

---------------
Ne laissez pas mourir vos sujets en cours de route!

Reply

Marsh Posté le 28-05-2025 à 11:09:27

O_O

merci tu me sauves la vie, genial comme truc.

---------------
Serveur HFR - OpenTTD

Reply

Marsh Posté le 28-05-2025 à 12:55:11

Ca existe aussi pour le HTML/XML et les languages de prog pour info.

Tu peux marquer le sujet comme résolu (éditer titre du premier message).

---------------
Ne laissez pas mourir vos sujets en cours de route!

Reply

[Resolu] CSS sur une ligne - comment reparser/indenté le fichier

Sujets relatifs:

Leave a Replay