picocss · drmason13 · Aug 31, 2024 · Aug 31, 2024 · Aug 31, 2024 · Aug 31, 2024
diff --git a/css/pico.amber.css b/css/pico.amber.css
diff --git a/css/pico.amber.min.css b/css/pico.amber.min.css
diff --git a/css/pico.blue.css b/css/pico.blue.css
diff --git a/css/pico.blue.min.css b/css/pico.blue.min.css
diff --git a/css/pico.classless.amber.css b/css/pico.classless.amber.css
diff --git a/css/pico.classless.amber.min.css b/css/pico.classless.amber.min.css
diff --git a/css/pico.classless.blue.css b/css/pico.classless.blue.css
diff --git a/css/pico.classless.blue.min.css b/css/pico.classless.blue.min.css
diff --git a/css/pico.classless.conditional.amber.css b/css/pico.classless.conditional.amber.css
diff --git a/css/pico.classless.conditional.amber.min.css b/css/pico.classless.conditional.amber.min.css
diff --git a/css/pico.classless.conditional.blue.css b/css/pico.classless.conditional.blue.css
diff --git a/css/pico.classless.conditional.blue.min.css b/css/pico.classless.conditional.blue.min.css
diff --git a/css/pico.classless.conditional.cyan.css b/css/pico.classless.conditional.cyan.css
diff --git a/css/pico.classless.conditional.cyan.min.css b/css/pico.classless.conditional.cyan.min.css
diff --git a/css/pico.classless.conditional.fuchsia.css b/css/pico.classless.conditional.fuchsia.css
diff --git a/css/pico.classless.conditional.fuchsia.min.css b/css/pico.classless.conditional.fuchsia.min.css
diff --git a/css/pico.classless.conditional.green.css b/css/pico.classless.conditional.green.css
diff --git a/css/pico.classless.conditional.green.min.css b/css/pico.classless.conditional.green.min.css
diff --git a/css/pico.classless.conditional.grey.css b/css/pico.classless.conditional.grey.css
diff --git a/css/pico.classless.conditional.grey.min.css b/css/pico.classless.conditional.grey.min.css
diff --git a/css/pico.classless.conditional.indigo.css b/css/pico.classless.conditional.indigo.css
diff --git a/css/pico.classless.conditional.indigo.min.css b/css/pico.classless.conditional.indigo.min.css
diff --git a/css/pico.classless.conditional.jade.css b/css/pico.classless.conditional.jade.css
diff --git a/css/pico.classless.conditional.jade.min.css b/css/pico.classless.conditional.jade.min.css
diff --git a/css/pico.classless.conditional.lime.css b/css/pico.classless.conditional.lime.css
diff --git a/css/pico.classless.conditional.lime.min.css b/css/pico.classless.conditional.lime.min.css
diff --git a/css/pico.classless.conditional.orange.css b/css/pico.classless.conditional.orange.css
diff --git a/css/pico.classless.conditional.orange.min.css b/css/pico.classless.conditional.orange.min.css
diff --git a/css/pico.classless.conditional.pink.css b/css/pico.classless.conditional.pink.css
diff --git a/css/pico.classless.conditional.pink.min.css b/css/pico.classless.conditional.pink.min.css
diff --git a/css/pico.classless.conditional.pumpkin.css b/css/pico.classless.conditional.pumpkin.css
diff --git a/css/pico.classless.conditional.pumpkin.min.css b/css/pico.classless.conditional.pumpkin.min.css
diff --git a/css/pico.classless.conditional.purple.css b/css/pico.classless.conditional.purple.css
diff --git a/css/pico.classless.conditional.purple.min.css b/css/pico.classless.conditional.purple.min.css
diff --git a/css/pico.classless.conditional.red.css b/css/pico.classless.conditional.red.css
diff --git a/css/pico.classless.conditional.red.min.css b/css/pico.classless.conditional.red.min.css
diff --git a/css/pico.classless.conditional.sand.css b/css/pico.classless.conditional.sand.css
diff --git a/css/pico.classless.conditional.sand.min.css b/css/pico.classless.conditional.sand.min.css
diff --git a/css/pico.classless.conditional.slate.css b/css/pico.classless.conditional.slate.css
diff --git a/css/pico.classless.conditional.slate.min.css b/css/pico.classless.conditional.slate.min.css
diff --git a/css/pico.classless.conditional.violet.css b/css/pico.classless.conditional.violet.css
diff --git a/css/pico.classless.conditional.violet.min.css b/css/pico.classless.conditional.violet.min.css
diff --git a/css/pico.classless.conditional.yellow.css b/css/pico.classless.conditional.yellow.css
diff --git a/css/pico.classless.conditional.yellow.min.css b/css/pico.classless.conditional.yellow.min.css
diff --git a/css/pico.classless.conditional.zinc.css b/css/pico.classless.conditional.zinc.css
diff --git a/css/pico.classless.conditional.zinc.min.css b/css/pico.classless.conditional.zinc.min.css
diff --git a/css/pico.classless.css b/css/pico.classless.css
diff --git a/css/pico.classless.cyan.css b/css/pico.classless.cyan.css
diff --git a/css/pico.classless.cyan.min.css b/css/pico.classless.cyan.min.css
diff --git a/css/pico.classless.fuchsia.css b/css/pico.classless.fuchsia.css
diff --git a/css/pico.classless.fuchsia.min.css b/css/pico.classless.fuchsia.min.css
diff --git a/css/pico.classless.green.css b/css/pico.classless.green.css
diff --git a/css/pico.classless.green.min.css b/css/pico.classless.green.min.css
diff --git a/css/pico.classless.grey.css b/css/pico.classless.grey.css
diff --git a/css/pico.classless.grey.min.css b/css/pico.classless.grey.min.css
diff --git a/css/pico.classless.indigo.css b/css/pico.classless.indigo.css
diff --git a/css/pico.classless.indigo.min.css b/css/pico.classless.indigo.min.css
diff --git a/css/pico.classless.jade.css b/css/pico.classless.jade.css
diff --git a/css/pico.classless.jade.min.css b/css/pico.classless.jade.min.css
diff --git a/css/pico.classless.lime.css b/css/pico.classless.lime.css
diff --git a/css/pico.classless.lime.min.css b/css/pico.classless.lime.min.css
diff --git a/css/pico.classless.min.css b/css/pico.classless.min.css
diff --git a/css/pico.classless.orange.css b/css/pico.classless.orange.css
diff --git a/css/pico.classless.orange.min.css b/css/pico.classless.orange.min.css
diff --git a/css/pico.classless.pink.css b/css/pico.classless.pink.css
diff --git a/css/pico.classless.pink.min.css b/css/pico.classless.pink.min.css
diff --git a/css/pico.classless.pumpkin.css b/css/pico.classless.pumpkin.css
diff --git a/css/pico.classless.pumpkin.min.css b/css/pico.classless.pumpkin.min.css
diff --git a/css/pico.classless.purple.css b/css/pico.classless.purple.css
diff --git a/css/pico.classless.purple.min.css b/css/pico.classless.purple.min.css
diff --git a/css/pico.classless.red.css b/css/pico.classless.red.css
diff --git a/css/pico.classless.red.min.css b/css/pico.classless.red.min.css
diff --git a/css/pico.classless.sand.css b/css/pico.classless.sand.css
diff --git a/css/pico.classless.sand.min.css b/css/pico.classless.sand.min.css
diff --git a/css/pico.classless.slate.css b/css/pico.classless.slate.css
diff --git a/css/pico.classless.slate.min.css b/css/pico.classless.slate.min.css
diff --git a/css/pico.classless.violet.css b/css/pico.classless.violet.css
diff --git a/css/pico.classless.violet.min.css b/css/pico.classless.violet.min.css
diff --git a/css/pico.classless.yellow.css b/css/pico.classless.yellow.css
diff --git a/css/pico.classless.yellow.min.css b/css/pico.classless.yellow.min.css
diff --git a/css/pico.classless.zinc.css b/css/pico.classless.zinc.css
diff --git a/css/pico.classless.zinc.min.css b/css/pico.classless.zinc.min.css
diff --git a/css/pico.conditional.amber.css b/css/pico.conditional.amber.css
diff --git a/css/pico.conditional.amber.min.css b/css/pico.conditional.amber.min.css
diff --git a/css/pico.conditional.blue.css b/css/pico.conditional.blue.css
diff --git a/css/pico.conditional.blue.min.css b/css/pico.conditional.blue.min.css
diff --git a/css/pico.conditional.css b/css/pico.conditional.css
diff --git a/css/pico.conditional.cyan.css b/css/pico.conditional.cyan.css
diff --git a/css/pico.conditional.cyan.min.css b/css/pico.conditional.cyan.min.css
diff --git a/css/pico.conditional.fuchsia.css b/css/pico.conditional.fuchsia.css
diff --git a/css/pico.conditional.fuchsia.min.css b/css/pico.conditional.fuchsia.min.css
diff --git a/css/pico.conditional.green.css b/css/pico.conditional.green.css
diff --git a/css/pico.conditional.green.min.css b/css/pico.conditional.green.min.css
diff --git a/css/pico.conditional.grey.css b/css/pico.conditional.grey.css
diff --git a/css/pico.conditional.grey.min.css b/css/pico.conditional.grey.min.css
diff --git a/css/pico.conditional.indigo.css b/css/pico.conditional.indigo.css
diff --git a/css/pico.conditional.indigo.min.css b/css/pico.conditional.indigo.min.css
diff --git a/css/pico.conditional.jade.css b/css/pico.conditional.jade.css
diff --git a/css/pico.conditional.jade.min.css b/css/pico.conditional.jade.min.css
diff --git a/css/pico.conditional.lime.css b/css/pico.conditional.lime.css
diff --git a/css/pico.conditional.lime.min.css b/css/pico.conditional.lime.min.css
diff --git a/css/pico.conditional.min.css b/css/pico.conditional.min.css
diff --git a/css/pico.conditional.orange.css b/css/pico.conditional.orange.css
diff --git a/css/pico.conditional.orange.min.css b/css/pico.conditional.orange.min.css
diff --git a/css/pico.conditional.pink.css b/css/pico.conditional.pink.css
diff --git a/css/pico.conditional.pink.min.css b/css/pico.conditional.pink.min.css
diff --git a/css/pico.conditional.pumpkin.css b/css/pico.conditional.pumpkin.css
diff --git a/css/pico.conditional.pumpkin.min.css b/css/pico.conditional.pumpkin.min.css
diff --git a/css/pico.conditional.purple.css b/css/pico.conditional.purple.css
diff --git a/css/pico.conditional.purple.min.css b/css/pico.conditional.purple.min.css
diff --git a/css/pico.conditional.red.css b/css/pico.conditional.red.css
diff --git a/css/pico.conditional.red.min.css b/css/pico.conditional.red.min.css
diff --git a/css/pico.conditional.sand.css b/css/pico.conditional.sand.css
diff --git a/css/pico.conditional.sand.min.css b/css/pico.conditional.sand.min.css
diff --git a/css/pico.conditional.slate.css b/css/pico.conditional.slate.css
diff --git a/css/pico.conditional.slate.min.css b/css/pico.conditional.slate.min.css
diff --git a/css/pico.conditional.violet.css b/css/pico.conditional.violet.css
diff --git a/css/pico.conditional.violet.min.css b/css/pico.conditional.violet.min.css
diff --git a/css/pico.conditional.yellow.css b/css/pico.conditional.yellow.css
diff --git a/css/pico.conditional.yellow.min.css b/css/pico.conditional.yellow.min.css
diff --git a/css/pico.conditional.zinc.css b/css/pico.conditional.zinc.css
diff --git a/css/pico.conditional.zinc.min.css b/css/pico.conditional.zinc.min.css
diff --git a/css/pico.css b/css/pico.css
diff --git a/css/pico.cyan.css b/css/pico.cyan.css
diff --git a/css/pico.cyan.min.css b/css/pico.cyan.min.css
diff --git a/css/pico.fluid.classless.amber.css b/css/pico.fluid.classless.amber.css
diff --git a/css/pico.fluid.classless.amber.min.css b/css/pico.fluid.classless.amber.min.css
diff --git a/css/pico.fluid.classless.blue.css b/css/pico.fluid.classless.blue.css
diff --git a/css/pico.fluid.classless.blue.min.css b/css/pico.fluid.classless.blue.min.css
diff --git a/css/pico.fluid.classless.conditional.amber.css b/css/pico.fluid.classless.conditional.amber.css
diff --git a/css/pico.fluid.classless.conditional.amber.min.css b/css/pico.fluid.classless.conditional.amber.min.css
diff --git a/css/pico.fluid.classless.conditional.blue.css b/css/pico.fluid.classless.conditional.blue.css
diff --git a/css/pico.fluid.classless.conditional.blue.min.css b/css/pico.fluid.classless.conditional.blue.min.css
diff --git a/css/pico.fluid.classless.conditional.cyan.css b/css/pico.fluid.classless.conditional.cyan.css
diff --git a/css/pico.fluid.classless.conditional.cyan.min.css b/css/pico.fluid.classless.conditional.cyan.min.css
diff --git a/css/pico.fluid.classless.conditional.fuchsia.css b/css/pico.fluid.classless.conditional.fuchsia.css
diff --git a/css/pico.fluid.classless.conditional.fuchsia.min.css b/css/pico.fluid.classless.conditional.fuchsia.min.css
diff --git a/css/pico.fluid.classless.conditional.green.css b/css/pico.fluid.classless.conditional.green.css
diff --git a/css/pico.fluid.classless.conditional.green.min.css b/css/pico.fluid.classless.conditional.green.min.css
diff --git a/css/pico.fluid.classless.conditional.grey.css b/css/pico.fluid.classless.conditional.grey.css
diff --git a/css/pico.fluid.classless.conditional.grey.min.css b/css/pico.fluid.classless.conditional.grey.min.css
diff --git a/css/pico.fluid.classless.conditional.indigo.css b/css/pico.fluid.classless.conditional.indigo.css
diff --git a/css/pico.fluid.classless.conditional.indigo.min.css b/css/pico.fluid.classless.conditional.indigo.min.css
diff --git a/css/pico.fluid.classless.conditional.jade.css b/css/pico.fluid.classless.conditional.jade.css
diff --git a/css/pico.fluid.classless.conditional.jade.min.css b/css/pico.fluid.classless.conditional.jade.min.css
diff --git a/css/pico.fluid.classless.conditional.lime.css b/css/pico.fluid.classless.conditional.lime.css
diff --git a/css/pico.fluid.classless.conditional.lime.min.css b/css/pico.fluid.classless.conditional.lime.min.css
diff --git a/css/pico.fluid.classless.conditional.orange.css b/css/pico.fluid.classless.conditional.orange.css
diff --git a/css/pico.fluid.classless.conditional.orange.min.css b/css/pico.fluid.classless.conditional.orange.min.css
diff --git a/css/pico.fluid.classless.conditional.pink.css b/css/pico.fluid.classless.conditional.pink.css
diff --git a/css/pico.fluid.classless.conditional.pink.min.css b/css/pico.fluid.classless.conditional.pink.min.css
diff --git a/css/pico.fluid.classless.conditional.pumpkin.css b/css/pico.fluid.classless.conditional.pumpkin.css
diff --git a/css/pico.fluid.classless.conditional.pumpkin.min.css b/css/pico.fluid.classless.conditional.pumpkin.min.css
diff --git a/css/pico.fluid.classless.conditional.purple.css b/css/pico.fluid.classless.conditional.purple.css
diff --git a/css/pico.fluid.classless.conditional.purple.min.css b/css/pico.fluid.classless.conditional.purple.min.css
diff --git a/css/pico.fluid.classless.conditional.red.css b/css/pico.fluid.classless.conditional.red.css
diff --git a/css/pico.fluid.classless.conditional.red.min.css b/css/pico.fluid.classless.conditional.red.min.css
diff --git a/css/pico.fluid.classless.conditional.sand.css b/css/pico.fluid.classless.conditional.sand.css
diff --git a/css/pico.fluid.classless.conditional.sand.min.css b/css/pico.fluid.classless.conditional.sand.min.css
diff --git a/css/pico.fluid.classless.conditional.slate.css b/css/pico.fluid.classless.conditional.slate.css
diff --git a/css/pico.fluid.classless.conditional.slate.min.css b/css/pico.fluid.classless.conditional.slate.min.css
diff --git a/css/pico.fluid.classless.conditional.violet.css b/css/pico.fluid.classless.conditional.violet.css
diff --git a/css/pico.fluid.classless.conditional.violet.min.css b/css/pico.fluid.classless.conditional.violet.min.css
diff --git a/css/pico.fluid.classless.conditional.yellow.css b/css/pico.fluid.classless.conditional.yellow.css
diff --git a/css/pico.fluid.classless.conditional.yellow.min.css b/css/pico.fluid.classless.conditional.yellow.min.css
diff --git a/css/pico.fluid.classless.conditional.zinc.css b/css/pico.fluid.classless.conditional.zinc.css
diff --git a/css/pico.fluid.classless.conditional.zinc.min.css b/css/pico.fluid.classless.conditional.zinc.min.css
diff --git a/css/pico.fluid.classless.css b/css/pico.fluid.classless.css
diff --git a/css/pico.fluid.classless.cyan.css b/css/pico.fluid.classless.cyan.css
diff --git a/css/pico.fluid.classless.cyan.min.css b/css/pico.fluid.classless.cyan.min.css
diff --git a/css/pico.fluid.classless.fuchsia.css b/css/pico.fluid.classless.fuchsia.css
diff --git a/css/pico.fluid.classless.fuchsia.min.css b/css/pico.fluid.classless.fuchsia.min.css
diff --git a/css/pico.fluid.classless.green.css b/css/pico.fluid.classless.green.css
diff --git a/css/pico.fluid.classless.green.min.css b/css/pico.fluid.classless.green.min.css
diff --git a/css/pico.fluid.classless.grey.css b/css/pico.fluid.classless.grey.css
diff --git a/css/pico.fluid.classless.grey.min.css b/css/pico.fluid.classless.grey.min.css
diff --git a/css/pico.fluid.classless.indigo.css b/css/pico.fluid.classless.indigo.css
diff --git a/css/pico.fluid.classless.indigo.min.css b/css/pico.fluid.classless.indigo.min.css
diff --git a/css/pico.fluid.classless.jade.css b/css/pico.fluid.classless.jade.css
diff --git a/css/pico.fluid.classless.jade.min.css b/css/pico.fluid.classless.jade.min.css
diff --git a/css/pico.fluid.classless.lime.css b/css/pico.fluid.classless.lime.css
diff --git a/css/pico.fluid.classless.lime.min.css b/css/pico.fluid.classless.lime.min.css
diff --git a/css/pico.fluid.classless.min.css b/css/pico.fluid.classless.min.css
diff --git a/css/pico.fluid.classless.orange.css b/css/pico.fluid.classless.orange.css
diff --git a/css/pico.fluid.classless.orange.min.css b/css/pico.fluid.classless.orange.min.css
diff --git a/css/pico.fluid.classless.pink.css b/css/pico.fluid.classless.pink.css
diff --git a/css/pico.fluid.classless.pink.min.css b/css/pico.fluid.classless.pink.min.css
diff --git a/css/pico.fluid.classless.pumpkin.css b/css/pico.fluid.classless.pumpkin.css
diff --git a/css/pico.fluid.classless.pumpkin.min.css b/css/pico.fluid.classless.pumpkin.min.css
diff --git a/css/pico.fluid.classless.purple.css b/css/pico.fluid.classless.purple.css
diff --git a/css/pico.fluid.classless.purple.min.css b/css/pico.fluid.classless.purple.min.css
diff --git a/css/pico.fluid.classless.red.css b/css/pico.fluid.classless.red.css
diff --git a/css/pico.fluid.classless.red.min.css b/css/pico.fluid.classless.red.min.css
diff --git a/css/pico.fluid.classless.sand.css b/css/pico.fluid.classless.sand.css
diff --git a/css/pico.fluid.classless.sand.min.css b/css/pico.fluid.classless.sand.min.css
diff --git a/css/pico.fluid.classless.slate.css b/css/pico.fluid.classless.slate.css
diff --git a/css/pico.fluid.classless.slate.min.css b/css/pico.fluid.classless.slate.min.css
diff --git a/css/pico.fluid.classless.violet.css b/css/pico.fluid.classless.violet.css
diff --git a/css/pico.fluid.classless.violet.min.css b/css/pico.fluid.classless.violet.min.css
diff --git a/css/pico.fluid.classless.yellow.css b/css/pico.fluid.classless.yellow.css
diff --git a/css/pico.fluid.classless.yellow.min.css b/css/pico.fluid.classless.yellow.min.css
diff --git a/css/pico.fluid.classless.zinc.css b/css/pico.fluid.classless.zinc.css
diff --git a/css/pico.fluid.classless.zinc.min.css b/css/pico.fluid.classless.zinc.min.css
diff --git a/css/pico.fuchsia.css b/css/pico.fuchsia.css
diff --git a/css/pico.fuchsia.min.css b/css/pico.fuchsia.min.css
diff --git a/css/pico.green.css b/css/pico.green.css
diff --git a/css/pico.green.min.css b/css/pico.green.min.css
diff --git a/css/pico.grey.css b/css/pico.grey.css
diff --git a/css/pico.grey.min.css b/css/pico.grey.min.css
diff --git a/css/pico.indigo.css b/css/pico.indigo.css
diff --git a/css/pico.indigo.min.css b/css/pico.indigo.min.css
diff --git a/css/pico.jade.css b/css/pico.jade.css
diff --git a/css/pico.jade.min.css b/css/pico.jade.min.css
diff --git a/css/pico.lime.css b/css/pico.lime.css
diff --git a/css/pico.lime.min.css b/css/pico.lime.min.css
diff --git a/css/pico.min.css b/css/pico.min.css
diff --git a/css/pico.orange.css b/css/pico.orange.css
diff --git a/css/pico.orange.min.css b/css/pico.orange.min.css
diff --git a/css/pico.pink.css b/css/pico.pink.css
diff --git a/css/pico.pink.min.css b/css/pico.pink.min.css
diff --git a/css/pico.pumpkin.css b/css/pico.pumpkin.css
diff --git a/css/pico.pumpkin.min.css b/css/pico.pumpkin.min.css
diff --git a/css/pico.purple.css b/css/pico.purple.css
diff --git a/css/pico.purple.min.css b/css/pico.purple.min.css
diff --git a/css/pico.red.css b/css/pico.red.css
diff --git a/css/pico.red.min.css b/css/pico.red.min.css
diff --git a/css/pico.sand.css b/css/pico.sand.css
diff --git a/css/pico.sand.min.css b/css/pico.sand.min.css
diff --git a/css/pico.slate.css b/css/pico.slate.css
diff --git a/css/pico.slate.min.css b/css/pico.slate.min.css
diff --git a/css/pico.violet.css b/css/pico.violet.css
diff --git a/css/pico.violet.min.css b/css/pico.violet.min.css
diff --git a/css/pico.yellow.css b/css/pico.yellow.css
diff --git a/css/pico.yellow.min.css b/css/pico.yellow.min.css
diff --git a/css/pico.zinc.css b/css/pico.zinc.css
diff --git a/css/pico.zinc.min.css b/css/pico.zinc.min.css
diff --git a/scss/components/_accordion.scss b/scss/components/_accordion.scss
@@ -8,7 +8,7 @@
 
   #{$parent-selector} details {
     display: block;
-    margin-bottom: var(#{$css-var-prefix}spacing);
+    margin-block-end: var(#{$css-var-prefix}spacing);
 
     summary {
       line-height: 1rem;
@@ -74,7 +74,7 @@
       // Type button
       &[role="button"] {
         width: 100%;
-        text-align: left;
+        text-align: start;
 
         // Marker
         &::after {
@@ -86,7 +86,7 @@
     // Open
     &[open] {
       > summary {
-        margin-bottom: var(#{$css-var-prefix}spacing);
+        margin-block-end: var(#{$css-var-prefix}spacing);
 
         &:not([role]) {
           &:not(:focus) {
@@ -104,7 +104,7 @@
   [dir="rtl"] {
     #{$parent-selector} details {
       summary {
-        text-align: right;
+        text-align: end;
 
         &::after {
           float: left;

diff --git a/scss/components/_card.scss b/scss/components/_card.scss
@@ -7,7 +7,7 @@
    */
 
   #{$parent-selector} article {
-    margin-bottom: var(#{$css-var-prefix}block-spacing-vertical);
+    margin-block-end: var(#{$css-var-prefix}block-spacing-vertical);
     padding: var(#{$css-var-prefix}block-spacing-vertical)
       var(#{$css-var-prefix}block-spacing-horizontal);
     border-radius: var(#{$css-var-prefix}border-radius);
@@ -16,31 +16,31 @@
 
     > header,
     > footer {
-      margin-right: calc(var(#{$css-var-prefix}block-spacing-horizontal) * -1);
-      margin-left: calc(var(#{$css-var-prefix}block-spacing-horizontal) * -1);
+      margin-inline-start: calc(var(#{$css-var-prefix}block-spacing-horizontal) * -1);
+      margin-inline-end: calc(var(#{$css-var-prefix}block-spacing-horizontal) * -1);
       padding: calc(var(#{$css-var-prefix}block-spacing-vertical) * 0.66)
         var(#{$css-var-prefix}block-spacing-horizontal);
       background-color: var(#{$css-var-prefix}card-sectioning-background-color);
     }
 
     > header {
-      margin-top: calc(var(#{$css-var-prefix}block-spacing-vertical) * -1);
-      margin-bottom: var(#{$css-var-prefix}block-spacing-vertical);
-      border-bottom: var(#{$css-var-prefix}border-width)
+      margin-block-start: calc(var(#{$css-var-prefix}block-spacing-vertical) * -1);
+      margin-block-end: var(#{$css-var-prefix}block-spacing-vertical);
+      border-block-end: var(#{$css-var-prefix}border-width)
         solid
         var(#{$css-var-prefix}card-border-color);
-      border-top-right-radius: var(#{$css-var-prefix}border-radius);
-      border-top-left-radius: var(#{$css-var-prefix}border-radius);
+      border-start-start-radius: var(#{$css-var-prefix}border-radius);
+      border-end-start-radius: var(#{$css-var-prefix}border-radius);
     }
 
     > footer {
-      margin-top: var(#{$css-var-prefix}block-spacing-vertical);
-      margin-bottom: calc(var(#{$css-var-prefix}block-spacing-vertical) * -1);
-      border-top: var(#{$css-var-prefix}border-width)
+      margin-block-start: var(#{$css-var-prefix}block-spacing-vertical);
+      margin-block-end: calc(var(#{$css-var-prefix}block-spacing-vertical) * -1);
+      border-block-start: var(#{$css-var-prefix}border-width)
         solid
         var(#{$css-var-prefix}card-border-color);
-      border-bottom-right-radius: var(#{$css-var-prefix}border-radius);
-      border-bottom-left-radius: var(#{$css-var-prefix}border-radius);
+      border-start-end-radius: var(#{$css-var-prefix}border-radius);
+      border-end-end-radius: var(#{$css-var-prefix}border-radius);
     }
   }
 }
diff --git a/scss/components/_dropdown.scss b/scss/components/_dropdown.scss
@@ -10,7 +10,7 @@
   // ––––––––––––––––––––
   #{$parent-selector} details.dropdown {
     position: relative;
-    border-bottom: none;
+    border-block-end: none;
 
     // Marker
     // ––––––––––––––––––––
@@ -40,7 +40,7 @@
   // ––––––––––––––––––––
   #{$parent-selector} nav details.dropdown {
     // Override height
-    margin-bottom: 0;
+    margin-block-end: 0;
   }
 
   // Bouton as a select
@@ -165,7 +165,7 @@
     width: 100%;
     min-width: fit-content;
     margin: 0;
-    margin-top: var(#{$css-var-prefix}outline-width);
+    margin-block-start: var(#{$css-var-prefix}outline-width);
     padding: 0;
     border: var(#{$css-var-prefix}border-width) solid var(#{$css-var-prefix}dropdown-border-color);
     border-radius: var(#{$css-var-prefix}border-radius);
@@ -188,17 +188,17 @@
 
     li {
       width: 100%;
-      margin-bottom: 0;
+      margin-block-end: 0;
       padding: calc(var(#{$css-var-prefix}form-element-spacing-vertical) * 0.5)
         var(#{$css-var-prefix}form-element-spacing-horizontal);
       list-style: none;
 
       &:first-of-type {
-        margin-top: calc(var(#{$css-var-prefix}form-element-spacing-vertical) * 0.5);
+        margin-block-start: calc(var(#{$css-var-prefix}form-element-spacing-vertical) * 0.5);
       }
 
       &:last-of-type {
-        margin-bottom: calc(var(#{$css-var-prefix}form-element-spacing-vertical) * 0.5);
+        margin-block-end: calc(var(#{$css-var-prefix}form-element-spacing-vertical) * 0.5);
       }
 
       a {
@@ -237,7 +237,7 @@
   // inside container type accordion
   // ––––––––––––––––––––
   #{$parent-selector} details.dropdown[open] summary {
-    margin-bottom: 0;
+    margin-block-end: 0;
   }
 
   // Menu opened
@@ -275,6 +275,6 @@
   // Label
   // ––––––––––––––––––––
   #{$parent-selector} label > details.dropdown {
-    margin-top: calc(var(#{$css-var-prefix}spacing) * 0.25);
+    margin-block-start: calc(var(#{$css-var-prefix}spacing) * 0.25);
   }
 }
diff --git a/scss/components/_group.scss b/scss/components/_group.scss
@@ -11,7 +11,7 @@
     display: inline-flex;
     position: relative;
     width: 100%;
-    margin-bottom: var(#{$css-var-prefix}spacing);
+    margin-block-end: var(#{$css-var-prefix}spacing);
     border-radius: var(#{$css-var-prefix}border-radius);
     box-shadow: var(#{$css-var-prefix}group-box-shadow, 0 0 0 rgba(0, 0, 0, 0));
     vertical-align: middle;
@@ -22,17 +22,17 @@
     select {
       position: relative;
       flex: 1 1 auto;
-      margin-bottom: 0;
+      margin-block-end: 0;
 
       &:not(:first-child) {
-        margin-left: 0;
-        border-top-left-radius: 0;
-        border-bottom-left-radius: 0;
+        margin-inline-start: 0;
+        border-start-start-radius: 0;
+        border-start-end-radius: 0;
       }
 
       &:not(:last-child) {
-        border-top-right-radius: 0;
-        border-bottom-right-radius: 0;
+        border-end-start-radius: 0;
+        border-end-end-radius: 0;
       }
 
       &:focus {
@@ -48,7 +48,7 @@
     input:not([type="checkbox"], [type="radio"]),
     select {
       &:not(:first-child) {
-        margin-left: calc(var(#{$css-var-prefix}border-width) * -1);
+        margin-inline-start: calc(var(#{$css-var-prefix}border-width) * -1);
       }
     }
 
@@ -107,13 +107,13 @@
   #{$parent-selector} [role="search"] {
     > * {
       &:first-child {
-        border-top-left-radius: 5rem;
-        border-bottom-left-radius: 5rem;
+        border-start-start-radius: 5rem;
+        border-start-end-radius: 5rem;
       }
 
       &:last-child {
-        border-top-right-radius: 5rem;
-        border-bottom-right-radius: 5rem;
+        border-end-start-radius: 5rem;
+        border-end-end-radius: 5rem;
       }
     }
   }

diff --git a/scss/components/_modal.scss b/scss/components/_modal.scss
@@ -56,26 +56,26 @@
 
       > header {
         > * {
-          margin-bottom: 0;
+          margin-block-end: 0;
         }
 
         #{$close-selector} {
           margin: 0;
-          margin-left: var(#{$css-var-prefix}spacing);
+          margin-inline-start: var(#{$css-var-prefix}spacing);
           padding: 0;
           float: right;
         }
       }
 
       > footer {
-        text-align: right;
+        text-align: end;
 
         button,
         [role="button"] {
-          margin-bottom: 0;
+          margin-block-end: 0;
 
           &:not(:first-of-type) {
-            margin-left: calc(var(#{$css-var-prefix}spacing) * 0.5);
+            margin-inline-start: calc(var(#{$css-var-prefix}spacing) * 0.5);
           }
         }
       }
@@ -85,9 +85,9 @@
         display: block;
         width: 1rem;
         height: 1rem;
-        margin-top: calc(var(#{$css-var-prefix}spacing) * -1);
-        margin-bottom: var(#{$css-var-prefix}spacing);
-        margin-left: auto;
+        margin-inline-start: auto;
+        margin-block-start: calc(var(#{$css-var-prefix}spacing) * -1);
+        margin-block-end: var(#{$css-var-prefix}spacing);
         border: none;
         background-image: var(#{$css-var-prefix}icon-close);
         background-position: center;
@@ -116,7 +116,7 @@
   // Utilities
   @if $enable-classes {
     .modal-is-open {
-      padding-right: var(#{$css-var-prefix}scrollbar-width, 0px);
+      padding-inline-end: var(#{$css-var-prefix}scrollbar-width, 0px);
       overflow: hidden;
       pointer-events: none;
       touch-action: none;

diff --git a/scss/components/_nav.scss b/scss/components/_nav.scss
@@ -30,15 +30,15 @@
     ol,
     ul {
       align-items: center;
-      margin-bottom: 0;
+      margin-block-end: 0;
       padding: 0;
       list-style: none;
 
       &:first-of-type {
-        margin-left: calc(var(#{$css-var-prefix}nav-element-spacing-horizontal) * -1);
+        margin-inline-start: calc(var(#{$css-var-prefix}nav-element-spacing-horizontal) * -1);
       }
       &:last-of-type {
-        margin-right: calc(var(#{$css-var-prefix}nav-element-spacing-horizontal) * -1);
+        margin-inline-end: calc(var(#{$css-var-prefix}nav-element-spacing-horizontal) * -1);
       }
     }
 
@@ -68,9 +68,9 @@
       input:not([type="checkbox"], [type="radio"], [type="range"], [type="file"]),
       select {
         height: auto;
-        margin-right: inherit;
-        margin-bottom: 0;
-        margin-left: inherit;
+        margin-inline-start: inherit;
+        margin-inline-end: inherit;
+        margin-block-end: 0;
         padding: calc(
             var(#{$css-var-prefix}nav-link-spacing-vertical) -
               (var(#{$css-var-prefix}border-width) * 2)

diff --git a/scss/components/_progress.scss b/scss/components/_progress.scss
@@ -31,7 +31,7 @@
     appearance: none;
     width: 100%;
     height: 0.5rem;
-    margin-bottom: calc(var(#{$css-var-prefix}spacing) * 0.5);
+    margin-block-end: calc(var(#{$css-var-prefix}spacing) * 0.5);
     overflow: hidden;
 
     // Remove Firefox and Opera border

diff --git a/scss/components/_tooltip.scss b/scss/components/_tooltip.scss
@@ -10,7 +10,7 @@
     position: relative;
 
     &:not(a, button, input) {
-      border-bottom: 1px dotted;
+      border-block-end: 1px dotted;
       text-decoration: none;
       cursor: help;
     }
@@ -46,10 +46,10 @@
     &::after {
       padding: 0;
       transform: translate(-50%, 0rem);
-      border-top: 0.3rem solid;
-      border-right: 0.3rem solid transparent;
-      border-left: 0.3rem solid transparent;
       border-radius: 0;
+      border-inline-start: 0.3rem solid transparent;
+      border-inline-end: 0.3rem solid transparent;
+      border-block-start: 0.3rem solid;
       background-color: transparent;
       content: "";
       color: var(#{$css-var-prefix}tooltip-background-color);
@@ -66,7 +66,7 @@
       &:after {
         transform: translate(-50%, -0.3rem);
         border: 0.3rem solid transparent;
-        border-bottom: 0.3rem solid;
+        border-block-end: 0.3rem solid;
       }
     }
 
@@ -83,7 +83,7 @@
       &:after {
         transform: translate(0.3rem, -50%);
         border: 0.3rem solid transparent;
-        border-left: 0.3rem solid;
+        border-inline-start: 0.3rem solid;
       }
     }
 
@@ -100,7 +100,7 @@
       &:after {
         transform: translate(-0.3rem, -50%);
         border: 0.3rem solid transparent;
-        border-right: 0.3rem solid;
+        border-inline-end: 0.3rem solid;
       }
     }
 

diff --git a/scss/content/_button.scss b/scss/content/_button.scss
@@ -88,7 +88,7 @@
   #{$parent-selector} [type="submit"],
   #{$parent-selector} [type="reset"],
   #{$parent-selector} [type="button"] {
-    margin-bottom: var(#{$css-var-prefix}spacing);
+    margin-block-end: var(#{$css-var-prefix}spacing);
   }
 
   // .secondary, .contrast & .outline

diff --git a/scss/content/_code.scss b/scss/content/_code.scss
@@ -53,7 +53,7 @@
 
   #{$parent-selector} pre {
     display: block;
-    margin-bottom: var(#{$css-var-prefix}spacing);
+    margin-block-end: var(#{$css-var-prefix}spacing);
     overflow-x: auto;
 
     > code {

diff --git a/scss/content/_miscs.scss b/scss/content/_miscs.scss
@@ -17,7 +17,7 @@
     height: 0; // 2
     margin: var(#{$css-var-prefix}typography-spacing-vertical) 0;
     border: 0;
-    border-top: 1px solid var(#{$css-var-prefix}muted-border-color);
+    border-block-start: 1px solid var(#{$css-var-prefix}muted-border-color);
     color: inherit; // 1
   }