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

bottom-bar
All checks were successful
Deploy / Deploy to Production (push) Successful in 14s
Details

Browse source
This commit is contained in:
Julie Blanc 2026-02-20 14:44:24 +01:00
parent 8850b16635
commit 6020ea8c5b
6 changed files with 13 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

2
assets/css/base/_body.scss
View file

@ -137,7 +137,7 @@ body, #site-header, #site-footer{
body.menu-open, body.menu-open,
body.is-hidden{ body.is-hidden{
overflow-y: hidden; overflow-y: hidden;
main, footer, #nav-highlight, .btn--back-to-top{ main, footer, #nav-highlight, .btn--back-to-top, .bottom-bar{
transition: opacity .3s ease-in; transition: opacity .3s ease-in;
opacity: 0.1; opacity: 0.1;
} }

1
assets/css/components/_bottom-bar.scss
View file

@ -2,6 +2,7 @@
position: fixed; position: fixed;
bottom: 0; bottom: 0;
left: 0; left: 0;
z-index: calc(var(--z-header) - 10);
height: calc(var(--header-h)*0.75); height: calc(var(--header-h)*0.75);
width: 100vw; width: 100vw;
background-color: var(--color-bg); background-color: var(--color-bg);

2
assets/css/components/_card-impact.scss
View file

@ -14,7 +14,7 @@
@include hover-card-line(); @include hover-card-line();
@include figure-3-1(); @include figure-16-9();
@include pin(); @include pin();
.title{ .title{

1
assets/css/components/_card-open-graph.scss
View file

@ -2,6 +2,7 @@
container-type: inline-size; container-type: inline-size;
container-name: opengraph; container-name: opengraph;
z-index: calc(var(--z-header) - 100);
.open-graph__inner{ .open-graph__inner{
@include grid-content(); @include grid-content();

11
assets/css/style.css
View file

@ -144,11 +144,12 @@ body.menu-open,
body.is-hidden { body.is-hidden {
overflow-y: hidden; overflow-y: hidden;
} }
body.menu-open main, body.menu-open footer, body.menu-open #nav-highlight, body.menu-open .btn--back-to-top, body.menu-open main, body.menu-open footer, body.menu-open #nav-highlight, body.menu-open .btn--back-to-top, body.menu-open .bottom-bar,
body.is-hidden main, body.is-hidden main,
body.is-hidden footer, body.is-hidden footer,
body.is-hidden #nav-highlight, body.is-hidden #nav-highlight,
body.is-hidden .btn--back-to-top { body.is-hidden .btn--back-to-top,
body.is-hidden .bottom-bar {
transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in;
opacity: 0.1; opacity: 0.1;
} }
@ -1620,7 +1621,8 @@ button.sort[data-sort-type=up] .arrow {
border-color: var(--color-txt); border-color: var(--color-txt);
} }
.card--impact > picture, .card--impact > figure { .card--impact > picture, .card--impact > figure {
aspect-ratio: 3/1; aspect-ratio: 16/9;
display: flex;
overflow: hidden; overflow: hidden;
} }
.card--impact > picture img, .card--impact > figure img { .card--impact > picture img, .card--impact > figure img {
@ -1628,6 +1630,7 @@ button.sort[data-sort-type=up] .arrow {
height: 100%; height: 100%;
-o-object-fit: cover; -o-object-fit: cover;
object-fit: cover; object-fit: cover;
transition: cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s;
} }
.card--impact .pin { .card--impact .pin {
z-index: 90; z-index: 90;
@ -1870,6 +1873,7 @@ button.sort[data-sort-type=up] .arrow {
.card--open-graph { .card--open-graph {
container-type: inline-size; container-type: inline-size;
container-name: opengraph; container-name: opengraph;
z-index: calc(var(--z-header) - 100);
} }
.card--open-graph .open-graph__inner { .card--open-graph .open-graph__inner {
display: grid; display: grid;
@ -2048,6 +2052,7 @@ button.sort[data-sort-type=up] .arrow {
position: fixed; position: fixed;
bottom: 0; bottom: 0;
left: 0; left: 0;
z-index: calc(var(--z-header) - 10);
height: calc(var(--header-h) * 0.75); height: calc(var(--header-h) * 0.75);
width: 100vw; width: 100vw;
background-color: var(--color-bg); background-color: var(--color-bg);

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

File diff suppressed because one or more lines are too long