postcss spiffing

Postcss-Spiffing

Meine Hände haben deine Farbe, aber ich schäme mich
Ein so weißes Herz zu tragen.
- William Shakespeare, Macbeth

Shakespeare hätte sich nicht damit zufrieden gegeben, in CSS „Farbe“ anstelle von „Farbe“ zu verwenden, und das sollten Sie auch nicht tun! Er hätte erkannt, dass er damit die gesamte Integrität seines Schreibens beeinträchtigt hätte.

Schreiben Sie mit postcss-spiffing überall CSS in korrektem britischem Englisch.

Der Hauptunterschied zwischen diesem und spiffing von Muan besteht darin, dass es in postcss integriert ist und keine regulären Ausdrücke verwendet.

Installieren

npm install postcss-spiffing --save-dev

Beispiel

 /* Your well-spelt CSS */

body {
  background-colour : grey;
  transparency : 0.3 ;
  text-align : centre;
  text-transform : capitalise;
  border : 1 px solid grey;
}

span {
  font-weight : plump;
}

. frame {
  background-photograph : url ( "/queen.png" ) !please;
}

. hello {
	content : "subjects" ;
	colour : grey;
}

geht zu:

 body {
  background-color : gray;
  opacity : 0.7 ;
  text-align : center;
  text-transform : capitalize;
  border : 1 px solid gray;
}

span {
  font-weight : bold;
}

. frame {
  background-image : url ( "/queen.png" ) !important ;
}

. hello {
	content : "subjects" ;
	color : gray;
}

Verwenden

 var postcss = require ( "postcss" ) ;
var spiffing = require ( "postcss-spiffing" ) ;
var fs = require ( "fs" ) ;

var css = fs . readFileSync ( "random.css" ) ;

console . log ( postcss ( spiffing ( ) ) . process ( css ) . css ) ;

Um dies mit gulp zu verwenden, verwenden Sie gulp-postcss.

Änderungen übernommen

1. colour geht zu color
2. plump wird zu bold
3. capitalise heißt capitalize
4. !please geht zu !important
5. centre geht zur center
6. grey wird zu gray
7. background-photograph wechselt zu background-image ( list-style-photograph wird ebenfalls unterstützt)
8. transparency geht in opacity über (da Transparenz das Gegenteil von Opazität ist, wird sie zu (1-n))
9. storey geht an z-index ( ground gleich 1 usw.)