Added templating for section-xxx tags.

Security Blueprint doc uses specific tags to display arrays
(see docs/security-blueprint/README.md)

Signed-off-by: Sebastien Douheret <sebastien.douheret@iot.bzh>

1 files changed, 83 insertions, 0 deletions

diff --git a/site/static/styles/scss/_sections.scss b/site/static/styles/scss/_sections.scss
new file mode 100644
index 0000000..889e12a
--- /dev/null
+++ b/site/static/styles/scss/_sections.scss
@@ -0,0 +1,83 @@
+
+/* section-note blocks */
+
+div.section-note {
+    background: #FCF8E3 none repeat scroll 0% 0%;
+    color: #4e4e4e;
+    padding: 15px;
+    margin-bottom: 10px;
+    border-bottom: 5px solid #DDD;
+    border-color: #FAEBCC;
+    page-break-inside: avoid;
+}
+div.section-note table {
+    background: white;
+}
+
+div.section-note p {
+    padding-bottom: 0;
+    margin-bottom: 0;
+}
+
+/* section-warning blocks */
+
+div.section-warning {
+    background: #FD9595 none repeat scroll 0% 0%;
+    color: #4e4e4e;
+    padding: 15px;
+    margin-bottom: 10px;
+    border-bottom: 5px solid #DDD;
+    border-color: #FF6B6B;
+    page-break-inside: avoid;
+}
+
+div.section-warning table {
+    background: white;
+}
+
+div.section-warning p {
+    padding-bottom: 0;
+    margin-bottom: 0;
+}
+
+/* section-config blocks */
+
+div.section-config {
+    background: #d2e2ee none repeat scroll 0% 0%;
+    color: #4e4e4e;
+    padding: 15px;
+    margin-bottom: 10px;
+    border-bottom: 5px solid #DDD;
+    border-color: #b5c5d1;
+    page-break-inside: avoid;
+}
+
+div.section-config table {
+    background: white;
+}
+
+div.section-config p {
+    padding-bottom: 0;
+    margin-bottom: 0;
+}
+
+/* section-todo blocks */
+
+div.section-todo {
+    background: #d3eed2 none repeat scroll 0% 0%;
+    color: #4e4e4e;
+    padding: 15px;
+    margin-bottom: 10px;
+    border-bottom: 5px solid #DDD;
+    border-color: #b1d5b0;
+    page-break-inside: avoid;
+}
+
+div.section-todo table {
+    background: white;
+}
+
+div.section-todo p {
+    padding-bottom: 0;
+    margin-bottom: 0;
+}