Hallo Zusammen,
ich stehe vor einem Problem welches mir mittlerweile extrem Kopfschmerzen bereitet.
Ich bin mir ziemlich sicher das mein Vorhaben geht, habe aber keinen Plan wie ich das anstelle.
Code
.page-template {
}
.page-template #einleitung .inner .row:first-child + .row {
margin-top: 0;
}
.page-template h1 {
font-size: 34px;
margin-bottom: .5rem;
}
.page-template h2 {
font-size: 23px;
}
.page-template h3 {
font-size: 18px;
}
@media (max-width: 992px) {
.page-template h1 {
font-size: 25px;
margin-bottom: .5rem;
}
.page-template h2 {
font-size: 19px;
}
.page-template h3 {
font-size: 16px;
}
}Ich möchte entweder den Code komprimieren ähnlich wie:
Code
.page-template {
h1 = Eigenschaften
h2 = Eigenschaften
h3 = Eigenschaften
}Oder die komplette Formatierung in eine Klasse packen die ich dann mit nur einen Befehl aufrufen kann.
Bin über jeden Tipp dankbar.
MfG
Terry