-
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.
Content - Borders- Created example pages
Merge pull request #2180 from ouafaaetta/releases Release v13.3.1
- Loading branch information
Showing
8 changed files
with
233 additions
and
10 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
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,77 @@ | ||
--- | ||
{ | ||
"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-06-20", | ||
"share": "true" | ||
} | ||
--- | ||
|
||
<h3>CSS Class</h3> | ||
<dl class="dl-horizontal"> | ||
<dt><code>.brdr-left</code></dt> | ||
<dd>Set a border to the left of the element</dd> | ||
<dt><code>.brdr-tp</code></dt> | ||
<dd>Set a border on top of the element</dd> | ||
<dt><code>.brdr-rght</code></dt> | ||
<dd>Set a border to the right of the element</dd> | ||
<dt><code>.brdr-bttm</code></dt> | ||
<dd>Set a border below the element</dd> | ||
<dt><code>.brdr-0</code></dt> | ||
<dd>Remove borders</dd> | ||
<dt><code>.brdr-rds</code></dt> | ||
<dd>Remove border radius</dd> | ||
</dl> | ||
<div class="row"> | ||
<div class="col-md-6"> | ||
<div class="panel panel-default"> | ||
<div class="panel-body"> | ||
<h3 class="mrgn-tp-0">Appearance</h3> | ||
<p class="brdr-lft"> | ||
Example 1 | ||
</p> | ||
<p class="brdr-tp"> | ||
Example 2 | ||
</p> | ||
<p class="brdr-rght"> | ||
Example 3 | ||
</p> | ||
<p class="brdr-bttm"> | ||
Example 4 | ||
</p> | ||
<p class="brdr-0"> | ||
Example 5 | ||
</p> | ||
<p class="brdr-rds-0"> | ||
Example 6 | ||
</p> | ||
</div> | ||
</div> | ||
<div class="panel panel-default"> | ||
<div class="panel-body"> | ||
<h3 class="mrgn-tp-0">Code</h3> | ||
<pre><code>// Example 1: | ||
<p <strong>class="brdr-lft"</strong>>...</p></code></pre> | ||
<pre><code>// Example 2: | ||
<p <strong>class="brdr-tp"</strong>>...</p></code></pre> | ||
<pre><code>// Example 3: | ||
<p <strong>class="brdr-rght"</strong>>...</p></code></pre> | ||
<pre><code>// Example 4: | ||
<p <strong>class="brdr-bttm"</strong>>...</p></code></pre> | ||
<pre><code>// Example 5: | ||
<p <strong>class="brdr-0"</strong>>...</p></code></pre> | ||
<pre><code>// Example 6: | ||
<p <strong>class="brdr-rds-0"</strong>>...</p></code></pre> | ||
</div> | ||
</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,77 @@ | ||
--- | ||
{ | ||
"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-06-20", | ||
"share": "true" | ||
} | ||
--- | ||
|
||
<h3>Classe CSS</h3> | ||
<dl class="dl-horizontal"> | ||
<dt><code>.brdr-left</code></dt> | ||
<dd>Établir une bordure à gauche de l'élément</dd> | ||
<dt><code>.brdr-tp</code></dt> | ||
<dd>Établir une bordure en haut de l'élément</dd> | ||
<dt><code>.brdr-rght</code></dt> | ||
<dd>Établir une bordure à droite de l'élément</dd> | ||
<dt><code>.brdr-bttm</code></dt> | ||
<dd>Établir une bordure en bas de l'élément</dd> | ||
<dt><code>.brdr-0</code></dt> | ||
<dd>Supprimer les bordures</dd> | ||
<dt><code>.brdr-rds</code></dt> | ||
<dd>Supprimer le rayon de la bordure</dd> | ||
</dl> | ||
<div class="row"> | ||
<div class="col-md-6"> | ||
<div class="panel panel-default"> | ||
<div class="panel-body"> | ||
<h3 class="mrgn-tp-0">Apparence</h3> | ||
<p class="brdr-lft"> | ||
Exemple 1 | ||
</p> | ||
<p class="brdr-tp"> | ||
Exemple 2 | ||
</p> | ||
<p class="brdr-rght"> | ||
Exemple 3 | ||
</p> | ||
<p class="brdr-bttm"> | ||
Exemple 4 | ||
</p> | ||
<p class="brdr-0"> | ||
Exemple 5 | ||
</p> | ||
<p class="brdr-rds-0"> | ||
Exemple 6 | ||
</p> | ||
</div> | ||
</div> | ||
<div class="panel panel-default"> | ||
<div class="panel-body"> | ||
<h3 class="mrgn-tp-0">Code</h3> | ||
<pre><code>// Exemple 1 : | ||
<p <strong>class="brdr-lft"</strong>>...</p></code></pre> | ||
<pre><code>// Exemple 2 : | ||
<p <strong>class="brdr-tp"</strong>>...</p></code></pre> | ||
<pre><code>// Exemple 3 : | ||
<p <strong>class="brdr-rght"</strong>>...</p></code></pre> | ||
<pre><code>// Exemple 4 : | ||
<p <strong>class="brdr-bttm"</strong>>...</p></code></pre> | ||
<pre><code>// Exemple 5 : | ||
<p <strong>class="brdr-0"</strong>>...</p></code></pre> | ||
<pre><code>// Exemple 6 : | ||
<p <strong>class="brdr-rds-0"</strong>>...</p></code></pre> | ||
</div> | ||
</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-07-06", | ||
"componentName": "borders", | ||
"status": "stable", | ||
"pages": { | ||
"docs": [ | ||
{ | ||
"title": "Borders", | ||
"language": "en", | ||
"path": "borders-en.html" | ||
}, | ||
{ | ||
"title": "Bordures", | ||
"language": "fr", | ||
"path": "borders-fr.html" | ||
} | ||
] | ||
} | ||
} |
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
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
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
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