Sass: Unterschied zwischen den Versionen

Aus Vosp.info
Wechseln zu:Navigation, Suche
 
(2 dazwischenliegende Versionen von einem anderen Benutzer werden nicht angezeigt)
Zeile 1: Zeile 1:
== Sass ==
+
= Sass =
 
Sass (Syntactically Awesome Stylesheets) ist eine Stylesheet-Sprache, die als Präprozessor die Erzeugung von Cascading Style Sheets erleichtert. Sie wurde ursprünglich beeinflusst von der Auszeichnungssprache YAML, von Hampton Catlin entworfen und von Natalie Weizenbaum entwickelt. (Wikipedia)
 
Sass (Syntactically Awesome Stylesheets) ist eine Stylesheet-Sprache, die als Präprozessor die Erzeugung von Cascading Style Sheets erleichtert. Sie wurde ursprünglich beeinflusst von der Auszeichnungssprache YAML, von Hampton Catlin entworfen und von Natalie Weizenbaum entwickelt. (Wikipedia)
  
=== Installation ===
+
== Installation ==
 
<source lang=bash>
 
<source lang=bash>
 
  apt-get install ruby
 
  apt-get install ruby
Zeile 8: Zeile 8:
 
  # gem update
 
  # gem update
 
  gem install sass
 
  gem install sass
 +
 +
oder Sass und less:
 +
apt-get install ruby-sass
 +
apt-get install node-less
 
</source>
 
</source>
 
In Netbeans steht es sofort zur Verfügung
 
In Netbeans steht es sofort zur Verfügung
Zeile 13: Zeile 17:
 
Auf dem Server können auch Verzeichnisse überwacht werden Sas
 
Auf dem Server können auch Verzeichnisse überwacht werden Sas
 
  sass --watch /var/www/test/scss:/var/www/test/css &
 
  sass --watch /var/www/test/scss:/var/www/test/css &
 +
Dateien
 +
sass --watch style.scss:style.css
 +
Dateien einzeln kompelieren
 +
sass style.scss:style.css
 +
 +
 +
== Fehler ==
 +
 +
=== `load': cannot load such file -- /usr/share/rubygems-integration/all/gems/sass-3.5.3/bin/sass (LoadError) from /usr/local/bin/sass:22:in ` ===
 +
<source lang=bash>
 +
apt-get install ruby
 +
apt-get install rubygems
 +
gem install sass
 +
</source>

Aktuelle Version vom 30. Juli 2018, 11:08 Uhr

Sass

Sass (Syntactically Awesome Stylesheets) ist eine Stylesheet-Sprache, die als Präprozessor die Erzeugung von Cascading Style Sheets erleichtert. Sie wurde ursprünglich beeinflusst von der Auszeichnungssprache YAML, von Hampton Catlin entworfen und von Natalie Weizenbaum entwickelt. (Wikipedia)

Installation

 apt-get install ruby
 apt-get install gcc ruby-dev rubygems
 # gem update
 gem install sass

 oder Sass und less:
 apt-get install ruby-sass
 apt-get install node-less

In Netbeans steht es sofort zur Verfügung

sass Dateien haben den suffix .sccs

Auf dem Server können auch Verzeichnisse überwacht werden Sas

sass --watch /var/www/test/scss:/var/www/test/css &

Dateien

sass --watch style.scss:style.css

Dateien einzeln kompelieren

sass style.scss:style.css


Fehler

`load': cannot load such file -- /usr/share/rubygems-integration/all/gems/sass-3.5.3/bin/sass (LoadError) from /usr/local/bin/sass:22:in `

apt-get install ruby 
apt-get install rubygems
gem install sass