studio-variable/index-main
4
0
Fork 0
Code Issues 15 Pull requests Projects Releases Packages Wiki Activity Actions

complete dossier
All checks were successful
Deploy / Deploy to Production (push) Successful in 17s
Details

Browse source
This commit is contained in:
Julie Blanc 2026-02-26 17:54:47 +01:00
parent e5727b5630
commit ec72fa474c
10 changed files with 220 additions and 45 deletions
Download patch file Download diff file Expand all files Collapse all files

21
assets/css/partials/_page-header.scss
View file

@ -57,13 +57,30 @@ margin-bottom: calc(var(--spacing) * 1);
max-width: var(--max-w-content);
}
ul.details{
ul.list-nav{
display: flex;
gap: 3ch;
// justify-content: space-between;
flex-wrap: wrap;
// gap: 3ch;
list-style: none;
margin-top: calc(var(--spacing) * -1.5);
@media #{$small} {
margin-top: calc(var(--spacing) * -0.5);
}
color: var(--color-txt-light);
li{
white-space: nowrap;
margin-right: 2ch;
&:last-of-type{
margin-right: 0;
}
@media #{$small} {
width: 12ch;
}
margin-bottom: calc(var(--spacing) * 0.25);
}
a{
text-decoration: none;
text-transform: lowercase;

32
assets/css/style.css
View file

@ -3215,21 +3215,43 @@ main .page__header .page__description {
main .page__header .page__description {
max-width: var(--max-w-content);
}
main .page__header ul.details {
main .page__header ul.list-nav {
display: flex;
gap: 3ch;
flex-wrap: wrap;
list-style: none;
margin-top: calc(var(--spacing) * -1.5);
}
@media screen and (max-width: 768px) {
main .page__header ul.list-nav {
margin-top: calc(var(--spacing) * -0.5);
}
}
main .page__header ul.list-nav {
color: var(--color-txt-light);
}
main .page__header ul.details a {
main .page__header ul.list-nav li {
white-space: nowrap;
margin-right: 2ch;
}
main .page__header ul.list-nav li:last-of-type {
margin-right: 0;
}
@media screen and (max-width: 768px) {
main .page__header ul.list-nav li {
width: 12ch;
}
}
main .page__header ul.list-nav li {
margin-bottom: calc(var(--spacing) * 0.25);
}
main .page__header ul.list-nav a {
text-decoration: none;
text-transform: lowercase;
}
main .page__header ul.details a::after {
main .page__header ul.list-nav a::after {
content: " ↓";
}
main .page__header ul.details li:hover {
main .page__header ul.list-nav li:hover {
color: var(--color-txt);
}

2
assets/css/style.css.map
View file

File diff suppressed because one or more lines are too long