Y a-Sass code de formatage?

Est-il un code de formatage automatique de la requête formateur pour Sass (SCSS) code? Je sais comment faire pour le format de sortie code CSS généré par SCSS compilateur mais comment donner une belle mise en forme automatique pour SCSS code lui-même?

J'ai essayé en ligne de CSS formateur mais ils ne fonctionnent pas avec SCSS code.

Si je donne cela à leur

.list5 {  
    border-bottom: 1px solid #f2f2f1;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
ul li {
    margin: 0 0 5px 25px !important;
    height: auto !important;
    background: none !important;
    font-size: 14px;
    padding: 18px 3px 5px !important;
    width: 169px !important; }
 }

ils donnent cette sortie

.list5 {
    border-bottom: 1px solid #f2f2f1;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    margin: 0 0 5px 25px !important;
    height: auto !important;
    background: none !important;
    font-size: 14px;
    padding: 18px 3px 5px !important;
    width: 169px !important;
}

qui supprimer cette partie ul li {}

InformationsquelleAutor Jitendra Vyas | 2012-03-21
  1. 73

    En ligne

    Coller votre CSS/SCSS/LESS en dirtystylesheet.com et appuyez sur Propre

    Via La Ligne De Commande

    Via la ligne de commande, vous pouvez le re-formater CSS/SCSS/Sass à l'aide de la sass-convert script:

    $ sass-convert messy.scss clean.scss

    ou CSS à SCSS:

    $ sass-convert messy.css clean.scss

    ou SCSS Sass:

    $ sass-convert messy.scss clean.sass

    La sass-convert script est installé lorsque vous installez le Sass. Il peut convertir n'importe quelle direction entre: css, scss, et sass.

    En savoir plus sur sass-convert:

    De l'utilisateur avancé astuce: Parce que le sass syntaxe est beaucoup plus strictes (en autorisant uniquement l'un property: value paire par ligne) vous avez moins de chance de tomber sur un problème avec le code désordre.

    • rien pour l'utilisateur de windows? Eclipse pluging ? 🙂
    • j'ai créé une base de Sublime Text 2 plugin qui utilise sass-convertir github.com/badsyntax/SassBeautify
    • Vous devriez trouver sass-convertir.chauve-souris dans votre Ruby installer bin du dossier.
    • Super! Mais est-il une manière de préserver nouvelles lignes?
    • Il a essayé mais il a sali mon code (problème avec les commentaires multi-lignes?). Heureusement, j'ai fait une sauvegarde.
    • Comment cela peut-il être appelée pour chaque .scss dans le dossier? merci!!
    • folder_name/*.scss folder_name/*.scss
    • Visual Studio 2015, format, il suffit de taper Ctrl-K-D ou Edition -> Avancé> Format de Document
    • dirtystylesheet.com

    InformationsquelleAutor Beau Smith
  2. 11

    http://hilite.me/ - prend en charge Sass et Scss

    JSFiddle fera l'affaire). Il suffit de frapper la TidyUp bouton

    InformationsquelleAutor Jason
  3. 2

    Assez Diff dépouiller "$" à partir de vos variables.

    Vous pouvez essayer: http://www.prettyprinter.de/

    Il n'est pas parfait mais au moins il tirets un niveau supplémentaire pour imbriquée des règles et de ce que j'ai vu conserve tous les scss des trucs pas touché.ie ne prend pas en bande il out).

    Ce qui concerne

    InformationsquelleAutor ziku
  4. 1

    J'ai couru le code par le biais de Assez Diff et j'obtiens ce résultat:

    .list5 {
    border-bottom:1px solid #f2f2f1;
    padding:0 0px 20px 0px;
    margin:0 0px 20px 0px;
    ul li {
        background: none !important;
        font-size: 14px;
        height: auto !important;
        margin: 0px 0px 5px 25px !important;
        padding: 18px 3px 5px !important;
        width: 169px !important;
    }
}

    Est que ce que vous recherchez? Il semble étrange pour CSS.

    • Hummmm, d'embellissement est imparfaite pour SCSS Assez de Diff, mais semble fonctionnel. Je suis en train de travailler sur la fixation de ce que les défauts sont visibles à partir de cette exemple.
    • vous êtes créateur d'Assez Diff?
    InformationsquelleAutor austincheney
  5. 1

    Si vous utiliser sublime text, je peux vous recommander SassBeautify de mettre en forme rapidement tout sass/scss
    https://packagecontrol.io/packages/SassBeautify

    InformationsquelleAutor richimgd