From 6f4f3699bfe51ef5e26f561508d7e7edd75caa14 Mon Sep 17 00:00:00 2001
From: "stefanorigano (SRI)" <sri@odoo.com>
Date: Thu, 3 Mar 2022 16:02:22 +0000
Subject: [PATCH] [ADD] web: bs5 utility-classes, add positions
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

closes odoo/odoo#85804

Signed-off-by: Adrien Dieudonné (adr) <adr@odoo.com>
---
 .../static/src/libs/bs5_utility_classes.scss  | 27 +++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/addons/web/static/src/libs/bs5_utility_classes.scss b/addons/web/static/src/libs/bs5_utility_classes.scss
index 2ff862446c5..63d576219bb 100644
--- a/addons/web/static/src/libs/bs5_utility_classes.scss
+++ b/addons/web/static/src/libs/bs5_utility_classes.scss
@@ -33,6 +33,32 @@ $o-inline-spacers: map-merge($spacers, ('auto': auto));
   float: right !important;
 }
 
+// == Arrangement Classes
+//------------------------------------------------------------------------------
+// https://getbootstrap.com/docs/5.1/utilities/position/#arrange-elements
+
+$position-values: (
+  0: 0,
+  50: 50%,
+  100: 100%,
+  auto: auto,
+);
+
+$position-properties: (
+  top: top,
+  end: right,
+  bottom: bottom,
+  start: left,
+);
+
+@each $-value-key, $-value in $position-values {
+  @each $-property, $-property-direction in $position-properties {
+    .#{$-property}-#{$-value-key} {
+      #{$-property-direction}: $-value !important;
+    }
+  }
+}
+
 // == Gaps
 //------------------------------------------------------------------------------
 // "Bootstrap v5 ready" utility-classes to handle gaps.
@@ -49,3 +75,4 @@ $o-inline-spacers: map-merge($spacers, ('auto': auto));
     }
   }
 }
+