Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Content - Borders - Created example pages #2192

Closed
wants to merge 1 commit into from
Closed

Content - Borders - Created example pages #2192

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
92 changes: 92 additions & 0 deletions common/borders/borders-en.html
View file
Open in desktop
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
&lt;p <strong>class="brdr-lft brdr-tp"</strong>&gt;...&lt;/p&gt;</code></pre>
</div>
<div class="custom-block">
<pre><code>// Right and bottom border
&lt;p <strong>class="brdr-rght brdr-bttm"</strong>&gt;...&lt;/p&gt;</code></pre>
</div>
<div class="custom-block">
<pre><code>// No borders
&lt;p <strong>class="brdr-bttm brdr-lft brdr-0"</strong>&gt;...&lt;/p&gt;</code></pre>
</div>
<div class="custom-block">
<pre><code>// Well with default values
&lt;p <strong>class="well"</strong>&gt;...&lt;/p&gt;</code></pre>
</div>
<div class="custom-block">
<pre><code>// Borderless well with no border radius
&lt;p <strong>class="well brdr-0 brdr-rds-0"</strong>&gt;...&lt;/p&gt;</code></pre>
</div>
</div>
</div>
92 changes: 92 additions & 0 deletions common/borders/borders-fr.html
View file
Open in desktop
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
&lt;p <strong>class="brdr-lft brdr-tp"</strong>&gt;...&lt;/p&gt;</code></pre>
</div>
<div class="custom-block">
<pre><code>// Bordure droite et bas
&lt;p <strong>class="brdr-rght brdr-bttm"</strong>&gt;...&lt;/p&gt;</code></pre>
</div>
<div class="custom-block">
<pre><code>// Pas de bordures
&lt;p <strong>class="brdr-bttm brdr-lft brdr-0"</strong>&gt;...&lt;/p&gt;</code></pre>
</div>
<div class="custom-block">
<pre><code>// Boîte avec valeurs par défaut
&lt;p <strong>class="well"</strong>&gt;...&lt;/p&gt;</code></pre>
</div>
<div class="custom-block">
<pre><code>// Boîte sans bordure et sans rayon
&lt;p <strong>class="well brdr-0 brdr-rds-0"</strong>&gt;...&lt;/p&gt;</code></pre>
</div>
</div>
</div>
34 changes: 34 additions & 0 deletions common/borders/index.json-ld
View file
Open in desktop
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"
}
]
}
}
Loading
You are viewing a condensed version of this merge commit. You can view the full changes here.