-
Notifications
You must be signed in to change notification settings - Fork 130
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #2271 from Ricokola/releases
Release v13.10.0
- Loading branch information
Showing
8 changed files
with
267 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,34 @@ | ||
{ | ||
"@context": { | ||
"@version": 2.0, | ||
"dct": "http://purl.org/dc/terms/", | ||
"title": { "@id": "dct:title", "@container": "@language" }, | ||
"description": { "@id": "dct:description", "@container": "@language" }, | ||
"modified": "dct:modified" | ||
}, | ||
"title": { | ||
"en": "Spacing", | ||
"fr": "Espacement" | ||
}, | ||
"description": { | ||
"en": "Spacing in GCWeb is essential for enhancing readability and ensuring an accessible and user-friendly experience for all visitors.", | ||
"fr": "L'espacement dans GCWeb est essentiel pour améliorer la lisibilité et garantir une expérience accessible et conviviale pour tous les visiteurs." | ||
}, | ||
"modified": "2023-11-03", | ||
"componentName": "spacing", | ||
"status": "stable", | ||
"pages": { | ||
"examples": [ | ||
{ | ||
"title": "Spacing", | ||
"language": "en", | ||
"path": "spacing-en.html" | ||
}, | ||
{ | ||
"title": "Espacement", | ||
"language": "fr", | ||
"path": "spacing-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
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,111 @@ | ||
--- | ||
{ | ||
"title": "Spacing", | ||
"language": "en", | ||
"altLangPage": "spacing-fr.html", | ||
"breadcrumbs": | ||
[ | ||
{ | ||
"title": "GCWeb home", | ||
"link": "https://wet-boew.github.io/themes-dist/GCWeb/index-en.html" | ||
} | ||
], | ||
"secondlevel": false, | ||
"dateModified": "2023-11-03", | ||
"share": "true" | ||
} | ||
--- | ||
<h2>CSS</h2> | ||
<dl class="dl-horizontal"> | ||
<dt><code>.p-0</code></dt> | ||
<dd>Set padding to 0 for the element</dd> | ||
<dt><code>.p-sm-3</code></dt> | ||
<dd>Set padding of 3 for the element on small screens</dd> | ||
<dt><code>.pl-2</code></dt> | ||
<dd>Set left padding of 2 for the element</dd> | ||
<dt><code>.pl-md</code></dt> | ||
<dd>Set left padding to medium</dd> | ||
<dt><code>.pr-lg</code></dt> | ||
<dd>Set right padding to large</dd> | ||
<dt><code>.mt-auto</code></dt>s | ||
<dd>Set auto margin-top for the element</dd> | ||
<dt><code>.mb-sm-5</code></dt> | ||
<dd>Set bottom margin of 5 for the element on all but small screens</dd> | ||
<dt><code>.mrgn-tp-0</code></dt> | ||
<dd>Set top margin to 0 for the element</dd> | ||
<dt><code>.mrgn-bttm-0</code></dt> | ||
<dd>Set bottom margin to 0 for the element</dd> | ||
<dt><code>.mrgn-lft-0</code></dt> | ||
<dd>Set left margin to 0 for the element</dd> | ||
<dt><code>.mrgn-rght-0</code></dt> | ||
<dd>Set right margin to 0 for the element</dd> | ||
<dt><code>.mrgn-tp-sm</code></dt> | ||
<dd>Set top margin to 5px for the element</dd> | ||
<dt><code>.mrgn-lft-md</code></dt> | ||
<dd>Set left margin to 15px for the element</dd> | ||
<dt><code>.mrgn-rght-lg</code></dt> | ||
<dd>Set right margin to 30px for the element</dd> | ||
</dl> | ||
<div class="row"> | ||
<div class="col-md-6"> | ||
<h2 class="mrgn-tp-0">Appearance</h2> | ||
<p class="p-0 bg-info mb-sm-5"> | ||
No padding | ||
</p> | ||
<p class="p-sm-3 bg-info"> | ||
Padding of 3 on small screens | ||
</p> | ||
<p class="pl-2 bg-info mb-sm-5"> | ||
Left padding of 2 | ||
</p> | ||
<p class="pl-md bg-info mb-sm-5"> | ||
Medium left padding (15px) | ||
</p> | ||
<p class="pr-lg bg-info mb-sm-5"> | ||
Large right padding (30px) | ||
</p> | ||
<p class="mt-auto bg-info mb-sm-5"> | ||
Auto margin-top | ||
</p> | ||
<p class="mb-sm-5 bg-info"> | ||
Bottom margin of 5 on all but small screens | ||
</p> | ||
<p class="mrgn-tp-0 bg-info mb-sm-5"> | ||
Top margin of 0 | ||
</p> | ||
<p class="mrgn-bttm-0 bg-info mb-sm-5"> | ||
Bottom margin of 0 | ||
</p> | ||
<p class="mrgn-lft-md bg-info mb-sm-5"> | ||
Medium left margin (15px) | ||
</p> | ||
<p class="mrgn-rght-lg bg-info mb-sm-4"> | ||
Large right margin (30px) | ||
</p> | ||
</div> | ||
<div class="col-md-6"> | ||
<h2 class="mrgn-tp-0">Code</h2> | ||
<pre><code>// No padding | ||
<p <strong>class="p-0"</strong>>...</p></code></pre> | ||
<pre><code>// Padding of 3 on small screens | ||
<p <strong>class="p-sm-3"</strong>>...</p></code></pre> | ||
<pre><code>// Left padding of 2 | ||
<p <strong>class="pl-2"</strong>>...</p></code></pre> | ||
<pre><code>// Medium left padding | ||
<p <strong>class="pl-md"</strong>>...</p></code></pre> | ||
<pre><code>// Large right padding | ||
<p <strong>class="pr-lg"</strong>>...</p></code></pre> | ||
<pre><code>// Auto margin-top | ||
<p <strong>class="mt-auto"</strong>>...</p></code></pre> | ||
<pre><code>// Bottom margin of 5 on small screens | ||
<p <strong>class="mb-sm-5"</strong>>...</p></code></pre> | ||
<pre><code>// Top margin of 0 | ||
<p <strong>class="mrgn-tp-0"</strong>>...</p></code></pre> | ||
<pre><code>// Bottom margin of 0 | ||
<p <strong>class="mrgn-bttm-0"</strong>>...</p></code></pre> | ||
<pre><code>// Left margin of 15px | ||
<p <strong>class="mrgn-lft-md"</strong>>...</p></code></pre> | ||
<pre><code>// Right margin of 30px | ||
<p <strong>class="mrgn-rght-lg"</strong>>...</p></code></pre> | ||
</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,111 @@ | ||
--- | ||
{ | ||
"title": "Espacement", | ||
"language": "fr", | ||
"altLangPage": "spacing-en.html", | ||
"breadcrumbs": | ||
[ | ||
{ | ||
"title": "Accueil GCWeb", | ||
"link": "https://wet-boew.github.io/themes-dist/GCWeb/index-fr.html" | ||
} | ||
], | ||
"secondlevel": false, | ||
"dateModified": "2023-11-03", | ||
"share": "true" | ||
} | ||
--- | ||
<h2>CSS</h2> | ||
<dl class="dl-horizontal"> | ||
<dt><code>.p-0</code></dt> | ||
<dd>Définit le padding à 0 pour l'élément</dd> | ||
<dt><code>.p-sm-3</code></dt> | ||
<dd>Définit le padding à 3 pour l'élément sur les petits écrans</dd> | ||
<dt><code>.pl-2</code></dt> | ||
<dd>Définit le padding gauche à 2 pour l'élément</dd> | ||
<dt><code>.pl-md</code></dt> | ||
<dd>Définit le padding gauche à moyen</dd> | ||
<dt><code>.pr-lg</code></dt> | ||
<dd>Définit le padding droit à grand</dd> | ||
<dt><code>.mt-auto</code></dt> | ||
<dd>Définit une marge supérieure automatique pour l'élément</dd> | ||
<dt><code>.mb-sm-5</code></dt> | ||
<dd>Définit une marge inférieure de 5 pour l'élément sur tous les écrans sauf les petits</dd> | ||
<dt><code>.mrgn-tp-0</code></dt> | ||
<dd>Définit la marge supérieure à 0 pour l'élément</dd> | ||
<dt><code>.mrgn-bttm-0</code></dt> | ||
<dd>Définit la marge inférieure à 0 pour l'élément</dd> | ||
<dt><code>.mrgn-lft-0</code></dt> | ||
<dd>Définit la marge gauche à 0 pour l'élément</dd> | ||
<dt><code>.mrgn-rght-0</code></dt> | ||
<dd>Définit la marge droite à 0 pour l'élément</dd> | ||
<dt><code>.mrgn-tp-sm</code></dt> | ||
<dd>Définit la marge supérieure à 5px pour l'élément</dd> | ||
<dt><code>.mrgn-lft-md</code></dt> | ||
<dd>Définit la marge gauche à 15px pour l'élément</dd> | ||
<dt><code>.mrgn-rght-lg</code></dt> | ||
<dd>Définit la marge droite à 30px pour l'élément</dd> | ||
</dl> | ||
<div class="row"> | ||
<div class="col-md-6"> | ||
<h2 class="mrgn-tp-0">Apparence</h2> | ||
<p class="p-0 bg-info mb-sm-5"> | ||
Sans padding | ||
</p> | ||
<p class="p-sm-3 bg-info"> | ||
Padding de 3 sur les petits écrans | ||
</p> | ||
<p class="pl-2 bg-info mb-sm-5"> | ||
Padding gauche de 2 | ||
</p> | ||
<p class="pl-md bg-info mb-sm-5"> | ||
Padding gauche moyen (15px) | ||
</p> | ||
<p class="pr-lg bg-info mb-sm-5"> | ||
Padding droit grand (30px) | ||
</p> | ||
<p class="mt-auto bg-info mb-sm-5"> | ||
Marge supérieure automatique | ||
</p> | ||
<p class="mb-sm-5 bg-info"> | ||
Marge inférieure de 5 sur tous les écrans sauf les petits | ||
</p> | ||
<p class="mrgn-tp-0 bg-info mb-sm-5"> | ||
Marge supérieure de 0 | ||
</p> | ||
<p class="mrgn-bttm-0 bg-info mb-sm-5"> | ||
Marge inférieure de 0 | ||
</p> | ||
<p class="mrgn-lft-md bg-info mb-sm-5"> | ||
Marge gauche moyenne (15px) | ||
</p> | ||
<p class="mrgn-rght-lg bg-info mb-sm-4"> | ||
Marge droite grande (30px) | ||
</p> | ||
</div> | ||
<div class="col-md-6"> | ||
<h2 class="mrgn-tp-0">Code</h2> | ||
<pre><code>// Sans padding | ||
<p <strong>class="p-0"</strong>>...</p></code></pre> | ||
<pre><code>// Padding de 3 sur les petits écrans | ||
<p <strong>class="p-sm-3"</strong>>...</p></code></pre> | ||
<pre><code>// Padding gauche de 2 | ||
<p <strong>class="pl-2"</strong>>...</p></code></pre> | ||
<pre><code>// Padding gauche moyen | ||
<p <strong>class="pl-md"</strong>>...</p></code></pre> | ||
<pre><code>// Padding droit grand | ||
<p <strong>class="pr-lg"</strong>>...</p></code></pre> | ||
<pre><code>// Marge supérieure automatique | ||
<p <strong>class="mt-auto"</strong>>...</p></code></pre> | ||
<pre><code>// Marge inférieure de 5 sur les petits écrans | ||
<p <strong>class="mb-sm-5"</strong>>...</p></code></pre> | ||
<pre><code>// Marge supérieure de 0 | ||
<p <strong>class="mrgn-tp-0"</strong>>...</p></code></pre> | ||
<pre><code>// Marge inférieure de 0 | ||
<p <strong>class="mrgn-bttm-0"</strong>>...</p></code></pre> | ||
<pre><code>// Marge gauche de 15px | ||
<p <strong>class="mrgn-lft-md"</strong>>...</p></code></pre> | ||
<pre><code>// Marge droite de 30px | ||
<p <strong>class="mrgn-rght-lg"</strong>>...</p></code></pre> | ||
</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
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