Rename inset-s/e to start/end

Author: adamwathan

src/corePlugins.js

@@ -623,8 +623,8 @@ export let corePlugins = {
         ['inset-y', ['top', 'bottom']],
       ],
       [
-        ['inset-s', ['inset-inline-start']],
-        ['inset-e', ['inset-inline-end']],
+        ['start', ['inset-inline-start']],
+        ['end', ['inset-inline-end']],
         ['top', ['top']],
         ['right', ['right']],
         ['bottom', ['bottom']],

tests/kitchen-sink.test.css

@@ -286,10 +286,10 @@ div {
   left: 0.25rem;
   right: 0.25rem;
 }
-.inset-s-4 {
+.start-4 {
   inset-inline-start: 1rem;
 }
-.inset-e-8 {
+.end-8 {
   inset-inline-end: 2rem;
 }
 .mx-1 {

tests/kitchen-sink.test.html

@@ -16,7 +16,7 @@
     <div class="test-apply-font-variant"></div>
     <div class="mt-6 mx-1 ms-4 me-8"></div>
     <div class="pt-6 px-1 ps-4 pe-8"></div>
-    <div class="inset-6 inset-x-1 inset-s-4 inset-e-8"></div>
+    <div class="inset-6 inset-x-1 start-4 end-8"></div>
     <div class="border-2 border-s-0 border-e-4"></div>
     <div class="border-black border-s-green-500 border-e-red-400"></div>
     <div class="rounded-s rounded-e rounded-ss rounded-es"></div>