CSS-Framework, das automatisch Anbieterpräfixe behandelt?

Question

Ich habe Blueprint, Less und SCSS angeschaut und keiner von ihnen scheint zu tun, was ich will. Ich finde das schwer zu glauben, weil die Handhabung von Hersteller-Präfixen der frustrierendste Teil beim Schreiben von CSS ist. Es scheint also das erste Problem zu sein, das jeder, der ein CSS-Framework schreibt, ansprechen sollte.

Ich möchte wissen, gibt es ein Framework (oder Schienen Juwel), die ich verwenden kann, dass ich border-radius:5px schreiben kann und dann lassen Sie mich davon ausgehen, dass es eine Regel mit allen richtigen Vendor Prefixes erstellen wird?

Dank

Answer 1

Sie tatsächlich tun können ganz einfach mit einem weniger Mixin - im Grunde schreiben Sie es einmal und von dort aus Sie es mit einer Zeile anwenden. Wie folgt aus:

// Border Radius 
.border-radius(@radius: 5px) { 
    -webkit-border-radius: @radius; 
    -moz-border-radius: @radius; 
      border-radius: @radius; 
} 

Dann tun Sie Symply diese Einzeiler, wo Sie eine Grenzradius benötigen:

.classname { 
    .border-radius(5px); 
} 

Wenn Sie WENIGER nicht bereit sind, dann könnten Sie einfach Ihren Code durch Prefixr verarbeiten - es erzeugt die Browser-Präfixe für Sie (dann müssen Sie kopieren Sie den Code wieder in Ihre Datei einfügen).

Answer 2

Sie können das verwenden: http://sjevsejev.blogspot.com/2012/07/lessjs-function-generates-prefixes-for.html

dann würde es genügen, zu verwenden:

.pf('transition','all 1s ease-in-out'); 
.pf('border-radius',3px); 
.pf('box-shadow','2px 2px 5px 0 rgba(0,0,0,.6)'); 
.pf('flex', 1);