studio-variable/hic-et-nunc
5
0
Fork 0
Code Issues 3 Pull requests Projects Releases Packages Wiki Activity Actions

Project-closer+css images projects
All checks were successful
Deploy / Deploy to Production (push) Successful in 3s
Details

Browse source
This commit is contained in:
Camilledenoray 2026-06-05 12:13:02 +02:00
parent c569fa0140
commit 0badd67b46
8 changed files with 99 additions and 63 deletions
Download patch file Download diff file Expand all files Collapse all files

33
assets/css/src/_mobile.scss
View file

@ -9,18 +9,31 @@
body {
}
.project-slideshow {
.project-slideshow-container {
position: fixed;
top: 0;
width: 100vw;
left: 0;
margin: 0;
height: var(--slider-height);
button.all-projects-closer {
display: none;
}
}
.project-slideshow img {
width: 100%;
height: 100%;
object-fit: cover;
.project-slideshow {
inset: 0;
width: auto;
height: auto;
picture {
inset: 0;
position: absolute;
img {
width: 100%;
height: 100%;
object-fit: cover;
}
}
}
.main-title {
@ -54,7 +67,7 @@
padding-top: var(--font-size-XL);
}
main:has(ul li.selected) {
main:has(nav li.selected) {
top: var(--slider-height);
padding-top: 0;
}
@ -70,7 +83,7 @@
nav.filter-menu:has(+ ul li.selected) {
}
ul.projects-index {
nav.projects-index {
padding-top: var(--line-height-S);
position: absolute;
width: calc(100vw - (var(--body-margin) * 3));
@ -104,6 +117,12 @@
.mobile-menu {
display: flex;
ul {
font-size: var(--font-size-L);
a {
text-decoration: none;
}
}
}
header:hover ~ main {