Fix: Layout conflict

modules/localgov_paragraphs_layout/layouts/fourcol/fourcol_25_25_25_25/fourcol-25-25-25-25.css

@@ -1,23 +1,23 @@
 /*
  * @file
- * Provides the layout styles for layout_threecol_33_34_33.
+ * Provides the layout styles for localgov_layout_fourcol_33_34_33.
  */
 
-.layout--fourcol-25-25-25-25 {
+.layout--localgov-fourcol-25-25-25-25 {
   --lgd-page-section-gap: 0;
 
   display: grid;
   grid-template-columns: 1fr;
   gap: var(--lgd-page-section-gap);
 }
 
-.layout--fourcol-25-25-25-25 > .layout__region {
+.layout--localgov-fourcol-25-25-25-25 > .layout__region {
   /* To equalise the heights in each row */
   display: grid;
 }
 
 @media screen and (min-width: 40em) {
-  .layout--fourcol-25-25-25-25 {
+  .layout--localgov-fourcol-25-25-25-25 {
     /*
       If you need to add some gap between items here, you can set the
       --lgd-page-section-gap variable to whatever gap size you need.
@@ -30,7 +30,7 @@
 }
 
 @media screen and (min-width: 60em) {
-  .layout--fourcol-25-25-25-25 {
+  .layout--localgov-fourcol-25-25-25-25 {
     grid-template-columns: repeat(4, 1fr);
   }
 }

modules/localgov_paragraphs_layout/layouts/fourcol/fourcol_25_25_25_25/layout--localgov-fourcol-25-25-25-25.html.twig

@@ -1,10 +1,9 @@
 {#
 /**
  * @file
- * Default theme implementation for a three column layout.
+ * Default theme implementation for a four column layout.
  *
- * This template provides a three column 33%-34%-33% display layout, with
- * additional areas for the top and the bottom.
+ * This template provides a four column 25%-25%-25%-25% display layout.
  *
  * Available variables:
  * - content: The content for this layout.
@@ -16,7 +15,7 @@
 {%
   set classes = [
     'layout',
-    'layout--fourcol-25-25-25-25',
+    'layout--localgov-fourcol-25-25-25-25',
   ]
 %}
 {% if content %}

modules/localgov_paragraphs_layout/layouts/onecol/layout--localgov-onecol.html.twig

@@ -13,7 +13,7 @@
 {%
   set classes = [
     'layout',
-    'layout--onecol',
+    'layout--localgov-onecol',
   ]
 %}
 {% if content %}

modules/localgov_paragraphs_layout/layouts/onecol/onecol.css

@@ -1,7 +1,7 @@
 /*
  * @file
- * Provides the layout styles for layout_onecol.
+ * Provides the layout styles for localgov_layout_onecol.
  */
-.layout--onecol .layout__region {
+.layout--localgov-onecol .layout__region {
   width: 100%;
 }

modules/localgov_paragraphs_layout/layouts/threecol_33_34_33/layout--localgov-threecol-33-34-33.html.twig

@@ -3,8 +3,7 @@
  * @file
  * Default theme implementation for a three column layout.
  *
- * This template provides a three column 33%-34%-33% display layout, with
- * additional areas for the top and the bottom.
+ * This template provides a three column 33%-34%-33% display layout.
  *
  * Available variables:
  * - content: The content for this layout.
@@ -16,7 +15,7 @@
 {%
   set classes = [
     'layout',
-    'layout--threecol-33-34-33',
+    'layout--localgov-threecol-33-34-33',
   ]
 %}
 {% if content %}

modules/localgov_paragraphs_layout/layouts/threecol_33_34_33/threecol_33_34_33.css

@@ -1,23 +1,23 @@
 /*
  * @file
- * Provides the layout styles for layout_threecol_33_34_33.
+ * Provides the layout styles for localgov_layout_threecol_33_34_33.
  */
 
-.layout--threecol-33-34-33 {
+.layout--localgov-threecol-33-34-33 {
   --lgd-page-section-gap: 0;
 
   display: grid;
   grid-template-columns: 1fr;
   gap: var(--lgd-page-section-gap);
 }
 
-.layout--threecol-33-34-33 > .layout__region {
+.layout--localgov-threecol-33-34-33 > .layout__region {
   /* To equalise the heights in each row */
   display: grid;
 }
 
 @media screen and (min-width: 40em) {
-  .layout--threecol-33-34-33 {
+  .layout--localgov-threecol-33-34-33 {
     /*
       If you need to add some gap between items here, you can set the
       --lgd-page-section-gap variable to whatever gap size you need.

modules/localgov_paragraphs_layout/layouts/twocol/layout--localgov-twocol.html.twig

@@ -13,7 +13,7 @@
 {%
   set classes = [
     'layout',
-    'layout--twocol',
+    'layout--localgov-twocol',
   ]
 %}
 {% if content %}

modules/localgov_paragraphs_layout/layouts/twocol/twocol.css

@@ -1,23 +1,23 @@
 /*
  * @file
- * Provides the layout styles for layout_twocol.
+ * Provides the layout styles for localgov_layout_twocol.
  */
 
-.layout--twocol {
+.layout--localgov-twocol {
   --lgd-page-section-gap: 0;
 
   display: grid;
   grid-template-columns: 1fr;
   gap: var(--lgd-page-section-gap);
 }
 
-.layout--twocol > .layout__region {
+.layout--localgov-twocol > .layout__region {
   /* To equalise the heights in each row */
   display: grid;
 }
 
 @media screen and (min-width: 40em) {
-  .layout--twocol {
+  .layout--localgov-twocol {
     /*
       If you need to add some gap between items here, you can set the
       --lgd-page-section-gap variable to whatever gap size you need.