Slide Toggle von links nach rechts (und zurück!) - kein :target - kein javascript nur botton Mithilfe [aria-haspopup] oder [aria-expandet] je nachdem was in diesem Fall richtig ist

[Matthias Apsel]

Hallo einsiedler,

 			html {
				background-color: #6f7f90;
				background-color: rgba(111, 127, 144, 0.05);
				background-color: hsla(211, 13%, 50%, 0.05);
				-ms-filter: 'progid:DXImageTransform.Microsoft.MotionBlur(strength=05), progid:DXImageTransform.Microsoft.BasicImage(mirror=1)';

Welche Browser möchtest du unterstützen, die keine teiltransparenten Farben darstellen können?

			html {
					font-family: 'Variable-Bold';
					font-size: 120%;
					line-height: 100%;
					hyphens: auto;
			}

Was passiert, wenn Variable-Bold nicht zur Verfügung steht? Gib eine Reihe von Alternativen an. Als letztes eine generische Fontfamilie.

Bei der Silbentrennung solltest du hingegen noch den einen oder anderen Präfix verwenden.

			html>body { 
				max-width: 66em;
				margin: 0 auto;

Warum dieser Selektor?

			article#menuepunkte {
				-webkit-transition: left 0.4s ease-in-out;
				-moz-transition: left 0.4s ease-in-out;
				-ms-transition: left 0.4s ease-in-out;
				-o-transition: left 0.4s ease-in-out;
				transition: left 0.4s ease-in-out;
			}

Welche Browser möchtest du unterstützen, die keine Transitionen darstellen können?

Bis demnächst
Matthias