CSS zu SASS Konverter

Input data
bfotool loadding
Output data
bfotool loadding

CSS zu SASS Konverter am einfachsten

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

Wie konvertiert man CSS in SASS?

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

SASS

$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 SASS hilft bei der Konvertierung des CSS-Formats in das SASS-Format. Es ist eine sehr einfache und einfache Möglichkeit, CSS in SASS-Daten umzuwandeln und zu teilen.
Bestes und sicheres CSS zu SASS funktioniert gut in Windows, Mac, Linux, Chrome, Firefox, Safari und Edge.