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

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

Browse source
This commit is contained in:
Camilledenoray 2026-06-02 11:38:01 +02:00
parent 2c8f67d82b
commit a25c02a10c
6 changed files with 72 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
._content Normal file
View file

Binary file not shown.

19
assets/css/src/_main.scss
View file

@ -2,7 +2,8 @@
@font-face {
font-family: "neue-haas-grotesk-display";
src: url("https://use.typekit.net/af/174ae3/00000000000000007735bb5a/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3")
src:
url("https://use.typekit.net/af/174ae3/00000000000000007735bb5a/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3")
format("woff2"),
url("https://use.typekit.net/af/174ae3/00000000000000007735bb5a/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3")
format("woff"),
@ -16,7 +17,8 @@
@font-face {
font-family: "neue-haas-grotesk-display";
src: url("https://use.typekit.net/af/db1ce7/00000000000000007735bb5e/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3")
src:
url("https://use.typekit.net/af/db1ce7/00000000000000007735bb5e/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3")
format("woff2"),
url("https://use.typekit.net/af/db1ce7/00000000000000007735bb5e/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3")
format("woff"),
@ -176,7 +178,7 @@ button.next {
}
.fix:hover .slide-number {
display: block;
display: none;
}
.toggle {
@ -209,6 +211,7 @@ button.next {
.unselected {
opacity: var(--low-opacity);
pointer-events: none;
}
.unselected:hover {
@ -219,6 +222,11 @@ button.next {
display: none;
}
.unselected:hover .slide-number {
display: none;
color: red;
}
.selected {
opacity: 1;
}
@ -252,8 +260,9 @@ button.next {
display: grid;
grid-template-columns:
calc(3 / 6 * var(--index-width) - var(--body-margin))
calc(2 / 6 * var(--index-width) - var(--body-margin)) calc(1 / 6 *
var(--index-width) - var(--body-margin));
calc(2 / 6 * var(--index-width) - var(--body-margin)) calc(
1 / 6 * var(--index-width) - var(--body-margin)
);
gap: var(--body-margin);
pointer-events: all;
padding-bottom: var(--line-height-S);

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

@ -32,4 +32,31 @@
.project-toggler.grid {
display: block;
}
main {
position: fixed;
top: 0;
bottom: 0;
overflow: auto;
width: calc(100% - var(--body-margin));
}
main:has(ul li.selected) {
top: 50vh;
}
nav.filter-menu {
position: absolute;
top: 0;
margin-top: calc(var(--line-height-S) * 2);
}
ul.projects-index {
top: calc(var(--line-height-S) * 5);
position: absolute;
}
.fix:hover + .toggle {
display: none;
}
}

30
assets/css/style.css
View file

@ -176,7 +176,7 @@ button.next {
}
.fix:hover .slide-number {
display: block;
display: none;
}
.toggle {
@ -209,6 +209,7 @@ button.next {
.unselected {
opacity: var(--low-opacity);
pointer-events: none;
}
.unselected:hover {
@ -219,6 +220,11 @@ button.next {
display: none;
}
.unselected:hover .slide-number {
display: none;
color: red;
}
.selected {
opacity: 1;
}
@ -512,4 +518,26 @@ nav.main-menu:hover {
.project-toggler.grid {
display: block;
}
main {
position: fixed;
top: 0;
bottom: 0;
overflow: auto;
width: calc(100% - var(--body-margin));
}
main:has(ul li.selected) {
top: 50vh;
}
nav.filter-menu {
position: absolute;
top: 0;
margin-top: calc(var(--line-height-S) * 2);
}
ul.projects-index {
top: calc(var(--line-height-S) * 5);
position: absolute;
}
.fix:hover + .toggle {
display: none;
}
}/*# 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,sgBAAA;EAMA,kBAAA;EACA,kBAAA;EACA,gBAAA;EACA,oBAAA;AEIF;AFDA;EACE,wCAAA;EACA,sgBAAA;EAMA,kBAAA;EACA,kBAAA;EACA,gBAAA;EACA,oBAAA;AEFF;AFKA;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;AEHF;;AFMA;EACE,6BAAA;EACA,6BAAA;EACA,0BAAA;EACA,MAAA;EACA,kBAAA;EACA,OAAA;EACA,QAAA;EACA,SAAA;AEHF;;AFMA;EACE,wBAAA;AEHF;;AFMA;EACE,wBAAA;AEHF;;AFMA;EACE,mBAAA;EACA,oBAAA;EACA,SAAA;AEHF;;AFMA;EACE,+BAAA;EACA,sBAAA;EACA,SAAA;EACA,YAAA;EACA,eAAA;AEHF;;AFMA;EACE,sCAAA;AEHF;;AFMA;EACE,gBAAA;EACA,SAAA;EACA,UAAA;EACA,SAAA;AEHF;;AFMA;EACE,gCAAA;AEHF;;AFMA;EACE,QAAA;EACA,kBAAA;EACA,UAAA;AEHF;;AFMA;EACE,eAAA;AEHF;;AFOE;EACE,aAAA;EACA,UAAA;EACA,kBAAA;EACA,6BAAA;EACA,mBAAA;EACA,iCAAA;EACA,+DAAA;AEJJ;AFMI;EACE,qBAAA;AEJN;;AFSA,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;AEPF;;AFUA;EACE,6BAAA;AEPF;;AFUA;EACE,kBAAA;EACA,MAAA;EACA,YAAA;EACA,YAAA;EACA,gBAAA;EACA,UAAA;EACA,UAAA;EACA,OAAA;EACA,UAAA;AEPF;;AFUA;EACE,kBAAA;EACA,MAAA;EACA,QAAA;EACA,YAAA;EACA,YAAA;EACA,gBAAA;EACA,UAAA;EACA,UAAA;EACA,UAAA;AEPF;;AFUA;EACE,eAAA;EACA,gDAAA;EACA,yBAAA;EACA,sBAAA;AEPF;;AFUA,mBAAA;AAEA;EACE,WAAA;EACA,UAAA;EACA,kBAAA;EACA,uCAAA;EACA,aAAA;EACA,8CAAA;EACA,oBAAA;AERF;;AFWA;EACE,cAAA;AERF;;AFWA;EACE,aAAA;EACA,0CAAA;AERF;;AFWA;EACE,cAAA;AERF;;AFWA;EACE,iBAAA;AERF;;AFWA;EACE,UAAA;EACA,kBAAA;EACA,0DAAA;EACA,aAAA;AERF;;AFWA;EACE,aAAA;AERF;;AFWA;EACE,cAAA;AERF;;AFWA;EACE,2BAAA;AERF;;AFWA;EACE,UAAA;AERF;;AFWA;EACE,aAAA;AERF;;AFWA;EACE,UAAA;AERF;;AFWA;EACE,aAAA;EACA,yGACE;EAEF,uBAAA;AEVF;;AFaA;EACE,cAAA;AEVF;;AFaA;EACE,aAAA;AEVF;;AFaA;EACE,iBAAA;EACA,aAAA;AEVF;;AFaA;EACE,cAAA;AEVF;;AFaA;EACE,aAAA;EACA,oMACE;EAGF,uBAAA;EACA,mBAAA;EACA,oCAAA;AEbF;;AFgBA;EACE,mCAAA;EACA,aAAA;AEbF;;AFgBA;EACE,cAAA;AEbF;;AFgBA;EACE,2BAAA;EACA,aAAA;AEbF;;AFgBA;EACE,cAAA;AEbF;;AFgBA;EACE,eAAA;EACA,YAAA;EACA,yBAAA;EACA,2BAAA;EACA,aAAA;AEbF;;AFgBA;EACE,cAAA;AEbF;;AFgBA;EACE,cAAA;AEbF;;AFgBA,UAAA;AAEA;EACE,iCAAA;AEdF;;AFiBA;EACE,kBAAA;EACA,yCAAA;AEdF;;ACzSA;EACE,0CAAA;EACA,UAAA;EACA,gDAAA;EACA,4BAAA;EACA,kBAAA;EACA,oBAAA;EACA,UAAA;EACA,+BAAA;EACA,MAAA;EACA,8BAAA;EACA,oBAAA;AD4SF;;ACzSA;EACE,gCAAA;EACA,UAAA;EACA,gBAAA;EACA,6BAAA;EACA,UAAA;EACA,kBAAA;AD4SF;;ACzSA;EACE,WAAA;AD4SF;;ACzSA;EACE,gBAAA;EACA,qBAAA;EACA,uBAAA;EACA,eAAA;AD4SF;;ACzSA;EACE,8BAAA;EACA,kBAAA;EACA,aAAA;EACA,kBAAA;EACA,WAAA;EACA,8BAAA;EACA,iBAAA;AD4SF;;ACzSA;EACE,qBAAA;EACA,iCAAA;EACA,8BAAA;AD4SF;;ACzSA;EACE,UAAA;EACA,6BAAA;EACA,uBAAA;EACA,gDAAA;EACA,eAAA;EACA,uBAAA;EAAA,kBAAA;EACA,eAAA;AD4SF;;ACzSA;EACE,WAAA;EACA,eAAA;EACA,UAAA;EACA,YAAA;EACA,iBAAA;AD4SF;;ACzSA;EACE,qBAAA;AD4SF;;ACzSA;EACE,UAAA;EACA,+CAAA;EACA,4BAAA;EACA,mBAAA;EACA,UAAA;AD4SF;;ACzSA;EACE,2BAAA;EACA,+CAAA;AD4SF;;ACzSA;EACE,2BAAA;EACA,+CAAA;AD4SF;;ACzSA;EACE,2BAAA;EACA,+CAAA;AD4SF;;ACzSA;EACE,UAAA;EACA,kBAAA;EACA,mBAAA;EACA,UAAA;AD4SF;;ACzSA;EACE,0BAAA;AD4SF;;ACzSA;EACE,0BAAA;AD4SF;;ACzSA;EACE,0BAAA;AD4SF;;ACzSA,qBAAA;AAEA;EACE,8BAAA;EACA,kBAAA;EACA,aAAA;EACA,kBAAA;EACA,WAAA;EACA,8BAAA;EACA,iBAAA;AD2SF;;ACxSA;EACE,kBAAA;AD2SF;;ACxSA;EACE,wBAAA;AD2SF;;AE9aA;EACE,eAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,YAAA;AFibF;AE/aE;EACE,aAAA;EACA,WAAA;EACA,YAAA;AFibJ;AE/aI;EACE,cAAA;AFibN;AE9aI;EACE,aAAA;AFgbN;AE7aI;;EAEE,WAAA;EACA,YAAA;AF+aN;AE5aI;EACE,UAAA;EACA,YAAA;AF8aN;AE1aE;;EAEE,WAAA;EACA,YAAA;EACA,oBAAA;KAAA,iBAAA;AF4aJ;AEzaE;EACE,sCAAA;EACA,kBAAA;EACA,WAAA;AF2aJ;;AEvaA;EACE,qCAAA;EACA,kBAAA;EACA,WAAA;AF0aF;;AEvaA;EACE,qCAAA;EACA,kBAAA;EACA,WAAA;AF0aF;;AGjeA;EACE;IACE,qBAAA;EHoeF;EGjeA;IACE,eAAA;IACA,MAAA;IACA,YAAA;IACA,OAAA;IACA,SAAA;IACA,YAAA;EHmeF;EGjeA;IACE,WAAA;IACA,YAAA;IACA,oBAAA;OAAA,iBAAA;EHmeF;EGheA;IACE,UAAA;IACA,eAAA;EHkeF;EG5dA;IACE,cAAA;EH8dF;EG3dA;IACE,cAAA;EH6dF;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":"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"}

1
site/snippets/header.php
View file

@ -6,6 +6,7 @@
<title><?= $site->title() ?></title>
<link rel="stylesheet" href="/assets/css/style.css">
<meta name="robots" content="noindex,nofollow">
<link rel="icon" type="image/png" href="/assets/images/favicon.png"></link>
</head>
<body data-template="<?= $page->intendedTemplate() ?>">