SASS - Versionsgeschichte

84.157.16.111: /* Atom und Sass */

2019-12-15T12:36:43Z

Atom und Sass

84.157.16.111: /* Atom und Sass */

2019-12-15T12:36:11Z

Atom und Sass

37.49.72.8 am 25. Oktober 2019 um 05:36 Uhr

2019-10-25T05:36:27Z

37.49.33.174 am 15. August 2018 um 11:48 Uhr

2018-08-15T11:48:33Z

37.49.33.174 am 15. August 2018 um 06:34 Uhr

2018-08-15T06:34:23Z

37.49.33.174 am 15. August 2018 um 06:31 Uhr

2018-08-15T06:31:59Z

37.49.33.174 am 15. August 2018 um 06:27 Uhr

2018-08-15T06:27:12Z

37.49.33.174: /* Links */

2018-07-04T07:48:23Z

Links

37.49.33.174: /* Links */

2018-07-04T07:41:55Z

Links

37.49.33.174: /* Links */

2018-07-04T07:41:25Z

Links

@@ Zeile 57: / Zeile 57: @@
 == Atom und Sass ==
-Funktioniert super komfortabel. Beim Speichern der .sass oder .scss Datei wird automatisch auch die .css oder/und .min.css Datei gespeichert.
+Mein Workflow der Wahl, da Atom auch super mit git und github zusammenarbeitet. Funktioniert super komfortabel. Beim Speichern der .sass oder .scss Datei wird automatisch auch die .css oder/und .min.css Datei gespeichert.
   https://www.youtube.com/watch?v=GIn6w6u-rPY

@@ Zeile 57: / Zeile 57: @@
 == Atom und Sass ==
   https://www.youtube.com/watch?v=GIn6w6u-rPY
 . SASS über [[NodeJS]] global installieren:
   npm install node-sass -g
 . In Atom das Package sass-autocompile installieren
 === Ohne Konsole ===
 https://pagewizz.com/sass-setup-in-5-minuten-ganz-ohne-ruby-installation-32281/
 === SASS pur ===

@@ Zeile 4: / Zeile 4: @@
   [[SASS vs SCSS vs LESS vs ?]]
   https://gist.github.com/chriseppstein/674726 (Super Übersicht über LESS / SCSS Syntax)
 == Links ==
 * Sass Dokumentation: http://sass-lang.com/documentation/file.SASS_REFERENCE.html
 * Sass on the fly https://www.sassmeister.com/
 * https://scotch.io/tutorials/getting-started-with-sass (Syntax Tutorial)
@@ Zeile 19: / Zeile 21: @@
 == Übersicht ==
-Die Grundidee hinter der Entwicklung von Sass war es, die Arbeit mit CSS einfacher zu machen, aber gleichzeitig auch den Funktionsumfang zu erhöhen. Daher wurden in Sass '''Klammern sowie Semikolons entfernt'''. Kurze Zeit später entstand die '''SCSS Variante''' die '''Klammern''' wieder einführt und auch '''normales CSS''' erlaubt.
+Die Grundidee hinter der Entwicklung von Sass war es, die Arbeit mit CSS einfacher zu machen, aber gleichzeitig auch den Funktionsumfang zu erhöhen. Daher wurden in Sass '''Klammern sowie Semikolons entfernt'''.
 Wie alle CSS Präprozessoren erweitert SASS den Funktionsumfang um Variablen, Mixins, Farb und Zahlenberechnungen und Vererbung von Eigenschaften.
 Es gibt gute '''Erweiterungen''' die z.B. '''Mixins''' (s.u.) liefern oder zusätzliche Funktionalität.
-Früher lief es nur unter Ruby unter der Konsole. Heute gibt es z.B. libsass eine C Bibliothek auf die diverse '''Sass Tools''' zurückgreifen. Compass 2.0 soll z.B. auch auf libsass zurückgreifen. Auch NodeJS bringt eine eigene Umsetzung. Auch '''Tools mit grafischer Oberfläche''' gibt es mitlerweile. Z.B. Scout-App.
+Früher lief es nur unter Ruby unter der Konsole. Heute gibt es z.B. libsass eine C Bibliothek auf die diverse '''Sass Tools''' zurückgreifen. Compass 2.0 soll z.B. auch auf libsass zurückgreifen. Auch NodeJS bringt eine eigene Umsetzung. Auch '''Tools mit grafischer Oberfläche''' gibt es mitlerweile. Z.B. Scout-App. Viele Editoren unterstützen es von Haus aus (z.B. Koala) oder lassen sich erweitern (z.B. Atom)
 === Was bringt es ===
@@ Zeile 45: / Zeile 47: @@
 == Quickstart ==
-=== Ohne Konsole ===
+=== Installation ===
-https://pagewizz.com/sass-setup-in-5-minuten-ganz-ohne-ruby-installation-32281/
+Mittlerweile einfach z.B. als Node Package
-Scout App
+Hinweis nachfolgend wurde einiges entfernt. Auf dieser Seite stehen nur noch Hinweise wie man recht schnell zum produktiven Einsatz kommt. Alles andere wurde als zu umständlich verworfen.
-Hier ist die Frage wie man Ruby Gems nutzen kann. Wahrscheinlich muß man schauen daß man die relevanten Files einfach selbst runterlädt und aufräumt. Ist vielleicht eh im Sinne der Übersichtlichkeit und des geringen Overloads.
+== Atom und Sass ==
-=== New-School ===
+=== Ohne Konsole ===
-* libsass oder node.js
+https://pagewizz.com/sass-setup-in-5-minuten-ganz-ohne-ruby-installation-32281/
 === SASS pur ===
   sass --watch projekt/sass

@@ Zeile 3: / Zeile 3: @@
   [[LESS]]
   [[SASS vs SCSS vs LESS vs ?]]
 == Links ==
 * Sass Dokumentation: http://sass-lang.com/documentation/file.SASS_REFERENCE.html
@@ Zeile 18: / Zeile 19: @@
 == Übersicht ==
-Die Grundidee hinter der Entwicklung von Sass war es, die Arbeit mit CSS einfacher zu machen, aber gleichzeitig auch den Funktionsumfang zu erhöhen. Daher wurden in Sass Klammern sowie Semikolons entfernt.
+Die Grundidee hinter der Entwicklung von Sass war es, die Arbeit mit CSS einfacher zu machen, aber gleichzeitig auch den Funktionsumfang zu erhöhen. Daher wurden in Sass '''Klammern sowie Semikolons entfernt'''. Kurze Zeit später entstand die '''SCSS Variante''' die '''Klammern''' wieder einführt und auch '''normales CSS''' erlaubt.

@@ Zeile 4: / Zeile 4: @@
   [[SASS vs SCSS vs LESS vs ?]]
 == Links ==
 * Sass on the fly https://www.sassmeister.com/
 * https://scotch.io/tutorials/getting-started-with-sass (Syntax Tutorial)

← Nächstältere Version		Version vom 15. August 2018, 06:27 Uhr
Zeile 1:		Zeile 1:
		+	Siehe auch
		+	[[SCSS]]
		+	[[LESS]]
	== Links ==		== Links ==
	* Sass on the fly https://www.sassmeister.com/		* Sass on the fly https://www.sassmeister.com/

@@ Zeile 1: / Zeile 1: @@
 == Links ==
 * Sass on the fly https://www.sassmeister.com/
 * [[Sass mit node-sass (Node.js)]] RECOMMENDED
 * https://github.com/scout-app/scout-app oder http://scout-app.io/