CSS - Baukasten: Unterschied zwischen den Versionen
Aus Wikizone
| Zeile 8: | Zeile 8: | ||
ToDo | ToDo | ||
| − | == Zentrales Stylesheet | + | == 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 : | + | ### 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);