Ein Blank/Base Theme für CONTAO CMS

Die Idee ist es, ein Basistheme für Webprojekte in Contao zu erstellen, welches die wichtigsten gestalterischen Regeln befolgt (Fonts, Typo, Abstände, etc.) und durch die Verwendung von .less den Arbeitsaufwand minimiert, ohne dass man dem Projekt ein starres und langweiliges Korsett ala Bootstrap o.Ä. verpasst.

Z.B. lassen wir den CSS-Preprocessor die Definition einer Variable diese weiteren Elementen vergeben und ergänzen sie, dort wo nötig, durch den CSS-Browser-Kalkulator, in etwa so:

li, p{
	font-size: @fontSize; // 16px
	line-height: 1.5;
}

h1{
	font-size: calc(@fontSize * 2.5);
}

h2{
	font-size: calc(@fontSize * 2.2);
}

h3{
	font-size: calc(@fontSize * 1.9);
}

h4{
	font-size: calc(@fontSize * 1.6);
}

h5{
	font-size: calc(@fontSize * 1.3);
}

h6{
	font-size: @fontSize;
}

h1, h2, h3, h4, h5, h5, h6{
	line-height: 1.2;
}

h1, h2, h3, h4, h5, h5, h6, ul, p{
	margin: 0 0 calc(@fontSize * 1.5);
}

To be continued... stay tuned!

Zurück

Einen Kommentar schreiben