Direkt zur Hauptnavigation springen Direkt zum Inhalt springen Jump to sub navigation

| h2 Überschrift - .abteilung

Card 1

Textlement Titel

Textelement Subtitel

Textelement Text

Card 1

 

 

 

Card 2

Card 3

2131

Kaffeetassen

1200

Gute Ideen

800

davon umgesetzt

------

|Überschrift

Diese Seite demonstriert die Möglichkeit, über Typoscript Variablen und deren Werte an den SASS-Compiler zu übergeben.

Dazu muss im setup-Bereich des Templates der Code eingetragen werden. Hier ein Beispiel:

plugin.tx_wsscss.variables {
  var1 = #eee
  var2 = red
  body-bg = #CCC
}

Als Resultat sind folgende Boxen eingefärbt worden.

body-bg = #CCC als SASS Variable im Extentiontemplate eingetragen.

SCSS/extensions/ws_scss.scss wird eingeunden

Auch der Hintergrund und die Schriftfarbe des h2-Tags sind ueber die Variablen definiert:

h1 medien

| h2 Medien - standard mit classe .abteilung

h3 Medien

h4 Medien

|h5 Medien - mit classe .abteilung

h1. Bootstrap heading

h2. Bootstrap heading

h3. Bootstrap heading

h4. Bootstrap heading

h5. Bootstrap heading
h6. Bootstrap heading

h1. Bootstrap heading

h2. Bootstrap heading

h3. Bootstrap heading

h4. Bootstrap heading

h5. Bootstrap heading

h6. Bootstrap heading

Display 1

Display 2

Display 3

Display 4