CSS - Baukasten: Unterschied zwischen den Versionen

Aus Wikizone
Wechseln zu: Navigation, Suche
Zeile 8: Zeile 8:
 
ToDo
 
ToDo
  
== Zentrales Stylesheet main.css==
+
== Zentrales Stylesheet base.css==
  
 
Hier werden die verschiedenen benötigten Dateien eingebunden und einige Grundeinstellungen definiert.
 
Hier werden die verschiedenen benötigten Dateien eingebunden und einige Grundeinstellungen definiert.
 
 
In einer späteren Ausbaustufe werden diese evt. ebenfalls ausgelagert
 
In einer späteren Ausbaustufe werden diese evt. ebenfalls ausgelagert
 +
In Typo3 Projekten könnten die CSS-Dateien auch über TypoScript eingebunden werden dann entfällt die base.css
 
<pre>
 
<pre>
 
/*  
 
/*  
 
### "CSS-Baukasten (c)2006 Stephan Schlegel" ###
 
### "CSS-Baukasten (c)2006 Stephan Schlegel" ###
 
### Version: 0.1
 
### Version: 0.1
### Datei      : main.css
+
### Datei      : base.css
 
### Funktion    : Zentrales Stylesheet, Grundeinstellungen + Einbindung der CSS-Module
 
### Funktion    : Zentrales Stylesheet, Grundeinstellungen + Einbindung der CSS-Module
 
*/
 
*/

Version vom 7. August 2006, 16:36 Uhr

Ziel des Abschnittes CSS-Baukasten ist es verschiedene CSS-Skripte vorzuhalten, die für verschiedene Projekte eingesetzt werden können. In Anlehnukng an YAML werden die Dateien möglichst Modular vorgehalten und über ein Zentrales Sylesheet eingebunden


Konzept-Richtlinien

Struktur

/main.css ToDo

Zentrales Stylesheet base.css

Hier werden die verschiedenen benötigten Dateien eingebunden und einige Grundeinstellungen definiert. In einer späteren Ausbaustufe werden diese evt. ebenfalls ausgelagert In Typo3 Projekten könnten die CSS-Dateien auch über TypoScript eingebunden werden dann entfällt die base.css

/* 
### "CSS-Baukasten (c)2006 Stephan Schlegel" ###
### Version: 0.1
### Datei       : base.css
### Funktion    : Zentrales Stylesheet, Grundeinstellungen + Einbindung der CSS-Module
*/

@import url(main/base.css);
@import url(mods/basemod.css);
@import url(mods/basemod_layout_xcol_xyz.css);
@import url(navi/nav_slidingdoor.css);
@import url(main/content.css);
@import url(print/print_003.css);