Code_CSS
https://www.stefanjudis.com/notes/new-in-css-relative-colors/
css accent-color utm source text-wrap: balance;
css trig functions initial-letter viewport units
focus w tab key == btn:focus-visible { outline:5px solid blue } focus w mouse == btn:focus:not(:focus-visible) { outline:none}
.article{ container-type: inline-size } @container(min-width: 700px){ .card {} } color-mix( in srgb, red, blue) color-mix( in srgb, red 75%, blue) css nesting
https://codepen.io/AllThingsSmitty/pen/XKgOZR
Use :root for Flexible Type :root { font-size: calc(1vw + 1vh + .5vmin); } body { font: 1rem/1.6 sans-serif; }
text wrap balance
tabindex="-1"
to avoid mobile browsers (iOS Safari, et al.) from zooming in on HTML form elements when a element to at least 16 pixels, which is the threshold for preventing zoom on iOS devices.
input,button,select,textarea { font: inherit;}
margin-inline: auto; margin-block: auto; border-inline/block and padding-inline-block
container queries -> target nearest "container" of an element
content-visibility: auto [role=doc-endnotes]{content-visibility:auto;contain-intrinsic-size:auto 3em}
h2+aside[role=none]{contain:strict;content-visibility:auto;
@media (prefers-color-scheme: dark)