diff --git a/kevin_powell_defaults.css b/kevin_powell_defaults.css index 0a89c196..97d2087b 100644 --- a/kevin_powell_defaults.css +++ b/kevin_powell_defaults.css @@ -1,4 +1,4 @@ -/* Kevin Powell's root recommendation for '*'' +/* Kevin Powell's root recommendation for '*'' * and also some bare bones defaults*/ *, *::before, @@ -6,7 +6,7 @@ box-sizing: border-box; } -/* kevin uses html here, +/* kevin uses html here, * but mdn recommends root */ :root { color-scheme: light dark; @@ -18,7 +18,7 @@ body { line-height: 1.5; } -/* main container within body, +/* main container within body, * sometimes called .container, etc. */ main { width: min(70ch, 100% - 4rem); @@ -32,13 +32,37 @@ video { display: block; } -/* TheoGG recommends this under '*', +/* TheoGG recommends this under '*', * but kevin says differently */ input, textarea { min-width: 0; } +h1, +h2, +h3, +h4, +h5, +h6 { + text-wrap: balance; +} + +p, +li, +figcaption { + text-wrap: pretty; + max-width: 65ch; +} + +header, +footer, +main, +section, +article { + container-type: inline-size; +} + /* background image specific, courtesy wittcode*/ /* body { diff --git a/scripts/kcss b/scripts/kcss index ca475e63..f4cb6971 100755 --- a/scripts/kcss +++ b/scripts/kcss @@ -43,5 +43,29 @@ body { background-position: center; background-size: cover; } + +h1, +h2, +h3, +h4, +h5, +h6 { + text-wrap: balance; +} + +p, +li, +figcaption { + text-wrap: pretty; + max-width: 65ch; +} + +header, +footer, +main, +section, +article { + container-type: inline-size; +} */ -EOM \ No newline at end of file +EOM