CSS zu WENIGER Konverter

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;
		}
	}
}

CSS to LESS hilft beim Konvertieren des CSS-Formats in das LESS-Format. Es ist eine sehr einfache und einfache Möglichkeit, CSS in WENIGER Daten umzuwandeln und zu teilen.