From 04922034985378c9cddede8a6742071b01204cdd Mon Sep 17 00:00:00 2001
From: Josue Kouka <jkouka@entrouvert.com>
Date: Mon, 4 Jun 2018 14:18:56 +0200
Subject: [PATCH] cells: add no-border and with-border classes (#24255)

---
 help/fr/misc-css-classes.page |  9 +++++++++
 static/includes/_cells.scss   | 25 +++++++++++++++++++++++++
 2 files changed, 34 insertions(+)

diff --git a/help/fr/misc-css-classes.page b/help/fr/misc-css-classes.page
index 296f0ec..a8095f3 100644
--- a/help/fr/misc-css-classes.page
+++ b/help/fr/misc-css-classes.page
@@ -61,6 +61,15 @@ de classes CSS réutilisables.
    <td><p>Associé avec la classe foldable, cette classe définit le contenu
    d'une cellule comme étant plié par défaut</p></td>
  </tr>
+ <tr>
+    <td><p><code>no-border</code></p></td>
+    <td>Retire les bordures d'une cellule</td>
+ </tr>
+ <tr>
+    <td><p><code>with-border</code></p></td>
+    <td>Ajoute des bordures à une cellule</td>
+ </tr>
+
 </table>
 
 </section>
diff --git a/static/includes/_cells.scss b/static/includes/_cells.scss
index f6a50b9..2501a4b 100644
--- a/static/includes/_cells.scss
+++ b/static/includes/_cells.scss
@@ -584,3 +584,28 @@ div.cell {
 		}
 	}
 }
+
+#content div.cell,
+div.block {
+	&.no-border {
+		border: 0;
+		> div > h2:first-child {
+			width: 100%;
+		}
+	}
+	&.with-border {
+		border: 1px solid #ccc;
+		> div > h2:first-child {
+			@extend %title;
+			position: relative;
+			@if $cell-title-cover-border == true {
+				top: -1px;
+				left: -1px;
+				width: calc(100% + 2px);
+			}
+			else {
+				width: 100%;
+			}
+		}
+	}
+}
-- 
2.17.1