-
Notifications
You must be signed in to change notification settings - Fork 132
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Showing
3 changed files
with
218 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -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" | ||
| } | ||
| --- | ||
|
|
||
| <h2>CSS Class</h2> | ||
| <dl class="dl-horizontal"> | ||
| <dt><code>.brdr-left</code></dt> | ||
| <dd>Sets a border to the left of the element</dd> | ||
| <dt><code>.brdr-rght</code></dt> | ||
| <dd>Sets a border to the right of the element</dd> | ||
| <dt><code>.brdr-bttm</code></dt> | ||
| <dd>Sets a border below the element</dd> | ||
| <dt><code>.brdr-tp</code></dt> | ||
| <dd>Sets a border on top of the element</dd> | ||
| <dt><code>.brdr-0</code></dt> | ||
| <dd>Removes borders</dd> | ||
| <dt><code>.brdr-rds-0</code></dt> | ||
| <dd>Removes border radius</dd> | ||
| <dt><code>.well</code></dt> | ||
| <dd>Sets contents in a bordered box with default values (can be used with .brdr-0 and .brdr-rds-0)</dd> | ||
| </dl> | ||
| <div class="row"> | ||
| <div class="col-md-6"> | ||
| <h2>Appearance</h2> | ||
| <div class="custom-block"> | ||
| <p class="mrgn-bttm-10 brdr-tp brdr-lft"> | ||
| Left and top border | ||
| </p> | ||
| </div> | ||
| <br> | ||
| <br> | ||
| <div class="custom-block"> | ||
| <p class="mrgn-bttm-10 brdr-bttm brdr-rght" style="text-align: right"> | ||
| Right and bottom border | ||
| </p> | ||
| </div> | ||
| <br> | ||
| <div class="custom-block"> | ||
| <p class="mrgn-bttm-30 brdr-bttm brdr-lft brdr-0"> | ||
| No borders | ||
| </p> | ||
| </div> | ||
| <br> | ||
| <div class="custom-block"> | ||
| <p class="well"> | ||
| Well with default values | ||
| </p> | ||
| </div> | ||
| <div class="custom-block"> | ||
| <p class="well brdr-0 brdr-rds-0"> | ||
| Borderless well with no border radius | ||
| </p> | ||
| </div> | ||
| </div> | ||
| <div class="col-md-6"> | ||
| <h2>Code</h2> | ||
| <div class="custom-block"> | ||
| <pre><code>// Left and top border | ||
| <p <strong>class="brdr-lft brdr-tp"</strong>>...</p></code></pre> | ||
| </div> | ||
| <div class="custom-block"> | ||
| <pre><code>// Right and bottom border | ||
| <p <strong>class="brdr-rght brdr-bttm"</strong>>...</p></code></pre> | ||
| </div> | ||
| <div class="custom-block"> | ||
| <pre><code>// No borders | ||
| <p <strong>class="brdr-bttm brdr-lft brdr-0"</strong>>...</p></code></pre> | ||
| </div> | ||
| <div class="custom-block"> | ||
| <pre><code>// Well with default values | ||
| <p <strong>class="well"</strong>>...</p></code></pre> | ||
| </div> | ||
| <div class="custom-block"> | ||
| <pre><code>// Borderless well with no border radius | ||
| <p <strong>class="well brdr-0 brdr-rds-0"</strong>>...</p></code></pre> | ||
| </div> | ||
| </div> | ||
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -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" | ||
| } | ||
| --- | ||
|
|
||
| <h2>Classe CSS</h2> | ||
| <dl class="dl-horizontal"> | ||
| <dt><code>.brdr-left</code></dt> | ||
| <dd>Définit une bordure à gauche de l'élément</dd> | ||
| <dt><code>.brdr-rght</code></dt> | ||
| <dd>Définit une bordure à droite de l'élément</dd> | ||
| <dt><code>.brdr-bttm</code></dt> | ||
| <dd>Définit une bordure en dessous de l'élément</dd> | ||
| <dt><code>.brdr-tp</code></dt> | ||
| <dd>Définit une bordure en haut de l'élément</dd> | ||
| <dt><code>.brdr-0</code></dt> | ||
| <dd>Supprime les bordures</dd> | ||
| <dt><code>.brdr-rds-0</code></dt> | ||
| <dd>Supprime le rayon des bordures</dd> | ||
| <dt><code>.well</code></dt> | ||
| <dd>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)</dd> | ||
| </dl> | ||
| <div class="row"> | ||
| <div class="col-md-6"> | ||
| <h2>Apparence</h2> | ||
| <div class="custom-block"> | ||
| <p class="mrgn-bttm-10 brdr-tp brdr-lft"> | ||
| Bordure gauche et haut | ||
| </p> | ||
| </div> | ||
| <br> | ||
| <br> | ||
| <div class="custom-block"> | ||
| <p class="mrgn-bttm-10 brdr-bttm brdr-rght" style="text-align: right"> | ||
| Bordure droite et bas | ||
| </p> | ||
| </div> | ||
| <br> | ||
| <div class="custom-block"> | ||
| <p class="mrgn-bttm-30 brdr-bttm brdr-lft brdr-0"> | ||
| Pas de bordures | ||
| </p> | ||
| </div> | ||
| <br> | ||
| <div class="custom-block"> | ||
| <p class="well"> | ||
| Boîte avec valeurs par défaut | ||
| </p> | ||
| </div> | ||
| <div class="custom-block"> | ||
| <p class="well brdr-0 brdr-rds-0"> | ||
| Boîte sans bordure et sans rayon | ||
| </p> | ||
| </div> | ||
| </div> | ||
| <div class="col-md-6"> | ||
| <h2>Code</h2> | ||
| <div class="custom-block"> | ||
| <pre><code>// Bordure gauche et haut | ||
| <p <strong>class="brdr-lft brdr-tp"</strong>>...</p></code></pre> | ||
| </div> | ||
| <div class="custom-block"> | ||
| <pre><code>// Bordure droite et bas | ||
| <p <strong>class="brdr-rght brdr-bttm"</strong>>...</p></code></pre> | ||
| </div> | ||
| <div class="custom-block"> | ||
| <pre><code>// Pas de bordures | ||
| <p <strong>class="brdr-bttm brdr-lft brdr-0"</strong>>...</p></code></pre> | ||
| </div> | ||
| <div class="custom-block"> | ||
| <pre><code>// Boîte avec valeurs par défaut | ||
| <p <strong>class="well"</strong>>...</p></code></pre> | ||
| </div> | ||
| <div class="custom-block"> | ||
| <pre><code>// Boîte sans bordure et sans rayon | ||
| <p <strong>class="well brdr-0 brdr-rds-0"</strong>>...</p></code></pre> | ||
| </div> | ||
| </div> | ||
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -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" | ||
| } | ||
| ] | ||
| } | ||
| } |