diff --git a/common/borders/borders-en.html b/common/borders/borders-en.html new file mode 100644 index 000000000..648383f3e --- /dev/null +++ b/common/borders/borders-en.html @@ -0,0 +1,92 @@ +--- +{ +"title": "Borders", +"language": "en", +"altLangPage": "borders-fr.html", +"breadcrumbs": +[ +{ +"title": "GCWeb home", +"link": "https://wet-boew.github.io/themes-dist/GCWeb/index-en.html" +} +], +"secondlevel": false, +"dateModified": "2023-10-25", +"share": "true" +} +--- + +

CSS Class

+
+
.brdr-left
+
Sets a border to the left of the element
+
.brdr-rght
+
Sets a border to the right of the element
+
.brdr-bttm
+
Sets a border below the element
+
.brdr-tp
+
Sets a border on top of the element
+
.brdr-0
+
Removes borders
+
.brdr-rds-0
+
Removes border radius
+
.well
+
Sets contents in a bordered box with default values (can be used with .brdr-0 and .brdr-rds-0)
+
+
+
+

Appearance

+
+

+ Left and top border +

+
+
+
+
+

+ Right and bottom border +

+
+
+
+

+ No borders +

+
+
+
+

+ Well with default values +

+
+
+

+ Borderless well with no border radius +

+
+
+
+

Code

+
+ 
// Left and top border
+			<p class="brdr-lft brdr-tp">...</p>
+
+
+ 
// Right and bottom border
+			<p class="brdr-rght brdr-bttm">...</p>
+
+
+ 
// No borders
+			<p class="brdr-bttm brdr-lft brdr-0">...</p>
+
+
+ 
// Well with default values
+			<p class="well">...</p>
+
+
+ 
// Borderless well with no border radius
+			<p class="well brdr-0 brdr-rds-0">...</p>
+
+
+
diff --git a/common/borders/borders-fr.html b/common/borders/borders-fr.html new file mode 100644 index 000000000..ff4da1fc2 --- /dev/null +++ b/common/borders/borders-fr.html @@ -0,0 +1,92 @@ +--- +{ +"title": "Bordures", +"language": "fr", +"altLangPage": "borders-en.html", +"breadcrumbs": +[ +{ +"title": "Accueil GCWeb", +"link": "https://wet-boew.github.io/themes-dist/GCWeb/index-fr.html" +} +], +"secondlevel": false, +"dateModified": "2023-10-25", +"share": "true" +} +--- + +

Classe CSS

+
+
.brdr-left
+
Définit une bordure à gauche de l'élément
+
.brdr-rght
+
Définit une bordure à droite de l'élément
+
.brdr-bttm
+
Définit une bordure en dessous de l'élément
+
.brdr-tp
+
Définit une bordure en haut de l'élément
+
.brdr-0
+
Supprime les bordures
+
.brdr-rds-0
+
Supprime le rayon des bordures
+
.well
+
Place le contenu dans une boîte bordée avec des valeurs par défaut (peut être utilisé avec .brdr-0 et .brdr-rds-0)
+
+
+
+

Apparence

+
+

+ Bordure gauche et haut +

+
+
+
+
+

+ Bordure droite et bas +

+
+
+
+

+ Pas de bordures +

+
+
+
+

+ Boîte avec valeurs par défaut +

+
+
+

+ Boîte sans bordure et sans rayon +

+
+
+
+

Code

+
+ 
// Bordure gauche et haut
+			<p class="brdr-lft brdr-tp">...</p>
+
+
+ 
// Bordure droite et bas
+			<p class="brdr-rght brdr-bttm">...</p>
+
+
+ 
// Pas de bordures
+			<p class="brdr-bttm brdr-lft brdr-0">...</p>
+
+
+ 
// Boîte avec valeurs par défaut
+			<p class="well">...</p>
+
+
+ 
// Boîte sans bordure et sans rayon
+			<p class="well brdr-0 brdr-rds-0">...</p>
+
+
+
diff --git a/common/borders/index.json-ld b/common/borders/index.json-ld new file mode 100644 index 000000000..3729a5474 --- /dev/null +++ b/common/borders/index.json-ld @@ -0,0 +1,34 @@ +{ + "@context": { + "@version": 1.1, + "dct": "http://purl.org/dc/terms/", + "title": { "@id": "dct:title", "@container": "@language" }, + "description": { "@id": "dct:description", "@container": "@language" }, + "modified": "dct:modified" + }, + "title": { + "en": "Borders", + "fr": "Bordures" + }, + "description": { + "en": "Borders to seperate components", + "fr": "Ajout de bordure sur des éléments" + }, + "modified": "2023-10-25", + "componentName": "borders", + "status": "stable", + "pages": { + "docs": [ + { + "title": "Borders", + "language": "en", + "path": "borders-en.html" + }, + { + "title": "Bordures", + "language": "fr", + "path": "borders-fr.html" + } + ] + } +}