Contao Grid Ergänzung - Prefix und Suffix
Um Elemente beispielsweise zu zentrieren, habe ich 2 Möglichkeiten erdacht, siehe dazu Zentrierung Versuch 1 und Zentrierung Versuch 2. Für Versuch 2 sind weitere Grid-Klassen generiert worden. Hier nun die Definitionen dafür.
/* Prefix */
.pre1 {
padding-left: 6.25%;
}
.pre2 {
padding-left: 12.5%;
}
.pre3 {
padding-left: 18.75%;
}
.pre4 {
padding-left: 25%;
}
.pre5 {
padding-left: 31.25%;
}
.pre6 {
padding-left: 37.5%;
}
.pre7 {
padding-left: 43.75%;
}
.pre8 {
padding-left: 50%;
}
.pre9 {
padding-left: 56.25%;
}
.pre10 {
padding-left: 62.5%;
}
.pre11 {
padding-left: 68.75%;
}
.pre12 {
padding-left: 75%;
}
.pre13 {
padding-left: 81.25%;
}
.pre14 {
padding-left: 87.5%;
}
.pre15 {
padding-left: 93.75%;
}
/* Suffix */
.suf1 {
padding-right: 6.25%;
}
.suf2 {
padding-right: 12.5%;
}
.suf3 {
padding-right: 18.75%;
}
.suf4 {
padding-right: 25%;
}
.suf5 {
padding-right: 31.25%;
}
.suf6 {
padding-right: 37.5%;
}
.suf7 {
padding-right: 43.75%;
}
.suf8 {
padding-right: 50%;
}
.suf9 {
padding-right: 56.25%;
}
.suf10 {
padding-right: 62.5%;
}
.suf11 {
padding-right: 68.75%;
}
.suf12 {
padding-right: 75%;
}
.suf13 {
padding-right: 81.25%;
}
.suf14 {
padding-right: 87.5%;
}
.suf15 {
padding-right: 93.75%;
}