CSS zu LESS Konverter am einfachsten
Mit diesem kostenlosen Online-Tool können Sie eine CSS-Datei in eine LESS-Datei konvertieren. Fügen Sie einfach Ihr CSS in das untenstehende Formular ein und es wird sofort in LESS konvertiert. Sie müssen keine Software herunterladen oder installieren. Frei
Wie konvertiert man CSS in weniger?
Schritt 1: Wählen Sie Ihre Eingabe aus. Daten eingeben.
Schritt 2: Wählen Sie Ausgabeoptionen (optional) Ausgabeoptionen.
Schritt 3: Ausgabe generieren.
Beispiele für CSS-zu-LESS-Konverter
CSS
.feature-url {
background: #f7f7f7;
text-align: center;
}
.feature-url li {
list-style: none;
display: inline-block;
margin: 2px;
border: 1px solid #e9ebee;
text-align: center;
}
.feature-url li a {
padding: 5px;
color: blue;
display: block;
min-width: 70px;
}
.feature-url li a i {
font-size: 20px;
}
.feature-url li a:hover {
text-decoration: none;
background: #e9ebee;
color: #222;
}
.feature-url li.active a {
background: #e9ebee;
color: #222;
}
WENIGER
@color1: #f7f7f7;
@color2: #e9ebee;
@color3: #222222;
.feature-url {
background: @color1;
text-align: center;
li {
list-style: none;
display: inline-block;
margin: 2px;
border: 1px solid @color2;
text-align: center;
a {
padding: 5px;
color: blue;
display: block;
min-width: 70px;
i {
font-size: 20px;
}
&:hover {
text-decoration: none;
background: @color2;
color: @color3;
}
}
&.active a {
background: @color2;
color: @color3;
}
}
}
