From d9952520bc1073a885c6e94f2dab641dd12dcc42 Mon Sep 17 00:00:00 2001
From: Nicolas Loye <nicolas.loye@smile.fr>
Date: Mon, 2 Jun 2025 18:54:25 +0200
Subject: [PATCH] #3490682: Added breakout CSS classes.

---
 assets/css/grid/breakout.css     | 5 +++++
 ui_suite_bootstrap.info.yml      | 1 +
 ui_suite_bootstrap.libraries.yml | 5 +++++
 3 files changed, 11 insertions(+)
 create mode 100644 assets/css/grid/breakout.css

diff --git a/assets/css/grid/breakout.css b/assets/css/grid/breakout.css
new file mode 100644
index 00000000..704ec5ce
--- /dev/null
+++ b/assets/css/grid/breakout.css
@@ -0,0 +1,5 @@
+.breakout, .bg-breakout{
+  width: 100vw;
+  position: relative;
+  left: calc(-1 * (100vw - 100%) / 2);
+}
diff --git a/ui_suite_bootstrap.info.yml b/ui_suite_bootstrap.info.yml
index 79e0d30d..a21b6f34 100644
--- a/ui_suite_bootstrap.info.yml
+++ b/ui_suite_bootstrap.info.yml
@@ -26,6 +26,7 @@ libraries:
   - ui_suite_bootstrap/accessibility
   - ui_suite_bootstrap/component_placeholder
   - ui_suite_bootstrap/form
+  - ui_suite_bootstrap/breakout
 
 libraries-override:
   core/drupal.active-link:
diff --git a/ui_suite_bootstrap.libraries.yml b/ui_suite_bootstrap.libraries.yml
index 6117e950..d6209921 100644
--- a/ui_suite_bootstrap.libraries.yml
+++ b/ui_suite_bootstrap.libraries.yml
@@ -113,6 +113,11 @@ indented:
     component:
       assets/css/component/indented.css: {}
 
+breakout:
+  css:
+    theme:
+      assets/css/grid/breakout.css: {}
+
 jquery.validate:
   js:
     assets/js/jquery-validation/validate.js: {}
-- 
GitLab