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