Zum Inhalt springen

Sass (Stylesheet-Sprache)

aus Wikipedia, der freien Enzyklopädie
{{#if: Sass-Logo | {{#if: | {{#if:| {{#if:2007| {{#if:Hampton Catlin| {{#if:Natalie Weizenbaum, Chris Eppstein| {{#if:1.86.0<ref>{{#if:|{{#iferror: {{#iferror:{{#invoke:Vorlage:FormatDate|Execute}}|}}| |}}}}{{#if:|{{{autor}}}: }}{{#if:|{{#if:Releases Dart Sass · sass/dart-sass|[{{#invoke:Vorlage:Internetquelle|archivURL|1={{#invoke:URLutil|getNormalized|1={{{archiv-url}}}}}}} {{#invoke:Vorlage:Internetquelle|TitelFormat|titel=Releases Dart Sass · sass/dart-sass}}]{{#if:| ({{{format}}})}}{{#if:| {{{titelerg}}}{{#invoke:Vorlage:Internetquelle|Endpunkt|titel={{{titelerg}}}}}}}}}|{{#if:https://github.com/sass/dart-sass/releases%7C{{#if:{{#invoke:TemplUtl%7Cfaculty%7C}}%7C{{#invoke:Vorlage:Internetquelle%7CTitelFormat%7Ctitel={{#invoke:WLink%7CgetEscapedTitle%7C1=Releases Dart Sass · sass/dart-sass}}}}|[{{#invoke:URLutil|getNormalized|1=https://github.com/sass/dart-sass/releases}} {{#invoke:Vorlage:Internetquelle|TitelFormat|titel={{#invoke:WLink|getEscapedTitle|1=Releases Dart Sass · sass/dart-sass}}}}]}}{{#if:| ({{{format}}}{{#if:{{#if: 2025-03-26 | {{#if:{{#invoke:TemplUtl|faculty|}}||1}}}} {{#if:| {{#if:| {{#if:| {{#if:| {{#if:| {{#if:CSS, YAML| {{#if:Less, Stylus| {{#if:Plattformunabhängig| {{#if:MIT-Lizenz| {{#if:sass-lang.com|
{{#if: Sass | Sass | {{#invoke:WLink|getArticleBase}} }}
colspan="2" class="notheme" style="text-align:center; background-color:#Vorlage:Standardfarbe;" | Sass-Logo | 
 {{#if: {{#invoke:Wikidata|claim|P154}} |
[[Datei:{{#invoke:Wikidata|claim|P154}}|150px]] 
 }}

}}

{{{Screenshot}}}{{#if: |
}}|

}}

Basisdaten
Paradigmen:

}}

Erscheinungsjahr: 
 {{#if: {{#invoke:Wikidata|claim|P571}} |
Erscheinungsjahr: claim|P571|references=ja}} 
 }}

}}

Designer: Hampton Catlin | 
 {{#if: {{#invoke:Wikidata|claim|P287}} |
Designer: claim|P287|parameter=link|references=ja|list=, }} 
 }}

}}

Entwickler: Natalie Weizenbaum, Chris Eppstein | 
 {{#if: {{#invoke:Wikidata|claim|P178}} |
Entwickler: claim|P178|parameter=link|references=ja|list=, }} 
 }}

}}

) de 1}}}}| ; {{{titelerg}}}{{#invoke:Vorlage:Internetquelle|Endpunkt|titel={{{titelerg}}}}}}}}}}}{{#if:https://github.com/sass/dart-sass/releases%7C{{#if:{{#invoke:URLutil%7CisResourceURL%7C1=https://github.com/sass/dart-sass/releases}} }}}}{{#if:Releases Dart Sass · sass/dart-sass|{{#if:{{#invoke:WLink|isValidLinktext|1=Releases Dart Sass · sass/dart-sass|lines=0}} }}}}{{#if: | In: {{#invoke:Vorlage:Internetquelle|TitelFormat|titel={{{werk}}}}}}}{{#if: | {{{hrsg}}}{{#if: |,|{{#if: 2025-03-26 | {{#if:{{#invoke:TemplUtl|faculty|}}|;|,}}}}}}}}{{#if: | {{#if:{{#invoke:DateTime|format|{{{datum}}}|noerror=1}} format|{{{datum}}}|T._Monat JJJJ}} failure|1=Fehler bei Vorlage:Internetquelle, datum={{{datum}}}|class=Zitationswartung}} }}{{#if: |,|{{#if: 2025-03-26 | {{#if:{{#invoke:TemplUtl|faculty|}}|;|,}}}}}}}}{{#if: | S. {{{seiten}}}{{#if: |,|{{#if: 2025-03-26 | {{#if:{{#invoke:TemplUtl|faculty|}}|;|,}}}}}}}}{{#if: {{#invoke:TemplUtl|faculty|}}| {{#if:|{{#if:|archiviert|ehemals}}|{{#if:|Archiviert|Ehemals}}}} {{#if:|vom|im}} Vorlage:Referrer{{#if:{{#invoke:TemplUtl|faculty|}}| (nicht mehr online verfügbar)}}{{#if: | am {{#iferror: {{#iferror:{{#invoke:Vorlage:FormatDate|Execute}}|}}|{{{archiv-datum}}}{{#if:1998583 ;}}}}{{#if: 2025-03-26| {{#if:{{#invoke:TemplUtl|faculty|}}|abgerufen|Abgerufen}} {{#switch: {{#invoke:Str|len| {{#invoke:DateTime|format| 2025-03-26 |ISO|noerror=1}} }} 4=im Jahr 7=im 10=am failure|1=Fehler bei Vorlage:Internetquelle, abruf=2025-03-26|class=Zitationswartung}} }} {{#invoke:DateTime|format|2025-03-26|T._Monat JJJJ}} failure|1=Vorlage:Internetquelle | abruf=2026-MM-TT ist Pflichtparameter}} }}{{#if:{{#ifeq:en|de 1}}}}|{{#if:{{#if: 2025-03-26 | {{#if:{{#invoke:TemplUtl|faculty|}} 1}}}} ( | (}} 
       }}{{#ifeq:{{#if:en|en|de}}|de||
          {{#invoke:Multilingual|format|en|slang=!|split=[%s,]+|shift=m|separator=, }}}}{{#if: |{{#ifeq:{{#if:en|en|de}}|de||, }}{{{kommentar}}}}})}}{{#if: {{#if: 2025-03-26 | {{#if:{{#invoke:TemplUtl|faculty|}}||1}} }}en|{{#if: |: {{
 #if:
„{{ 
     #ifeq: {{#if:{{#if: {{#invoke:templutl|faculty|}}|de-ch|de}}|{{#if: {{#invoke:templutl|faculty|}}|de-ch|de}}|de}} | de
Vorlage:Str trim flat}} 
     }}“
faculty|}}|de-ch|de}}|{{#if: {{#invoke:templutl|faculty|}}|de-ch|de}}|de}} | de „Vorlage:Str trim“ quote 1={{#if: flat}} flat}} }} faculty|}}|de-CH|de}} 3=1}} }}

}}{{#if:

: }}{{#if: | , deutsch: „“ }}) {{#if: , deutsch: „“ }}) (deutsch: „“) }} 
 }}

}}{{#if: {{{zitat}}}

{{#if: {{#if: {{{zitat}}} Vorlage:": Text= und 1= gleichzeitig, bzw. Pipe zu viel }} }} Vorlage:": Text= fehlt }}{{#if: | {{#if: {{#invoke:Text|unstrip|{{{ref}}}}} Vorlage:": Ungültiger Wert: ref= {{{ref}}} }}

}}|.{{#if:{{#invoke:TemplUtl|faculty|}}|{{#if:||{{#ifeq: | JaKeinHinweis |{{#switch:

=Vorlage:Toter Link/Core{{#if: https://github.com/sass/dart-sass/releases [1] }} (Seite {{#switch:|no|0|=|dauerhaft }}nicht mehr abrufbar{{#if: | , festgestellt im {{#invoke:DateTime|format F Y}} }}. Suche im Internet Archive (T)){{#if: | Vorlage:Toter Link/archivebot }} 
         }}
(Seite {{#switch:|no|0|=|#default=dauerhaft }}nicht mehr abrufbar{{#if: | , festgestellt im {{#invoke:DateTime|format F Y}} }}.) 
     }}{{#switch:
0|= #default={{#if: }} 
    }}{{#invoke:TemplatePar|check
opt = inline= url= text= datum= date= archivebot= bot= botlauf= fix-attempted= checked= cat = Wikipedia:Vorlagenfehler/Vorlage:Toter Link errNS = 0 template = Vorlage:Toter Link format = preview = 1 
    }}{{#if: https://github.com/sass/dart-sass/releases
isWebURL|https://github.com/sass/dart-sass/releases}} {{#if: }} 
        }}
{{#if: {{#if: }} {{#if: }} 
        }}
    }}{{#if:
format noerror=1}} {{#if: }} 
         }}
    }}{{#switch: deadurl
deadurl|= #default= {{#if: }} 
    }}|#default= https://wiki-de.moshellshocker.dns64.de/index.php?title=Wikipedia:Defekte_Weblinks&dwl=https://github.com/sass/dart-sass/releases Die nachstehende Seite ist {{#switch:|no|0|=|dauerhaft }}nicht mehr abrufbar]{{#if:  | , festgestellt im {{#invoke:DateTime|format||F Y}} }}. (Suche im Internet Archive. (T).)  {{#if:
| Vorlage:Toter Link/archivebot }} 
         }}Vorlage:Toter Link/Core{{#switch:
0|= #default= {{#if: }} 
        }}{{#invoke:TemplatePar|check
all = inline= url= opt = datum= date= archivebot= bot= botlauf= fix-attempted= checked= cat = Wikipedia:Vorlagenfehler/Vorlage:Toter Link errNS = 0 template = Vorlage:Toter Link format = preview = 1 
       }}{{#if: https://github.com/sass/dart-sass/releases
isWebURL|https://github.com/sass/dart-sass/releases}} {{#if: }} 
        }}
    }}{{#if:
format noerror=1}} {{#if: }} 
           }}
    }}{{#switch: deadurl
deadurl|= #default= {{#if: }} 
    }}[https://github.com/sass/dart-sass/releases }}|{{#switch:
=Vorlage:Toter Link/Core{{#if: https://github.com/sass/dart-sass/releases [2] }} (Seite {{#switch:|no|0|=|dauerhaft }}nicht mehr abrufbar{{#if: | , festgestellt im {{#invoke:DateTime|format F Y}} }}. Suche im Internet Archive (T)){{#if: | Vorlage:Toter Link/archivebot }} 
         }}
(Seite {{#switch:|no|0|=|#default=dauerhaft }}nicht mehr abrufbar{{#if: | , festgestellt im {{#invoke:DateTime|format F Y}} }}.) 
     }}{{#switch:
0|= #default={{#if: }} 
    }}{{#invoke:TemplatePar|check
opt = inline= url= text= datum= date= archivebot= bot= botlauf= fix-attempted= checked= cat = Wikipedia:Vorlagenfehler/Vorlage:Toter Link errNS = 0 template = Vorlage:Toter Link format = preview = 1 
    }}{{#if: https://github.com/sass/dart-sass/releases
isWebURL|https://github.com/sass/dart-sass/releases}} {{#if: }} 
        }}
{{#if: {{#if: }} {{#if: }} 
        }}
    }}{{#if:
format noerror=1}} {{#if: }} 
         }}
    }}{{#switch:
deadurl|= #default= {{#if: }} 
    }}|#default= https://wiki-de.moshellshocker.dns64.de/index.php?title=Wikipedia:Defekte_Weblinks&dwl=https://github.com/sass/dart-sass/releases Die nachstehende Seite ist {{#switch:|no|0|=|dauerhaft }}nicht mehr abrufbar]{{#if:  | , festgestellt im {{#invoke:DateTime|format||F Y}} }}. (Suche im Internet Archive. (T).)  {{#if:
| Vorlage:Toter Link/archivebot }} 
         }}Vorlage:Toter Link/Core{{#switch:
0|= #default= {{#if: }} 
        }}{{#invoke:TemplatePar|check
all = inline= url= opt = datum= date= archivebot= bot= botlauf= fix-attempted= checked= cat = Wikipedia:Vorlagenfehler/Vorlage:Toter Link errNS = 0 template = Vorlage:Toter Link format = preview = 1 
       }}{{#if: https://github.com/sass/dart-sass/releases
isWebURL|https://github.com/sass/dart-sass/releases}} {{#if: }} 
        }}
    }}{{#if:
format noerror=1}} {{#if: }} 
           }}
    }}{{#switch:
deadurl|= #default= {{#if: }} 
    }}[https://github.com/sass/dart-sass/releases }} }}}}}}}}}}{{#if:|
        {{#invoke:Vorlage:Internetquelle|archivBot|stamp={{{archiv-bot}}}|text={{#if:|Vorlage:Webarchiv/archiv-bot}}

}}}}{{#invoke:TemplatePar|check

all= url= titel= opt= autor= hrsg= format= sprache= titelerg= werk= seiten= datum= abruf= zugriff= abruf-verborgen= archiv-url= archiv-datum= archiv-bot= kommentar= zitat= AT= CH= offline= 0 | Wikipedia:Vorlagenfehler/Vorlage:Internetquelle}} template= Vorlage:Internetquelle format=0 preview=1

}}</ref>|

Aktuelle Version: 1.86.0<ref>{{#if:|{{#iferror: {{#iferror:{{#invoke:Vorlage:FormatDate|Execute}}|}}| |}}}}{{#if:|{{{autor}}}: }}{{#if:|{{#if:Releases Dart Sass · sass/dart-sass|[{{#invoke:Vorlage:Internetquelle|archivURL|1={{#invoke:URLutil|getNormalized|1={{{archiv-url}}}}}}} {{#invoke:Vorlage:Internetquelle|TitelFormat|titel=Releases Dart Sass · sass/dart-sass}}]{{#if:| ({{{format}}})}}{{#if:| {{{titelerg}}}{{#invoke:Vorlage:Internetquelle|Endpunkt|titel={{{titelerg}}}}}}}}}|{{#if:https://github.com/sass/dart-sass/releases%7C{{#if:{{#invoke:TemplUtl%7Cfaculty%7C}}%7C{{#invoke:Vorlage:Internetquelle%7CTitelFormat%7Ctitel={{#invoke:WLink%7CgetEscapedTitle%7C1=Releases Dart Sass · sass/dart-sass}}}}|[{{#invoke:URLutil|getNormalized|1=https://github.com/sass/dart-sass/releases}} {{#invoke:Vorlage:Internetquelle|TitelFormat|titel={{#invoke:WLink|getEscapedTitle|1=Releases Dart Sass · sass/dart-sass}}}}]}}{{#if:| ({{{format}}}{{#if:{{#if: 2025-03-26 | {{#if:{{#invoke:TemplUtl|faculty|}} 1}}}} ) de 1}}}}| ; {{{titelerg}}}{{#invoke:Vorlage:Internetquelle|Endpunkt|titel={{{titelerg}}}}}}}}}}}{{#if:https://github.com/sass/dart-sass/releases%7C{{#if:{{#invoke:URLutil%7CisResourceURL%7C1=https://github.com/sass/dart-sass/releases}} }}}}{{#if:Releases Dart Sass · sass/dart-sass|{{#if:{{#invoke:WLink|isValidLinktext|1=Releases Dart Sass · sass/dart-sass|lines=0}} }}}}{{#if: | In: {{#invoke:Vorlage:Internetquelle|TitelFormat|titel={{{werk}}}}}}}{{#if: | {{{hrsg}}}{{#if: |,|{{#if: 2025-03-26 | {{#if:{{#invoke:TemplUtl|faculty|}}|;|,}}}}}}}}{{#if: | {{#if:{{#invoke:DateTime|format|{{{datum}}}|noerror=1}} format|{{{datum}}}|T._Monat JJJJ}} failure|1=Fehler bei Vorlage:Internetquelle, datum={{{datum}}}|class=Zitationswartung}} }}{{#if: |,|{{#if: 2025-03-26 | {{#if:{{#invoke:TemplUtl|faculty|}}|;|,}}}}}}}}{{#if: | S. {{{seiten}}}{{#if: |,|{{#if: 2025-03-26 | {{#if:{{#invoke:TemplUtl|faculty|}}|;|,}}}}}}}}{{#if: {{#invoke:TemplUtl|faculty|}}| {{#if:|{{#if:|archiviert|ehemals}}|{{#if:|Archiviert|Ehemals}}}} {{#if:|vom|im}} Vorlage:Referrer{{#if:{{#invoke:TemplUtl|faculty|}}| (nicht mehr online verfügbar)}}{{#if: | am {{#iferror: {{#iferror:{{#invoke:Vorlage:FormatDate|Execute}}|}}|{{{archiv-datum}}}{{#if:1998583 ;}}}}{{#if: 2025-03-26| {{#if:{{#invoke:TemplUtl|faculty|}}|abgerufen|Abgerufen}} {{#switch: {{#invoke:Str|len| {{#invoke:DateTime|format| 2025-03-26 |ISO|noerror=1}} }} 4=im Jahr 7=im 10=am failure|1=Fehler bei Vorlage:Internetquelle, abruf=2025-03-26|class=Zitationswartung}} }} {{#invoke:DateTime|format|2025-03-26|T._Monat JJJJ}} failure|1=Vorlage:Internetquelle | abruf=2026-MM-TT ist Pflichtparameter}} }}{{#if:{{#ifeq:en|de 1}}}}|{{#if:{{#if: 2025-03-26 | {{#if:{{#invoke:TemplUtl|faculty|}} 1}}}} ( | (}} 
       }}{{#ifeq:{{#if:en|en|de}}|de||
          {{#invoke:Multilingual|format|en|slang=!|split=[%s,]+|shift=m|separator=, }}}}{{#if: |{{#ifeq:{{#if:en|en|de}}|de||, }}{{{kommentar}}}}})}}{{#if: {{#if: 2025-03-26 | {{#if:{{#invoke:TemplUtl|faculty|}}||1}} }}en|{{#if: |: {{
 #if:
„{{ 
     #ifeq: {{#if:{{#if: {{#invoke:templutl|faculty|}}|de-ch|de}}|{{#if: {{#invoke:templutl|faculty|}}|de-ch|de}}|de}} | de
Vorlage:Str trim flat}} 
     }}“
faculty|}}|de-ch|de}}|{{#if: {{#invoke:templutl|faculty|}}|de-ch|de}}|de}} | de „Vorlage:Str trim“ quote 1={{#if: flat}} flat}} }} faculty|}}|de-CH|de}} 3=1}} }}

}}{{#if:

: }}{{#if: | , deutsch: „“ }}) {{#if: , deutsch: „“ }}) (deutsch: „“) }} 
 }}

}}{{#if: {{{zitat}}}

{{#if: {{#if: {{{zitat}}} Vorlage:": Text= und 1= gleichzeitig, bzw. Pipe zu viel }} }} Vorlage:": Text= fehlt }}{{#if: | {{#if: {{#invoke:Text|unstrip|{{{ref}}}}} Vorlage:": Ungültiger Wert: ref= {{{ref}}} }}

}}|.{{#if:{{#invoke:TemplUtl|faculty|}}|{{#if:||{{#ifeq: | JaKeinHinweis |{{#switch:

=Vorlage:Toter Link/Core{{#if: https://github.com/sass/dart-sass/releases [3] }} (Seite {{#switch:|no|0|=|dauerhaft }}nicht mehr abrufbar{{#if: | , festgestellt im {{#invoke:DateTime|format F Y}} }}. Suche im Internet Archive (T)){{#if: | Vorlage:Toter Link/archivebot }} 
         }}
(Seite {{#switch:|no|0|=|#default=dauerhaft }}nicht mehr abrufbar{{#if: | , festgestellt im {{#invoke:DateTime|format F Y}} }}.) 
     }}{{#switch:
0|= #default={{#if: }} 
    }}{{#invoke:TemplatePar|check
opt = inline= url= text= datum= date= archivebot= bot= botlauf= fix-attempted= checked= cat = Wikipedia:Vorlagenfehler/Vorlage:Toter Link errNS = 0 template = Vorlage:Toter Link format = preview = 1 
    }}{{#if: https://github.com/sass/dart-sass/releases
isWebURL|https://github.com/sass/dart-sass/releases}} {{#if: }} 
        }}
{{#if: {{#if: }} {{#if: }} 
        }}
    }}{{#if:
format noerror=1}} {{#if: }} 
         }}
    }}{{#switch: deadurl
deadurl|= #default= {{#if: }} 
    }}|#default= https://wiki-de.moshellshocker.dns64.de/index.php?title=Wikipedia:Defekte_Weblinks&dwl=https://github.com/sass/dart-sass/releases Die nachstehende Seite ist {{#switch:|no|0|=|dauerhaft }}nicht mehr abrufbar]{{#if:  | , festgestellt im {{#invoke:DateTime|format||F Y}} }}. (Suche im Internet Archive. (T).)  {{#if:
| Vorlage:Toter Link/archivebot }} 
         }}Vorlage:Toter Link/Core{{#switch:
0|= #default= {{#if: }} 
        }}{{#invoke:TemplatePar|check
all = inline= url= opt = datum= date= archivebot= bot= botlauf= fix-attempted= checked= cat = Wikipedia:Vorlagenfehler/Vorlage:Toter Link errNS = 0 template = Vorlage:Toter Link format = preview = 1 
       }}{{#if: https://github.com/sass/dart-sass/releases
isWebURL|https://github.com/sass/dart-sass/releases}} {{#if: }} 
        }}
    }}{{#if:
format noerror=1}} {{#if: }} 
           }}
    }}{{#switch: deadurl
deadurl|= #default= {{#if: }} 
    }}[https://github.com/sass/dart-sass/releases }}|{{#switch:
=Vorlage:Toter Link/Core{{#if: https://github.com/sass/dart-sass/releases [4] }} (Seite {{#switch:|no|0|=|dauerhaft }}nicht mehr abrufbar{{#if: | , festgestellt im {{#invoke:DateTime|format F Y}} }}. Suche im Internet Archive (T)){{#if: | Vorlage:Toter Link/archivebot }} 
         }}
(Seite {{#switch:|no|0|=|#default=dauerhaft }}nicht mehr abrufbar{{#if: | , festgestellt im {{#invoke:DateTime|format F Y}} }}.) 
     }}{{#switch:
0|= #default={{#if: }} 
    }}{{#invoke:TemplatePar|check
opt = inline= url= text= datum= date= archivebot= bot= botlauf= fix-attempted= checked= cat = Wikipedia:Vorlagenfehler/Vorlage:Toter Link errNS = 0 template = Vorlage:Toter Link format = preview = 1 
    }}{{#if: https://github.com/sass/dart-sass/releases
isWebURL|https://github.com/sass/dart-sass/releases}} {{#if: }} 
        }}
{{#if: {{#if: }} {{#if: }} 
        }}
    }}{{#if:
format noerror=1}} {{#if: }} 
         }}
    }}{{#switch:
deadurl|= #default= {{#if: }} 
    }}|#default= https://wiki-de.moshellshocker.dns64.de/index.php?title=Wikipedia:Defekte_Weblinks&dwl=https://github.com/sass/dart-sass/releases Die nachstehende Seite ist {{#switch:|no|0|=|dauerhaft }}nicht mehr abrufbar]{{#if:  | , festgestellt im {{#invoke:DateTime|format||F Y}} }}. (Suche im Internet Archive. (T).)  {{#if:
| Vorlage:Toter Link/archivebot }} 
         }}Vorlage:Toter Link/Core{{#switch:
0|= #default= {{#if: }} 
        }}{{#invoke:TemplatePar|check
all = inline= url= opt = datum= date= archivebot= bot= botlauf= fix-attempted= checked= cat = Wikipedia:Vorlagenfehler/Vorlage:Toter Link errNS = 0 template = Vorlage:Toter Link format = preview = 1 
       }}{{#if: https://github.com/sass/dart-sass/releases
isWebURL|https://github.com/sass/dart-sass/releases}} {{#if: }} 
        }}
    }}{{#if:
format noerror=1}} {{#if: }} 
           }}
    }}{{#switch:
deadurl|= #default= {{#if: }} 
    }}[https://github.com/sass/dart-sass/releases }} }}}}}}}}}}{{#if:|
        {{#invoke:Vorlage:Internetquelle|archivBot|stamp={{{archiv-bot}}}|text={{#if:|Vorlage:Webarchiv/archiv-bot}}

}}}}{{#invoke:TemplatePar|check

all= url= titel= opt= autor= hrsg= format= sprache= titelerg= werk= seiten= datum= abruf= zugriff= abruf-verborgen= archiv-url= archiv-datum= archiv-bot= kommentar= zitat= AT= CH= offline= 0 | Wikipedia:Vorlagenfehler/Vorlage:Internetquelle}} template= Vorlage:Internetquelle format=0 preview=1

}}</ref>  (17. März 2025) | {{#if: {{#invoke:Wikidata|claim|P348}} |

Aktuelle Version {{#invoke:Wikidata|claim|P348|references=ja}}{{#if: {{#invoke:Wikidata|claim|Version|qualifier=P577}} | ({{#invoke:Wikidata|claim|Version|qualifier=P577}})}}}}

}}

Aktuelle Vorabversion:  ()

}}

Typisierung:

}}

Wichtige Implementierungen:

}}

Dialekte:

}}

Standardisierungen:

}}

Beeinflusst von: CSS, YAML | 
 {{#if: {{#invoke:Wikidata|claim|P737}} |
Beeinflusst von: claim|P737|parameter=link|references=ja|list=, }} 
 }}

}}

Beeinflusste: Less, Stylus

}}

Betriebssystem: Plattformunabhängig | 
 {{#if: {{#invoke:Wikidata|claim|P306}} |
Betriebssystem: claim|P306|parameter=link|references=ja|list=, }} 
 }}

}}

Lizenz: MIT-Lizenz | 
 {{#if: {{#invoke:Wikidata|claim|P275}} |
Lizenz: claim|P275|parameter=link|references=ja|list=, }} 
 }}

}}

sass-lang.com | 
 {{#if: {{#invoke:Wikidata|claim|P856}} |
{{#invoke: WLink | formatURL | {{#invoke:Wikidata|claim|P856|parameter=link}}}} 
 }}

}}

Sass (Syntactically Awesome Stylesheets) ist eine Stylesheet-Sprache, die als CSS-Präprozessor mit Variablen, Schleifen und vielen anderen Funktionen, die Cascading Style Sheets (CSS) nicht beinhaltet, die Erstellung von CSS vereinfacht und die Pflege großer Stylesheets erleichtert. Sie wurde ursprünglich beeinflusst von der Auszeichnungssprache YAML, von Hampton Catlin entworfen und von Natalie Weizenbaum entwickelt.

Nach der Fertigstellung der initialen Version setzte Weizenbaum zusammen mit Chris Eppstein die Arbeit an Sass fort und implementierte mit SassScript eine einfache Scriptsprache zum Gebrauch innerhalb von Sass-Dateien. Neben der unter MIT-Lizenz für viele Plattformen verfügbaren kommandozeilenbasierten Compilersoftware haben sich weitere Verarbeitungsprogramme etabliert.

Neben der ursprünglichen an YAML angelehnten Sass-Syntax unterstützt Sass auch die neuere und heute weiter verbreitete SCSS-Syntax, die sich an der klassischen CSS-Schreibweise orientiert.

Merkmale

Geschachtelte Regeln

Eines der Schlüsselmerkmale sind verschachtelte Regeln (nested rules). Durch diese ist es einfach, komplizierte geschachtelte Selektoren zu lesen und zu schreiben.

<syntaxhighlight lang="sass">

  1. header
 background: #FFFFFF
 /* -or-  :background #FFFFFF */

 .error
   color: #FF0000

 a
   text-decoration: none
   &:hover
     text-decoration: underline

</syntaxhighlight>

Dies wird kompiliert zu:

<syntaxhighlight lang="css">

  1. header {
 background: #FFFFFF;

}

  1. header .error {
 color: #FF0000;

}

  1. header a {
 text-decoration: none

}

  1. header a:hover {
 text-decoration: underline

} </syntaxhighlight>

Geschachtelte Media Queries

Eine besondere Funktion stellt die Verschachtelung von Media Queries in Selektoren dar. So können im Quellcode Style-Deklarationen für ein und dasselbe Element am gleichen Ort verwaltet werden. <syntaxhighlight lang="sass">

  1. header
 color: red
 @media (min-width: 400px)
   color: blue

</syntaxhighlight>

Dies wird kompiliert zu:

<syntaxhighlight lang="css">

  1. header {
 color: red;

} @media (min-width: 400px){ 

 #header {
   color: blue;
 }

}

</syntaxhighlight>

Variablen

Sass erlaubt die Nutzung von Variablen. Dies erleichtert es, bestimmte Werte in umfangreichen Stylesheets konsistent zu halten. Wartungsaufgaben werden durch die Definition der Variablen an zentraler Stelle erheblich vereinfacht.

<syntaxhighlight lang="sass"> $link_color: #00F

a 

 color: $link_color

</syntaxhighlight>

Wird kompiliert zu

<syntaxhighlight lang="css"> a { 

 color: #00F

} </syntaxhighlight>

Mixins

Mixins erlauben die wiederholte Referenzierung ganzer Code-Abschnitte. In Anlehnung an die in klassischen Programmiersprachen vorhandenen Funktionen können Mixins auch Argumente übergeben werden. Mixins können, wie normale Anweisungen auch, weitere geschachtelte Selektoren enthalten. Im folgenden Beispiel wird die Variable $farbe im Mixin dem Element als Hintergrundfarbe zugewiesen.

<syntaxhighlight lang="sass"> @mixin box($farbe) 

 padding: 1rem
 border: 2px solid gray
 background: $farbe

a 

 @include box(red)

</syntaxhighlight>

Wird kompiliert zu

<syntaxhighlight lang="css"> a { 

 padding: 1rem;
 border: 2px solid gray;
 background: red;

} </syntaxhighlight>

SCSS-Syntax

Neben der oben beschriebenen Sass-Syntax (indented syntax) verfügt Sass über die neuere und heute weiter verbreitete SCSS-Syntax (Sassy CSS). Hier sind für die Verschachtelung der Selektoren nicht die Einrückung des Quelltextes ausschlaggebend, sondern wie in der klassischen CSS-Schreibweise die geschweiften Klammern. Auch sind am Ende der Regeln Semikola erforderlich.

Codevergleich

Sass

<syntaxhighlight lang="sass"> $meineFarbe: #3BBFCE

.navigation 

 border-color: $meineFarbe
 color: darken($meineFarbe, 9%)

</syntaxhighlight>

SCSS

<syntaxhighlight lang="scss"> $meineFarbe: #3BBFCE;

.navigation { 

 border-color: $meineFarbe;
 color: darken($meineFarbe, 9%);

} </syntaxhighlight>

Das kompilierte CSS ist in beiden Fällen identisch. Eine automatische Umwandlung zwischen den beiden Syntax-Varianten ist ohne Probleme möglich.

SassScript

SassScript ist eine Skriptsprache, die innerhalb von Sass zur Anwendung kommt. SassScript erweitert Sass um Funktionen wie Grundrechenarten, Methoden zur Manipulation von Farbwerten, einfache Schleifenkonstrukte und Fallunterscheidungen.

Kritik

Die Nutzung einer Metasprache für CSS erfordert die Übersetzung in CSS-Code durch einen Präprozessor und damit einen weiteren Schritt im Entwicklungsprozess. Kritisiert wird das damit einhergehende erschwerte Debugging sowie das Erweitern potenzieller Fehlerquellen. Auch könne der Kaskadierungsgedanke von CSS verloren gehen, der mit der Vergabe von Klassen gegeben ist.<ref><templatestyles src="Webarchiv/styles.css" />{{#if:20100913062722 

      | {{#ifeq: 20100913062722 | *
    | Vorlage:Webarchiv/Wartung/Stern{{#if: Über den (Un)Sinn von CSS Frameworks | {{#invoke:WLink|getEscapedTitle|Über den (Un)Sinn von CSS Frameworks}} | {{#invoke:Webarchiv|getdomain|http://www.shiftedwork.de/blog/2010/09/09/uber-den-unsinn-von-css-frameworks}} }} (Archivversionen)
    | {{#iferror: {{#time: j. F Y|20100913062722}}
         | {{#if:  || }}Vorlage:Webarchiv/Wartung/DatumDer Wert des Parameters {{#if: wayback | wayback | Datum }} muss ein gültiger Zeitstempel der Form YYYYMMDDHHMMSS sein!
         | {{#if: Über den (Un)Sinn von CSS Frameworks | {{#invoke:WLink|getEscapedTitle|Über den (Un)Sinn von CSS Frameworks}} | {{#invoke:Webarchiv|getdomain|http://www.shiftedwork.de/blog/2010/09/09/uber-den-unsinn-von-css-frameworks}} }} {{#ifeq:  | [] | [ | ( }}Memento{{#if: {{#if:  | {{{archiv-bot}}} |  }} |  des Vorlage:Referrer }} vom {{#time: j. F Y|20100913062722}} im Internet Archive{{#if:  | ;  }}{{#ifeq:  | [] | ] | ) }}
      }}
  }}
      | {{#if:
          | {{#iferror: {{#time: j. F Y|{{{webciteID}}}}}
    | {{#switch: {{#invoke:Str|len|{{{webciteID}}}}}
       | 16= {{#if: Über den (Un)Sinn von CSS Frameworks | {{#invoke:WLink|getEscapedTitle|Über den (Un)Sinn von CSS Frameworks}} | {{#invoke:Webarchiv|getdomain|http://www.shiftedwork.de/blog/2010/09/09/uber-den-unsinn-von-css-frameworks}} }} {{#ifeq:  | [] | [ | ( }}Memento{{#if: {{#if:  | {{{archiv-bot}}} |  }} |  des Vorlage:Referrer }} vom {{#time: j. F Y| 19700101000000 + {{#expr: floor {{#expr: {{#invoke:Str|sub|{{{webciteID}}}|1|10}}/86400}} }} days}} auf WebCite{{#if:  | ;  }}{{#ifeq:  | [] | ] | ) }}
       | 9 = {{#if: Über den (Un)Sinn von CSS Frameworks | {{#invoke:WLink|getEscapedTitle|Über den (Un)Sinn von CSS Frameworks}} | {{#invoke:Webarchiv|getdomain|http://www.shiftedwork.de/blog/2010/09/09/uber-den-unsinn-von-css-frameworks}} }} {{#ifeq:  | [] | [ | ( }}Memento{{#if: {{#if:  | {{{archiv-bot}}} |  }} |  des Vorlage:Referrer}} vom {{#time: j. F Y| 19700101000000 + {{#expr: floor {{#expr: {{#invoke:Str|sub|{{#invoke:Expr|base62|{{{webciteID}}}}}|1|10}}/86400}} }} days}} auf WebCite{{#if:  | ;  }}{{#ifeq:  | [] | ] | ) }}
       | #default= Der Wert des Parameters {{#if: webciteID | webciteID | ID }} muss entweder ein Zeitstempel der Form YYYYMMDDHHMMSS oder ein Schüsselwert mit 9 Zeichen oder eine 16-stellige Zahl sein!Vorlage:Webarchiv/Wartung/webcitation{{#if:  || }}
      }}
    | c|{{{webciteID}}}}} {{#if: Über den (Un)Sinn von CSS Frameworks | {{#invoke:WLink|getEscapedTitle|Über den (Un)Sinn von CSS Frameworks}} | {{#invoke:Webarchiv|getdomain|http://www.shiftedwork.de/blog/2010/09/09/uber-den-unsinn-von-css-frameworks}} }} (Memento{{#if: {{#if:  | {{{archiv-bot}}} |  }} |  des Vorlage:Referrer}} vom {{#time: j. F Y|{{{webciteID}}}}} auf WebCite{{#if:  | ;  }}{{#ifeq:  | [] | ] | ) }}
  }}
          | {{#if: 
              | Vorlage:Webarchiv/Today
              | {{#if:
                      | Vorlage:Webarchiv/Generisch
                      | {{#if: Über den (Un)Sinn von CSS Frameworks | {{#invoke:WLink|getEscapedTitle|Über den (Un)Sinn von CSS Frameworks}} | {{#invoke:Webarchiv|getdomain|http://www.shiftedwork.de/blog/2010/09/09/uber-den-unsinn-von-css-frameworks}} }}  
                 }}}}}}}}{{#if:
    | Vorlage:Webarchiv/archiv-bot
  }}{{#invoke:TemplatePar|check
     |all      = url=
     |opt      = text= wayback= webciteID= archive-is= archive-today= archiv-url= archiv-datum= ()= archiv-bot= format= original=
     |cat      = Wikipedia:Vorlagenfehler/Vorlage:Webarchiv
     |errNS    = 0
     |template = Vorlage:Webarchiv
     |format   = *
     |preview  = 1
  }}{{#ifexpr: {{#if:20100913062722|1|0}}{{#if:|+1}}{{#if:|+1}}{{#if:|+1}}{{#if:|+1}} <> 1
    | {{#if:  || }}Vorlage:Webarchiv/Wartung/Parameter{{#invoke:TemplUtl|failure| Fehler bei Vorlage:Webarchiv: Genau einer der Parameter 'wayback', 'webciteID', 'archive-today', 'archive-is' oder 'archiv-url' muss angegeben werden.|1}}
  }}{{#if: 
    | {{#switch: {{#invoke:Webarchiv|getdomain|{{{archiv-url}}}}}
        | web.archive.org = 
          {{#if:  || }}{{#invoke:TemplUtl|failure| Fehler bei Vorlage:Webarchiv: Im Parameter 'archiv-url' wurde URL von Internet Archive erkannt, bitte Parameter 'wayback' benutzen.|1}} 
        | webcitation.org = 
          {{#if:  || }}{{#invoke:TemplUtl|failure| Fehler bei Vorlage:Webarchiv: Im Parameter 'archiv-url' wurde URL von WebCite erkannt, bitte Parameter 'webciteID' benutzen.|1}} 
        | archive.today |archive.is |archive.ph |archive.fo |archive.li |archive.md |archive.vn = 
          {{#if:  || }}{{#invoke:TemplUtl|failure| Fehler bei Vorlage:Webarchiv: Im Parameter 'archiv-url' wurde URL von archive.today erkannt, bitte Parameter 'archive-today' benutzen.|1}}
      }}{{#if: 
         | {{#iferror: {{#iferror:{{#invoke:Vorlage:FormatDate|Execute}}|}}
             | {{#if:  || }}Vorlage:Webarchiv/Wartung/Parameter{{#invoke:TemplUtl|failure| Fehler bei Vorlage:Webarchiv: Der Wert des Parameter 'archiv-datum' ist ungültig oder hat ein ungültiges Format.|1}}
          |  }} 
         | {{#if:  || }}Vorlage:Webarchiv/Wartung/Parameter{{#invoke:TemplUtl|failure| Fehler bei Vorlage:Webarchiv: Der Pflichtparameter 'archiv-datum' wurde nicht angegeben.|1}}
      }}
    | {{#if: 
         | {{#if:  || }}Vorlage:Webarchiv/Wartung/Parameter{{#invoke:TemplUtl|failure| Fehler bei Vorlage:Webarchiv: Der Parameter 'archiv-datum' ist nur in Verbindung mit 'archiv-url' angebbar.|1}}
      }}
  }}{{#if:{{#invoke:URLutil|isHostPathResource|http://www.shiftedwork.de/blog/2010/09/09/uber-den-unsinn-von-css-frameworks}}
    || {{#if:  || }}
  }}{{#if: Über den (Un)Sinn von CSS Frameworks
    | {{#if: {{#invoke:WLink|isBracketedLink|Über den (Un)Sinn von CSS Frameworks}}
        | {{#if:  || }}
      }}
    | {{#if:  || }}Vorlage:Webarchiv/Wartung/Linktext_fehlt
  }}{{#switch: 
    |addlarchives|addlpages= {{#if:  || }}{{#if: 1 |Vorlage:Webarchiv/Wartung/Parameter}}{{#invoke:TemplUtl|failure| Fehler bei Vorlage:Webarchiv: enWP-Wert im Parameter 'format'.|1}}
  }}{{#ifeq: {{#invoke:Str|find|http://www.shiftedwork.de/blog/2010/09/09/uber-den-unsinn-von-css-frameworks%7Carchiv}} |-1
    || {{#ifeq: {{#invoke:Str|find|{{#invoke:Str|cropleft|http://www.shiftedwork.de/blog/2010/09/09/uber-den-unsinn-von-css-frameworks%7C4}}%7Chttp}} |-1
         || {{#switch: {{#invoke:Webarchiv|getdomain|http://www.shiftedwork.de/blog/2010/09/09/uber-den-unsinn-von-css-frameworks }}
              | abendblatt.de | daserste.ndr.de | inarchive.com | webcitation.org = 
              | #default = {{#if:  || }}{{#if: 1 |Vorlage:Webarchiv/Wartung/URL}}{{#invoke:TemplUtl|failure| Fehler bei Vorlage:Webarchiv: Archiv-URL im Parameter 'url' anstatt URL der Originalquelle. Entferne den vor der Original-URL stehenden Mementobestandteil und setze den Archivierungszeitstempel in den Parameter 'wayback', 'webciteID', 'archive.today' oder 'archive-is' ein, sofern nicht bereits befüllt.|1}}
            }} 
       }}
  }}</ref>

Siehe auch

Weblinks

Einzelnachweise

<references />

Abgerufen von „https://wiki-de.moshellshocker.dns64.de/index.php?title=Sass_(Stylesheet-Sprache)&oldid=1998583“