From df4750129a4a7a7f3f8d9910ddf300eae5f211e7 Mon Sep 17 00:00:00 2001
From: Alice Poggioli <alice.poggioli@paca.happy-dev.fr>
Date: Fri, 21 Aug 2020 16:29:37 +0200
Subject: [PATCH] improve tutorial
---
.../Developping-with-SibTemplateElement.rst | 46 +++++++++----------
.../How-to-make-components.rst | 4 +-
2 files changed, 24 insertions(+), 26 deletions(-)
diff --git a/source/import_documentation/Developping-with-SibTemplateElement.rst b/source/import_documentation/Developping-with-SibTemplateElement.rst
index fb7fd22..0efffba 100644
--- a/source/import_documentation/Developping-with-SibTemplateElement.rst
+++ b/source/import_documentation/Developping-with-SibTemplateElement.rst
@@ -131,41 +131,41 @@ Here is the CSS used for the demo :
/* /css/main.css */
.accordion {
- background-color: $second-color;
- color : white;
- cursor: pointer;
- padding: 18px;
- text-align: left;
- border: none;
- outline: none;
- transition: 0.4s;
- display : block;
+ background-color: $second-color;
+ color : white;
+ cursor: pointer;
+ padding: 18px;
+ text-align: left;
+ border: none;
+ outline: none;
+ transition: 0.4s;
+ display : block;
}
.active, .accordion:hover {
- background-color: $primary-color;
+ background-color: $primary-color;
}
.panel {
- padding: 0 18px;
- background-color: white;
- max-height: 0;
- overflow: hidden;
- transition: max-height 0.2s ease-out;
- display : block;
+ padding: 0 18px;
+ background-color: white;
+ max-height: 0;
+ overflow: hidden;
+ transition: max-height 0.2s ease-out;
+ display : block;
}
.accordion:after {
- content: '\02795'; /* Unicode character for "plus" sign (+) */
- font-size: 13px;
- color: white;
- float: right;
- margin-left: 5px;
+ content: '\02795'; /* Unicode character for "plus" sign (+) */
+ font-size: 13px;
+ color: white;
+ float: right;
+ margin-left: 5px;
}
.active:after {
- content: "\2796"; /* Unicode character for "minus" sign (-) */
- color: white;
+ content: "\2796"; /* Unicode character for "minus" sign (-) */
+ color: white;
}
SiB framework provide you `Helpers function <https://docs.startinblox.com/import_documentation/Helpers-functions.html>`__ to add JS and CSS in your component.
diff --git a/source/import_documentation/How-to-make-components.rst b/source/import_documentation/How-to-make-components.rst
index 4f9af81..f67055e 100644
--- a/source/import_documentation/How-to-make-components.rst
+++ b/source/import_documentation/How-to-make-components.rst
@@ -22,9 +22,7 @@ So, when you develop a new feature, think about who could use it. If it can be u
Let's start
=============
-Requirements
--------------
- Check if you have et least the version 6.14.5 of npm.
+**Requirements** : Check if you have et least the version 6.14.5 of npm.
1. Create a folder named "Solid-ComponentName"
--
GitLab