Können wir eine einfache css-Syntax in eine .scss-Datei schreiben?

Question

Können wir eine einfache css-Syntax in eine .scss-Datei schreiben?

Wenn wir .scss verwenden, sollten wir etwas direkt in die .css-Datei schreiben?

Dies ist der Beispielcode der.scss-Datei

$blue: #3bbfce;
$margin: 16px;

.content-navigation {
  border-color: $blue;
  color:
    darken($blue, 9%);
}

.border {
  padding: $margin / 2;
  margin: $margin / 2;
  border-color: $blue;
}

Manchmal möchte ich nur einen einfachen Stil schreiben wie

h1 {font-size:3em}

wo sollten wir sie dann aufbewahren. nur in .css nur in .scss?

Sollten wir die .css-Datei niemals anfassen?

Answer 1

Sobald Sie sass gehen, verwenden Sie nicht css überhaupt, keinen Sinn.

Sie KÖNNEN css-Dateien mit Sass generieren und css-Dateien, die Sie manuell bearbeiten und separat in Ihr HTML einfügen. Aber wenn Sie es schreiben, dann kann genauso gut mit Sass für alles bleiben. Sehr bald finden Sie selbst schreiben Dinge mit Variablen und in einem viel mehr "modular" Weg und abhängig von der erweiterten Syntax von Sass.