Skip to content

Commit 7f6a062

Browse files
polmihpolmih
committed
Main page title: Short bord red underline - follow the title alignement
1 parent 20b6690 commit 7f6a062

10 files changed

+188
-0
lines changed

‎sites/main-page-title/_base.scss‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,16 @@ h1#wb-cont, hgroup#wb-cont h1 {
99
border-top-width: 0;
1010
}
1111

12+
h1#wb-cont[dir="rtl"], hgroup#wb-cont[dir="rtl"] h1, [dir="rtl"] h1#wb-cont {
13+
border-bottom: $main-page-title-rule-thickness solid $main-page-title-rule-color;
14+
border-image: linear-gradient(to left, $main-page-title-rule-color $main-page-title-rule-width, transparent $main-page-title-rule-width);
15+
border-image-slice: 1;
16+
border-left-width: 0;
17+
border-right-width: 0;
18+
border-top-width: 0;
19+
}
20+
21+
1222
hgroup#wb-cont {
1323
margin-top: 1em;
1424

‎sites/main-page-title/index.json-ld‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -51,6 +51,36 @@
5151
"title": "Titre principal superposé",
5252
"language": "fr",
5353
"path": "main-page-title-stacked-fr.html"
54+
},
55+
{
56+
"title": "Main page title aligned on the right",
57+
"language": "en",
58+
"path": "main-page-title-align-right-en.html"
59+
},
60+
{
61+
"title": "Titre principal de la page aligné à droite",
62+
"language": "fr",
63+
"path": "main-page-title-align-right-fr.html"
64+
},
65+
{
66+
"title": "Main page title aligned on the right",
67+
"language": "en",
68+
"path": "main-page-title-div-align-right-en.html"
69+
},
70+
{
71+
"title": "Titre principal de la page aligné à droite",
72+
"language": "fr",
73+
"path": "main-page-title-div-align-right-fr.html"
74+
},
75+
{
76+
"title": "Stacked main page title aligned on the right",
77+
"language": "en",
78+
"path": "main-page-title-stacked-align-right-en.html"
79+
},
80+
{
81+
"title": "Titre principal superposé aligné à droite",
82+
"language": "fr",
83+
"path": "main-page-title-stacked-align-right-fr.html"
5484
}
5585
]
5686
},
@@ -354,6 +384,12 @@
354384
],
355385
"predecessor": "_:iteration_mpt_2"
356386
},
387+
{
388+
"@id": "_:iteration_mpt_4",
389+
"name": "Main page title aligned on the right",
390+
"date": "2024-09",
391+
"detectableBy": "<h1 property='name' id='wb-cont' dir='rtl'></h1>"
392+
},
357393
{
358394
"@id": "_:iteration_smpt_1",
359395
"name": "Stacked main page title - Iteration 1",

‎sites/main-page-title/main-page-title-align-right-en.md‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
---
2+
altLangPage: "main-page-title-align-right-fr.html"
3+
dateModified: "2024-09-26"
4+
language: "en"
5+
pageclass: "wb-prettify all-pre"
6+
layout: without-h1
7+
index_json: index.json-ld
8+
---
9+
<h1 id="wb-cont" dir="rtl">Main page title aligned on the right</h1>
10+
<p>Main title of a page with a short bold red underline aligned on the right.</p>
11+
12+
<pre class="mrgn-tp-lg"><code>
13+
&lt;h1 id="wb-cont" dir="rtl">Main page title aligned on the right&lt;/h1>
14+
&lt;p>Main title of a page with a short bold red underline aligned on the right.&lt;/p>
15+
</code></pre>

‎sites/main-page-title/main-page-title-align-right-fr.md‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
---
2+
altLangPage: "main-page-title-align-right-en.html"
3+
dateModified: "2024-09-26"
4+
language: "fr"
5+
pageclass: "wb-prettify all-pre"
6+
layout: without-h1
7+
index_json: index.json-ld
8+
---
9+
<h1 id="wb-cont" dir="rtl">Titre principal de la page aligné à droite</h1>
10+
<p>Titre principal d'une page avec un court soulignement rouge en gras aligné à droite.</p>
11+
12+
<pre class="mrgn-tp-lg"><code>
13+
&lt;h1 id="wb-cont" dir="rtl">Titre principal de la page aligné à droite&lt;/h1>
14+
&lt;p>Titre principal d'une page avec un court soulignement rouge en gras aligné à droite.&lt;/p>
15+
</code></pre>

‎sites/main-page-title/main-page-title-div-align-right-en.md‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
---
2+
altLangPage: "main-page-title-div-align-right-fr.html"
3+
dateModified: "2024-09-26"
4+
language: "en"
5+
pageclass: "wb-prettify all-pre"
6+
layout: without-h1
7+
index_json: index.json-ld
8+
---
9+
10+
<div dir="rtl">
11+
<h1 id="wb-cont">Main page title aligned on the right</h1>
12+
<p>Main page title aligned on the right using dir="rtl" on the parent div</p>
13+
</div>
14+
<pre class="mrgn-tp-lg"><code>&lt;div dir="rtl">
15+
&lt;h1 id="wb-cont">Main page title aligned on the right&lt;/h1>
16+
&lt;p>Main page title aligned on the right using dir="rtl" on the parent div&lt;/p>
17+
&lt;div></code></pre>

‎sites/main-page-title/main-page-title-div-align-right-fr.md‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
---
2+
altLangPage: "main-page-title-div-align-right-en.html"
3+
dateModified: "2024-09-26"
4+
language: "fr"
5+
pageclass: "wb-prettify all-pre"
6+
layout: without-h1
7+
index_json: index.json-ld
8+
---
9+
10+
<div dir="rtl">
11+
<h1 id="wb-cont">Titre principal superposé aligné à droite</h1>
12+
<p>Titre principale aligné à droite en utilisant dir="rtl" sur le div parent</p>
13+
</div>
14+
<pre class="mrgn-tp-lg"><code>&lt;div dir="rtl">
15+
&lt;h1 id="wb-cont">Main page title aligned on the right&lt;/h1>
16+
&lt;p>Titre principale aligné à droite en utilisant dir="rtl" sur le div parent&lt;/p>
17+
&lt;div></code></pre>

‎sites/main-page-title/main-page-title-div-stacked-align-right-en.md‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
---
2+
altLangPage: "main-page-title-div-stacked-align-right-fr.html"
3+
dateModified: "2024-09-26"
4+
language: "en"
5+
pageclass: "wb-prettify all-pre"
6+
layout: without-h1
7+
index_json: index.json-ld
8+
---
9+
<div dir="rtl">
10+
<hgroup id="wb-cont" dir="rtl">
11+
<p>GCWeb technical documentation</p>
12+
<h1>Stacked main page title aligned on the right using dir="rtl" on the parent div</h1>
13+
</hgroup>
14+
</div>
15+
<hr>
16+
<pre><code>&lt;div dir="rtl">
17+
&lt;hgroup id="wb-cont">
18+
&lt;p>GCWeb technical documentation&lt;/p>
19+
&lt;h1>Stacked main page title aligned on the right using dir="rtl" on the parent div&lt;/h1>
20+
&lt;/hgroup>
21+
&lt;/div></code></pre>

‎sites/main-page-title/main-page-title-div-stacked-align-right-fr.md‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
---
2+
altLangPage: "main-page-title-div-stacked-align-right-en.html"
3+
dateModified: "2024-09-26"
4+
language: "fr"
5+
pageclass: "wb-prettify all-pre"
6+
layout: without-h1
7+
index_json: index.json-ld
8+
---
9+
<div dir="rtl">
10+
<hgroup id="wb-cont" dir="rtl">
11+
<p>Titre principal superposé aligné à droite en utilisant dir="rtl" sur le div parent</p>
12+
<h1>Titre principal superposé aligné à droite</h1>
13+
</hgroup>
14+
</div>
15+
<hr>
16+
<pre><code>&lt;div dir="rtl">
17+
&lt;hgroup id="wb-cont">
18+
&lt;p>Titre principal superposé aligné à droite en utilisant dir="rtl" sur le div parent&lt;/p>
19+
&lt;h1>Titre principal superposé aligné à droite&lt;/h1>
20+
&lt;/hgroup>
21+
&lt;/div></code></pre>

‎sites/main-page-title/main-page-title-stacked-align-right-en.md‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
---
2+
altLangPage: "main-page-title-stacked-align-right-fr.html"
3+
dateModified: "2024-09-26"
4+
language: "en"
5+
pageclass: "wb-prettify all-pre"
6+
layout: without-h1
7+
index_json: index.json-ld
8+
---
9+
10+
<hgroup id="wb-cont" dir="rtl">
11+
<p>GCWeb technical documentation</p>
12+
<h1>Stacked main page title aligned on the right</h1>
13+
</hgroup>
14+
15+
<pre class="mrgn-tp-lg"><code>&lt;hgroup id="wb-cont" dir="rtl">
16+
&lt;p>GCWeb technical documentation&lt;/p>
17+
&lt;h1>Stacked main page title aligned on the right&lt;/h1>
18+
&lt;/hgroup></code></pre>

‎sites/main-page-title/main-page-title-stacked-align-right-fr.md‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
---
2+
altLangPage: "main-page-title-stacked-align-right-en.html"
3+
dateModified: "2024-09-26"
4+
language: "fr"
5+
pageclass: "wb-prettify all-pre"
6+
layout: without-h1
7+
index_json: index.json-ld
8+
---
9+
10+
<hgroup id="wb-cont" dir="rtl">
11+
<p>Documentation technique GCWeb</p>
12+
<h1>Titre principal superposé aligné à droite</h1>
13+
</hgroup>
14+
15+
<pre class="mrgn-tp-lg"><code>&lt;hgroup id="wb-cont" dir="rtl">
16+
&lt;p>Documentation technique GCWeb&lt;/p>
17+
&lt;h1>Titre principal superposé aligné à droite&lt;/h1>
18+
&lt;/hgroup></code></pre>

0 commit comments

Comments
 (0)