CSS-zu-SCSS-Konverter

CSS zu SCSS Konverter am einfachsten

Mit diesem kostenlosen Online-Tool können Sie eine CSS-Datei in eine SCSS-Datei konvertieren. Fügen Sie einfach Ihr CSS in das untenstehende Formular ein und es wird sofort in SCSS konvertiert. Sie müssen keine Software herunterladen oder installieren. Frei

Wie konvertiert man CSS in SCSS?

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

SCSS

.feature-url {
	background: #f7f7f7;
	text-align: center;
	li {
		list-style: none;
		display: inline-block;
		margin: 2px;
		border: 1px solid #e9ebee;
		text-align: center;
		a {
			padding: 5px;
			color: blue;
			display: block;
			min-width: 70px;
			i {
				font-size: 20px;
			}
			&:hover {
				text-decoration: none;
				background: #e9ebee;
				color: #222;
			}
		}
		&.active a {
			background: #e9ebee;
			color: #222;
		}
	}
}

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