mofifications w/ Francesco
All checks were successful
Deploy / Deploy to Production (push) Successful in 5m18s
All checks were successful
Deploy / Deploy to Production (push) Successful in 5m18s
This commit is contained in:
Julie Blanc
parent
54a33a274b
commit
193577b145
13 changed files with 101 additions and 102 deletions
|
|
@ -3,9 +3,9 @@
|
|||
--font: "Executive", Arial, sans-serif;
|
||||
--title: "System", Arial, sans-serif;
|
||||
--fs-xsmall: 10px;
|
||||
--fs-small: 12px;
|
||||
--fs-normal: 16px;
|
||||
--fs-medium: 20px;
|
||||
--fs-small: 16px;
|
||||
--fs-normal: 20px;
|
||||
--fs-medium: 24px;
|
||||
--fs-big: 30px;
|
||||
--fs-xbig: 38px;
|
||||
--fs-button-bold: 22px;
|
||||
|
|
@ -204,6 +204,7 @@ body.is-hidden .btn--back-to-top {
|
|||
align-items: center;
|
||||
gap: var(--gap);
|
||||
text-transform: uppercase;
|
||||
font-weight: 500;
|
||||
}
|
||||
#site-header #theme-toggle {
|
||||
width: var(--h-block);
|
||||
|
|
@ -221,6 +222,9 @@ body.is-hidden .btn--back-to-top {
|
|||
display: flex;
|
||||
gap: 1ch;
|
||||
}
|
||||
#site-header #lang-toggle button {
|
||||
font-weight: 500;
|
||||
}
|
||||
#site-header #lang-toggle button:disabled {
|
||||
color: var(--color-txt-light);
|
||||
}
|
||||
|
|
@ -277,10 +281,11 @@ button:disabled {
|
|||
}
|
||||
|
||||
.btn--small {
|
||||
height: calc(var(--h-block) * 0.75);
|
||||
height: calc(var(--h-block) * 1);
|
||||
border: var(--border-light);
|
||||
border-radius: var(--radius-btn);
|
||||
font-size: var(--fs-small);
|
||||
font-weight: 500;
|
||||
line-height: 1;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
|
|
@ -339,6 +344,7 @@ button:disabled {
|
|||
border: var(--border);
|
||||
border-radius: var(--radius-btn);
|
||||
font-size: var(--fs-small);
|
||||
font-weight: 500;
|
||||
text-transform: uppercase;
|
||||
line-height: 1;
|
||||
overflow: hidden;
|
||||
|
|
@ -1289,23 +1295,11 @@ button.sort[data-sort-type=up] .arrow {
|
|||
object-fit: cover;
|
||||
transition: cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s;
|
||||
}
|
||||
.card--article-small figure {
|
||||
margin-left: 45px;
|
||||
}
|
||||
@media screen and (max-width: 560px) {
|
||||
.card--article-small figure {
|
||||
margin-left: 0px;
|
||||
}
|
||||
}
|
||||
.card--article-small .icon-article {
|
||||
position: absolute;
|
||||
left: 10px;
|
||||
padding-top: calc(var(--spacing) * 0.5);
|
||||
}
|
||||
.card--article-small .icon-article svg {
|
||||
width: 20px;
|
||||
fill: var(--color-txt);
|
||||
}
|
||||
.card--article-small .content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
|
@ -1313,12 +1307,13 @@ button.sort[data-sort-type=up] .arrow {
|
|||
padding-right: calc(var(--padding-inner) * 3);
|
||||
}
|
||||
.card--article-small .title {
|
||||
font-weight: normal;
|
||||
font-size: var(--fs-medium);
|
||||
font-weight: 400;
|
||||
font-size: var(--fs-small);
|
||||
margin-bottom: 0.25em;
|
||||
text-wrap: balance;
|
||||
max-width: 42ch;
|
||||
text-transform: uppercase;
|
||||
line-height: 1.1;
|
||||
}
|
||||
.card--article-small .title a {
|
||||
text-decoration: none;
|
||||
|
|
@ -1333,6 +1328,7 @@ button.sort[data-sort-type=up] .arrow {
|
|||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
margin-bottom: calc(var(--spacing) * 0.75);
|
||||
margin-top: calc(var(--spacing) * 0.25);
|
||||
}
|
||||
.card--article-small .btn--go-to {
|
||||
position: absolute;
|
||||
|
|
@ -1381,6 +1377,9 @@ button.sort[data-sort-type=up] .arrow {
|
|||
.card--article-small:hover::before {
|
||||
border-color: var(--color-txt);
|
||||
}
|
||||
.card--article-small .keywords {
|
||||
display: none;
|
||||
}
|
||||
@media screen and (max-width: 1080px) {
|
||||
.card--article-small .title {
|
||||
font-size: var(--fs-normal);
|
||||
|
|
@ -1883,8 +1882,8 @@ button.sort[data-sort-type=up] .arrow {
|
|||
}
|
||||
.card--folder .title {
|
||||
flex-grow: 1;
|
||||
font-weight: normal;
|
||||
font-size: var(--fs-medium);
|
||||
font-weight: 500;
|
||||
font-size: var(--fs-small);
|
||||
margin-bottom: 0.25em;
|
||||
text-wrap: balance;
|
||||
max-width: 42ch;
|
||||
|
|
@ -1901,6 +1900,8 @@ button.sort[data-sort-type=up] .arrow {
|
|||
}
|
||||
.card--folder .title .icon {
|
||||
padding-right: 1ch;
|
||||
position: relative;
|
||||
top: 1px;
|
||||
}
|
||||
.card--folder .title .icon svg {
|
||||
height: 15px;
|
||||
|
|
@ -1999,31 +2000,11 @@ button.sort[data-sort-type=up] .arrow {
|
|||
[data-template=investigation-summary] .card--folder.has-link:hover::before {
|
||||
border-color: var(--color-txt);
|
||||
}
|
||||
[data-template=investigation-summary] .card--folder figure {
|
||||
margin-left: 45px;
|
||||
}
|
||||
@media screen and (max-width: 560px) {
|
||||
[data-template=investigation-summary] .card--folder figure {
|
||||
margin-left: 0px;
|
||||
}
|
||||
}
|
||||
[data-template=investigation-summary] .card--folder .title .icon {
|
||||
display: none;
|
||||
}
|
||||
[data-template=investigation-summary] .card--folder .icon-folder {
|
||||
position: absolute;
|
||||
left: 10px;
|
||||
padding-top: calc(var(--spacing) * 0.5);
|
||||
}
|
||||
@media screen and (max-width: 560px) {
|
||||
[data-template=investigation-summary] .card--folder .icon-folder {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
[data-template=investigation-summary] .card--folder .icon-folder svg {
|
||||
width: 20px;
|
||||
fill: var(--color-txt);
|
||||
}
|
||||
|
||||
@container cardfolder (width < 680px) {
|
||||
figure {
|
||||
|
|
@ -2310,6 +2291,7 @@ button.sort[data-sort-type=up] .arrow {
|
|||
align-items: center;
|
||||
gap: var(--gap);
|
||||
text-transform: uppercase;
|
||||
font-weight: 500;
|
||||
}
|
||||
#site-header #theme-toggle {
|
||||
width: var(--h-block);
|
||||
|
|
@ -2327,6 +2309,9 @@ button.sort[data-sort-type=up] .arrow {
|
|||
display: flex;
|
||||
gap: 1ch;
|
||||
}
|
||||
#site-header #lang-toggle button {
|
||||
font-weight: 500;
|
||||
}
|
||||
#site-header #lang-toggle button:disabled {
|
||||
color: var(--color-txt-light);
|
||||
}
|
||||
|
|
@ -2385,6 +2370,7 @@ button.sort[data-sort-type=up] .arrow {
|
|||
#site-menu nav ul {
|
||||
list-style-type: none;
|
||||
text-transform: uppercase;
|
||||
font-weight: 500;
|
||||
}
|
||||
#site-menu nav ul li {
|
||||
font-size: var(--fs-normal);
|
||||
|
|
@ -2544,12 +2530,10 @@ main .page__header .page__title {
|
|||
text-wrap: balance;
|
||||
}
|
||||
main .page__header .description {
|
||||
font-size: var(--fs-medium);
|
||||
max-width: 58ch;
|
||||
line-height: 1.1;
|
||||
}
|
||||
main .page__header .description-medium {
|
||||
font-size: var(--fs-medium);
|
||||
max-width: 58ch;
|
||||
line-height: 1.1;
|
||||
}
|
||||
|
|
@ -2697,10 +2681,9 @@ main .page__header .description-medium {
|
|||
display: block;
|
||||
}
|
||||
#home__hero .baseline {
|
||||
font-family: var(--title);
|
||||
font-size: 45px;
|
||||
line-height: 1.1;
|
||||
max-width: 26ch;
|
||||
max-width: 32ch;
|
||||
}
|
||||
@media screen and (max-width: 560px) {
|
||||
#home__hero .baseline {
|
||||
|
|
@ -2718,6 +2701,10 @@ main .page__header .description-medium {
|
|||
[data-template=investigation-summary] main {
|
||||
position: relative;
|
||||
}
|
||||
[data-template=investigation-summary] main .page__header {
|
||||
margin-inline: auto;
|
||||
max-width: var(--max-w-content);
|
||||
}
|
||||
[data-template=investigation-summary] main .panel-left {
|
||||
width: calc((100vw - var(--max-w-cards) - var(--padding-body) * 4) * 0.5);
|
||||
}
|
||||
|
|
@ -2743,6 +2730,8 @@ main .page__header .description-medium {
|
|||
[data-template=investigation-summary] main .section__article {
|
||||
margin-top: calc(var(--spacing) * 3);
|
||||
margin-bottom: calc(var(--spacing) * 3);
|
||||
max-width: var(--max-w-content);
|
||||
margin-inline: auto;
|
||||
}
|
||||
[data-template=investigation-summary] main .section__article:target {
|
||||
padding-top: calc(var(--header-h) + var(--spacing) * 1);
|
||||
|
|
@ -2751,15 +2740,23 @@ main .page__header .description-medium {
|
|||
color: var(--grey-200);
|
||||
}
|
||||
[data-template=investigation-summary] main .section__article .section__title {
|
||||
font-weight: normal;
|
||||
font-weight: 500;
|
||||
text-transform: uppercase;
|
||||
margin-bottom: calc(var(--spacing) * 1);
|
||||
padding-right: 2ch;
|
||||
text-wrap: balance;
|
||||
}
|
||||
[data-template=investigation-summary] main #section__dl,
|
||||
[data-template=investigation-summary] main #section__impacts,
|
||||
[data-template=investigation-summary] main #section__folder,
|
||||
[data-template=investigation-summary] main #section__related-articles {
|
||||
font-size: var(--fs-small);
|
||||
}
|
||||
[data-template=investigation-summary] main #section__dl {
|
||||
margin-top: calc(var(--spacing) * 1.5);
|
||||
border-bottom: var(--border-light);
|
||||
max-width: var(--max-w-content);
|
||||
margin-inline: auto;
|
||||
}
|
||||
[data-template=investigation-summary] main #section__dl .dl__group {
|
||||
display: grid;
|
||||
|
|
@ -2784,7 +2781,7 @@ main .page__header .description-medium {
|
|||
margin-inline: auto;
|
||||
}
|
||||
[data-template=investigation-summary] main #section__synthese p + p {
|
||||
margin-top: 0.5em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
[data-template=investigation-summary] main #section__synthese h4 {
|
||||
margin-top: 2em;
|
||||
|
|
@ -2817,7 +2814,7 @@ main .page__header .description-medium {
|
|||
text-align: center;
|
||||
color: var(--color-txt-light);
|
||||
margin-bottom: 4px;
|
||||
font-weight: bold;
|
||||
font-weight: 500;
|
||||
font-size: var(--fs-small);
|
||||
}
|
||||
[data-template=investigation-summary] main .panel-left #nav--page ul li a {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue