CSS

CSS Code:

@media print {
    .pagebreak { page-break-before: always; } /* page-break-after works, as well */
}

Um die Pfeile zu verstecken:

details summary::-webkit-details-marker {
  display:none;
}

Flex Container & Items:

Wenn man mehr als ein Leerzeichen braucht kann man diese Code verwenden:

li:before { content: " \00a0 \00a0  \003e \00a0 \00a0"; }

\003e ist ein Pfeil nach Rechts

CSS Alternative von <NOBR>:

white-space: nowrap;

Unsere Websites werden immer komplexer. Man verliert schnell den Überblick.

CSS Datein werden immer größer. Die Regeln sind oft in unterschiedlichen Dateien für unterschiedlichen Fällen oder Geräte wiederholt. Am Ende ist sehr schwierig raus zu finden welche von CSS Regeln/Eigenschaften (oder deren Kopien bevor letzter Überschreibung) nicht mehr nötig.

Google Chrome

1. Console öffnen mit "Shift + F2"
2. Befehl eingeben:  media emulate print

Wie verwendet man :not(selector) am effektivsten? Ein paar Beispiele wären sehr hilfreich.

CSS für Bildschirm

Nicht empfohlen: ex pt, cm, mm, in, pc

Empfohlen: em, px, %

https://www.w3.org/Style/Examples/007/units.de.html

1 Folgende Datei mit einem Grafikprogramm überarbeiten und eine Flagge ersetzen. Bspw. die dritte Flagge druch die schwedische Flagge ersetzen.

. /themes/Frontend/Responsive/frontend/_public/src/img/ico-flags.png

2. Less Datei unter bearbeiten :

/themes/Frontend/Responsive/frontend/_public/src/less/_components/flags.less

Zeile 19:

 &.nl_NL { background-position: 0 -22px; }

durch folgendes ersetzen:

 &.sv-SE { background-position: 0 -22px; }