Rename break-inside: avoid-column utility to break-inside-avoid-column

Author: reinink

src/corePlugins.js

@@ -831,7 +831,7 @@ export let breakInside = ({ addUtilities }) => {
     '.break-inside-auto': { 'break-inside': 'auto' },
     '.break-inside-avoid': { 'break-inside': 'avoid' },
     '.break-inside-avoid-page': { 'break-inside': 'avoid-page' },
-    '.break-inside-avoid-col': { 'break-inside': 'avoid-column' },
+    '.break-inside-avoid-column': { 'break-inside': 'avoid-column' },
   })
 }
 

tests/basic-usage.test.css

@@ -323,7 +323,7 @@
 .break-before-page  {
   break-before: page;
 }
-.break-inside-avoid-col  {
+.break-inside-avoid-column  {
   break-inside: avoid-column;
 }
 .break-after-auto {

tests/basic-usage.test.html

@@ -62,7 +62,7 @@
     <div class="gap-x-2 gap-y-3 gap-4"></div>
     <div class="from-red-300 via-purple-200 to-blue-400"></div>
     <div class="columns-1 columns-md"></div>
-    <div class="break-before-page break-inside-avoid-col break-after-auto"></div>
+    <div class="break-before-page break-inside-avoid-column break-after-auto"></div>
     <div class="auto-cols-min"></div>
     <div class="grid-flow-row"></div>
     <div class="auto-rows-max"></div>