fix klausur pdf backgrounds with _backgroundColor directive

- remove !important from klausur css gradient (allows directive override)
- add _backgroundColor directive to all klausur slides for pdf
- web: shows css gradient stripes
- pdf: shows solid color background
This commit is contained in:
2026-01-13 20:26:28 +01:00
parent b45a528faf
commit 2179f6caed
10 changed files with 39 additions and 70 deletions

View File

@@ -55,13 +55,7 @@ section.klausur {
#fce4ec 40px,
#fff 40px,
#fff 80px
) !important;
}
@media print {
section.klausur {
background: url('./assets/klausur-pattern.svg') !important;
background-size: cover !important;
}
);
}
section.aufgabe {
background: #fce4ec !important;
@@ -623,6 +617,7 @@ Euer Laptop, euer Handy, der Server dieser Präsentation
<!-- _class: klausur -->
<!-- _header: '' -->
<!-- _footer: '' -->
<!-- _backgroundColor: #fce4ec -->
# Die 5 Komponenten
@@ -655,6 +650,7 @@ PRÜFUNGSRELEVANT: 5 Komponenten benennen und erklären können, Stored Program
<!-- _class: klausur -->
<!-- _header: '' -->
<!-- _footer: '' -->
<!-- _backgroundColor: #fce4ec -->
# Von-Neumann-Architektur: Bedeutung
@@ -1077,6 +1073,7 @@ Formattierungssprache
<!-- _class: klausur -->
<!-- _header: '' -->
<!-- _footer: '' -->
<!-- _backgroundColor: #fce4ec -->
# HTML Metadaten
@@ -1304,6 +1301,7 @@ https://developer.mozilla.org/de/docs/Web/HTML/Reference/Elements/dialog
<!-- _class: klausur -->
<!-- _header: '' -->
<!-- _footer: '' -->
<!-- _backgroundColor: #fce4ec -->
# Wie nutzen Menschen das Web?
@@ -1340,6 +1338,7 @@ PRÜFUNGSRELEVANT: Arten von Einschränkungen, Screenreader-Beispiele, WCAG
<!-- _class: klausur -->
<!-- _header: '' -->
<!-- _footer: '' -->
<!-- _backgroundColor: #fce4ec -->
# Warum "Barrierefreiheit"?
@@ -1503,6 +1502,7 @@ div-Button braucht JavaScript für Enter/Space
<!-- _class: klausur -->
<!-- _header: '' -->
<!-- _footer: '' -->
<!-- _backgroundColor: #fce4ec -->
# Barrieren im Netz vermeiden (a11y)