diff --git a/assets/css/src/_mobile.scss b/assets/css/src/_mobile.scss index f921304..60300e2 100644 --- a/assets/css/src/_mobile.scss +++ b/assets/css/src/_mobile.scss @@ -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); + } } diff --git a/assets/css/style.css b/assets/css/style.css index c7a3522..4f2cb9c 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -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 */ \ No newline at end of file diff --git a/assets/css/style.css.map b/assets/css/style.css.map index 8fbd372..e21f461 100644 --- a/assets/css/style.css.map +++ b/assets/css/style.css.map @@ -1 +1 @@ -{"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"} \ No newline at end of file +{"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"} \ No newline at end of file diff --git a/site/snippets/nav.php b/site/snippets/nav.php index 1a0a6ed..ffd286d 100644 --- a/site/snippets/nav.php +++ b/site/snippets/nav.php @@ -7,6 +7,11 @@ Hic et Nunc Studio +