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

Index > CSS > mobile (round2)
All checks were successful
Deploy / Deploy to Production (push) Successful in 3s
Details

Browse source
This commit is contained in:
Camilledenoray 2026-06-02 16:04:58 +02:00
parent a25c02a10c
commit 7f36178a80
4 changed files with 44 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,4 +1,8 @@
@media screen and (max-width: 1000px) {
* {
--slider-height: 50vh;
}
body {
background-color: red;
}
@ -9,7 +13,7 @@
width: 100vw;
left: 0;
margin: 0;
height: 50vh;
height: var(--slider-height);
}
.project-slideshow img {
width: 100%;
@ -18,8 +22,13 @@
}
.main-title {
z-index: 2;
position: fixed;
font-size: var(--font-size-XL);
line-break: strict;
left: -0.65vw;
position: relative;
top: -0.7vw;
margin-top: var(--body-margin);
line-height: 0.75;
}
.project-index :has(.selected) {
@ -42,7 +51,7 @@
}
main:has(ul li.selected) {
top: 50vh;
top: var(--slider-height);
}
nav.filter-menu {
@ -59,4 +68,11 @@
.fix:hover + .toggle {
display: none;
}
.slide-number {
position: fixed;
top: var(--slider-height);
margin-top: calc(-2 * (var(--line-height-S)));
right: var(--body-margin);
}
}

30
assets/css/style.css
View file

@ -96,10 +96,6 @@ ul {
z-index: 0;
}
.projects-index summary {
cursor: pointer;
}
nav.filter-menu {
display: flex;
opacity: 1;
@ -129,10 +125,6 @@ nav.filter-menu a {
text-align: right;
}
button {
background-color: transparent;
}
button.prev {
position: absolute;
top: 0;
@ -491,6 +483,9 @@ nav.main-menu:hover {
}
@media screen and (max-width: 1000px) {
* {
--slider-height: 50vh;
}
body {
background-color: red;
}
@ -500,7 +495,7 @@ nav.main-menu:hover {
width: 100vw;
left: 0;
margin: 0;
height: 50vh;
height: var(--slider-height);
}
.project-slideshow img {
width: 100%;
@ -509,8 +504,13 @@ nav.main-menu:hover {
object-fit: cover;
}
.main-title {
z-index: 2;
position: fixed;
font-size: var(--font-size-XL);
line-break: strict;
left: -0.65vw;
position: relative;
top: -0.7vw;
margin-top: var(--body-margin);
line-height: 0.75;
}
.fix {
display: block;
@ -526,7 +526,7 @@ nav.main-menu:hover {
width: calc(100% - var(--body-margin));
}
main:has(ul li.selected) {
top: 50vh;
top: var(--slider-height);
}
nav.filter-menu {
position: absolute;
@ -540,4 +540,10 @@ nav.main-menu:hover {
.fix:hover + .toggle {
display: none;
}
.slide-number {
position: fixed;
top: var(--slider-height);
margin-top: calc(-2 * (var(--line-height-S)));
right: var(--body-margin);
}
}/*# sourceMappingURL=style.css.map */

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

@ -1 +1 @@
{"version":3,"sources":["src/_main.scss","src/_reset.scss","style.css","src/_nav.scss","src/_home.scss","src/_mobile.scss"],"names":[],"mappings":"AAAQ,yGAAA;ACAR;EACE,YAAA;EACA,UAAA;EACA,SAAA;EACA,mBAAA;EACA,aAAA;EACA,eAAA;ACEF;;AFNA;EACE,wCAAA;EACA,sgBACE;EAMF,kBAAA;EACA,kBAAA;EACA,gBAAA;EACA,oBAAA;AEGF;AFAA;EACE,wCAAA;EACA,sgBACE;EAMF,kBAAA;EACA,kBAAA;EACA,gBAAA;EACA,oBAAA;AEJF;AFOA;EACE,oDAAA;EACA,qBAAA;EACA,qBAAA;EACA,oBAAA;EACA,mCAAA;EACA,mBAAA;EACA,qBAAA;EACA,kBAAA;EACA,2BAAA;EACA,4BAAA;EACA,mBAAA;EACA,kBAAA;EACA,mBAAA;EACA,oBAAA;EACA,+DAAA;AELF;;AFQA;EACE,6BAAA;EACA,6BAAA;EACA,0BAAA;EACA,MAAA;EACA,kBAAA;EACA,OAAA;EACA,QAAA;EACA,SAAA;AELF;;AFQA;EACE,wBAAA;AELF;;AFQA;EACE,wBAAA;AELF;;AFQA;EACE,mBAAA;EACA,oBAAA;EACA,SAAA;AELF;;AFQA;EACE,+BAAA;EACA,sBAAA;EACA,SAAA;EACA,YAAA;EACA,eAAA;AELF;;AFQA;EACE,sCAAA;AELF;;AFQA;EACE,gBAAA;EACA,SAAA;EACA,UAAA;EACA,SAAA;AELF;;AFQA;EACE,gCAAA;AELF;;AFQA;EACE,QAAA;EACA,kBAAA;EACA,UAAA;AELF;;AFQA;EACE,eAAA;AELF;;AFSE;EACE,aAAA;EACA,UAAA;EACA,kBAAA;EACA,6BAAA;EACA,mBAAA;EACA,iCAAA;EACA,+DAAA;AENJ;AFQI;EACE,qBAAA;AENN;;AFWA,sBAAA;AAEA;EACE,eAAA;EACA,QAAA;EACA,MAAA;EACA,6CAAA;EACA,wBAAA;EAAA,mBAAA;EACA,UAAA;EACA,gBAAA;EACA,sBAAA;EACA,kEAAA;EACA,mDAAA;EACA,iBAAA;AETF;;AFYA;EACE,6BAAA;AETF;;AFYA;EACE,kBAAA;EACA,MAAA;EACA,YAAA;EACA,YAAA;EACA,gBAAA;EACA,UAAA;EACA,UAAA;EACA,OAAA;EACA,UAAA;AETF;;AFYA;EACE,kBAAA;EACA,MAAA;EACA,QAAA;EACA,YAAA;EACA,YAAA;EACA,gBAAA;EACA,UAAA;EACA,UAAA;EACA,UAAA;AETF;;AFYA;EACE,eAAA;EACA,gDAAA;EACA,yBAAA;EACA,sBAAA;AETF;;AFYA,mBAAA;AAEA;EACE,WAAA;EACA,UAAA;EACA,kBAAA;EACA,uCAAA;EACA,aAAA;EACA,8CAAA;EACA,oBAAA;AEVF;;AFaA;EACE,aAAA;AEVF;;AFaA;EACE,aAAA;EACA,0CAAA;AEVF;;AFaA;EACE,cAAA;AEVF;;AFaA;EACE,iBAAA;AEVF;;AFaA;EACE,UAAA;EACA,kBAAA;EACA,0DAAA;EACA,aAAA;AEVF;;AFaA;EACE,aAAA;AEVF;;AFaA;EACE,cAAA;AEVF;;AFaA;EACE,2BAAA;EACA,oBAAA;AEVF;;AFaA;EACE,UAAA;AEVF;;AFaA;EACE,aAAA;AEVF;;AFaA;EACE,aAAA;EACA,UAAA;AEVF;;AFaA;EACE,UAAA;AEVF;;AFaA;EACE,aAAA;EACA,yGACE;EAEF,uBAAA;AEZF;;AFeA;EACE,cAAA;AEZF;;AFeA;EACE,aAAA;AEZF;;AFeA;EACE,iBAAA;EACA,aAAA;AEZF;;AFeA;EACE,cAAA;AEZF;;AFeA;EACE,aAAA;EACA,oMACE;EAIF,uBAAA;EACA,mBAAA;EACA,oCAAA;AEhBF;;AFmBA;EACE,mCAAA;EACA,aAAA;AEhBF;;AFmBA;EACE,cAAA;AEhBF;;AFmBA;EACE,2BAAA;EACA,aAAA;AEhBF;;AFmBA;EACE,cAAA;AEhBF;;AFmBA;EACE,eAAA;EACA,YAAA;EACA,yBAAA;EACA,2BAAA;EACA,aAAA;AEhBF;;AFmBA;EACE,cAAA;AEhBF;;AFmBA;EACE,cAAA;AEhBF;;AFmBA,UAAA;AAEA;EACE,iCAAA;AEjBF;;AFoBA;EACE,kBAAA;EACA,yCAAA;AEjBF;;AC/SA;EACE,0CAAA;EACA,UAAA;EACA,gDAAA;EACA,4BAAA;EACA,kBAAA;EACA,oBAAA;EACA,UAAA;EACA,+BAAA;EACA,MAAA;EACA,8BAAA;EACA,oBAAA;ADkTF;;AC/SA;EACE,gCAAA;EACA,UAAA;EACA,gBAAA;EACA,6BAAA;EACA,UAAA;EACA,kBAAA;ADkTF;;AC/SA;EACE,WAAA;ADkTF;;AC/SA;EACE,gBAAA;EACA,qBAAA;EACA,uBAAA;EACA,eAAA;ADkTF;;AC/SA;EACE,8BAAA;EACA,kBAAA;EACA,aAAA;EACA,kBAAA;EACA,WAAA;EACA,8BAAA;EACA,iBAAA;ADkTF;;AC/SA;EACE,qBAAA;EACA,iCAAA;EACA,8BAAA;ADkTF;;AC/SA;EACE,UAAA;EACA,6BAAA;EACA,uBAAA;EACA,gDAAA;EACA,eAAA;EACA,uBAAA;EAAA,kBAAA;EACA,eAAA;ADkTF;;AC/SA;EACE,WAAA;EACA,eAAA;EACA,UAAA;EACA,YAAA;EACA,iBAAA;ADkTF;;AC/SA;EACE,qBAAA;ADkTF;;AC/SA;EACE,UAAA;EACA,+CAAA;EACA,4BAAA;EACA,mBAAA;EACA,UAAA;ADkTF;;AC/SA;EACE,2BAAA;EACA,+CAAA;ADkTF;;AC/SA;EACE,2BAAA;EACA,+CAAA;ADkTF;;AC/SA;EACE,2BAAA;EACA,+CAAA;ADkTF;;AC/SA;EACE,UAAA;EACA,kBAAA;EACA,mBAAA;EACA,UAAA;ADkTF;;AC/SA;EACE,0BAAA;ADkTF;;AC/SA;EACE,0BAAA;ADkTF;;AC/SA;EACE,0BAAA;ADkTF;;AC/SA,qBAAA;AAEA;EACE,8BAAA;EACA,kBAAA;EACA,aAAA;EACA,kBAAA;EACA,WAAA;EACA,8BAAA;EACA,iBAAA;ADiTF;;AC9SA;EACE,kBAAA;ADiTF;;AC9SA;EACE,wBAAA;ADiTF;;AEpbA;EACE,eAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,YAAA;AFubF;AErbE;EACE,aAAA;EACA,WAAA;EACA,YAAA;AFubJ;AErbI;EACE,cAAA;AFubN;AEpbI;EACE,aAAA;AFsbN;AEnbI;;EAEE,WAAA;EACA,YAAA;AFqbN;AElbI;EACE,UAAA;EACA,YAAA;AFobN;AEhbE;;EAEE,WAAA;EACA,YAAA;EACA,oBAAA;KAAA,iBAAA;AFkbJ;AE/aE;EACE,sCAAA;EACA,kBAAA;EACA,WAAA;AFibJ;;AE7aA;EACE,qCAAA;EACA,kBAAA;EACA,WAAA;AFgbF;;AE7aA;EACE,qCAAA;EACA,kBAAA;EACA,WAAA;AFgbF;;AGveA;EACE;IACE,qBAAA;EH0eF;EGveA;IACE,eAAA;IACA,MAAA;IACA,YAAA;IACA,OAAA;IACA,SAAA;IACA,YAAA;EHyeF;EGveA;IACE,WAAA;IACA,YAAA;IACA,oBAAA;OAAA,iBAAA;EHyeF;EGteA;IACE,UAAA;IACA,eAAA;EHweF;EGleA;IACE,cAAA;EHoeF;EGjeA;IACE,cAAA;EHmeF;EGheA;IACE,eAAA;IACA,MAAA;IACA,SAAA;IACA,cAAA;IACA,sCAAA;EHkeF;EG/dA;IACE,SAAA;EHieF;EG9dA;IACE,kBAAA;IACA,MAAA;IACA,0CAAA;EHgeF;EG7dA;IACE,mCAAA;IACA,kBAAA;EH+dF;EG5dA;IACE,aAAA;EH8dF;AACF","file":"style.css"}
{"version":3,"sources":["src/_main.scss","src/_reset.scss","style.css","src/_nav.scss","src/_home.scss","src/_mobile.scss"],"names":[],"mappings":"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","file":"style.css"}

5
site/snippets/nav.php
View file

@ -7,6 +7,11 @@
<span>Hic&nbsp;et&nbsp;Nunc&nbsp;Studio</span>
</a>
</h1>
<h1 class="title-nav-mobile">
<a href="">
<span>menu</span>
</a>
</h1>
<ul>
<li>
<a class="nav-item-home" href="<?= page('home')->url() ?>"><?= page('home')->title() ?></a>,&nbsp;