sass

Sass macht CSS wieder Spaß . SASS ist eine Erweiterung von CSS und fügt verschachtelte Regeln, Variablen, Mixins, Selektorvererbung und mehr hinzu. Es wird in gut formatierte Standard-CSS über das Befehlszeilenwerkzeug oder ein Plugin für Ihr Build-System übersetzt.

 $font-stack : Helvetica , sans-serif ;
$primary-color : #333 ;

body {
  font : 100 % $font-stack ;
  color : $primary-color ;
}

@mixin border-radius ( $radius ) {
  -webkit-border-radius : $radius ;
     -moz-border-radius : $radius ;
      -ms-border-radius : $radius ;
          border-radius : $radius ;
}

nav {
  ul {
    margin : 0 ;
    padding : 0 ;
    list-style : none ;
  }

  li { @include border-radius ( 10 px ); }

  a {
    display : block ;
    padding : 6 px 12 px ;
    text-decoration : none ;
  }
}

Sass einbauen

Sie können SASS unter Windows, Mac oder Linux installieren, indem Sie das Paket für Ihr Betriebssystem von GitHub herunterladen und Ihrem PATH hinzufügen. Das ist alles - es gibt keine externen Abhängigkeiten und nichts anderes, was Sie installieren müssen.

Wenn Sie node.js verwenden, können Sie SASS auch mit NPM durch Ausführen installieren

 npm install -g sass

Bitte beachten Sie jedoch, dass dies die reine JavaScript -Implementierung von SASS installiert, die etwas langsamer läuft als die anderen hier aufgeführten Optionen. Aber es hat die gleiche Schnittstelle, daher ist es einfach, später eine andere Implementierung auszutauschen, wenn Sie etwas mehr Geschwindigkeit benötigen!

Weitere Möglichkeiten zur Installation von SASS finden Sie auf der SASS -Website.

Sobald Sie SASS installiert haben, können Sie die ausführbare sass -Dateien ausführen, um .sass und .scss -Dateien auf .css -Dateien zu kompilieren. Zum Beispiel:

 sass source/stylesheets/index.scss build/stylesheets/index.css

Lerne Sass

Auf der Sass -Website finden Sie einen Leitfaden zum Lernen von Sass!

Dieses Repository

Dieses Repository ist keine Implementierung von SASS. Diese leben in sass/dart-sass und sass/libsass . Stattdessen enthält es:

• spec/ , die Spezifikationen für Sprachmerkmale enthält.
• proposal/ , der standardmäßige Vorschläge für Änderungen der Sprache enthält.
• accepted/ , das Vorschläge enthält, die akzeptiert wurden und entweder implementiert sind oder im Umsetzung der Implementierung.

Beachten Sie, dass dies keine vollständige Spezifikation von SASS enthält. Stattdessen werden die Featurespezifikationen nach Bedarf geschrieben, wenn eine neue Funktion entworfen wird oder wenn ein Implementierer zusätzliche Klarheit darüber benötigt, wie etwas funktionieren soll. Dies bedeutet, dass viele der Spezifikationen in spec/ nur kleine Teile der fraglichen Merkmale abdecken.

Versionsrichtlinie

Die Vorschläge in diesem Repository werden versioniert, um Änderungen im Laufe der Zeit einfach zu verfolgen und auf ältere Versionen zu verweisen. Jede Version hat ein Git-Tag des proposal.<name>.draft-<version> . Für jede Charge von Änderungen sollte eine neue Version erstellt werden.

Jede Version hat eine Hauptversion, und sie kann auch eine kleine Version haben (angegeben <major>.<minor> ). Die Nebenversion sollte für Änderungen erhöht werden, die die beabsichtigte Semantik des Vorschlags nicht beeinflussen. Andernfalls sollte die Hauptversion inkrementiert werden.