diff --git a/assets/css/site.css b/assets/css/site.css index 4a8d7d9..eb7cc8b 100644 --- a/assets/css/site.css +++ b/assets/css/site.css @@ -1303,6 +1303,11 @@ body.simple { article { margin: 0 -1.5rem; width: auto; + + /* revert the click effect */ + &:has(a:active) { + margin: calc(0.5rem - 2px) -1.5rem 0; + } } } } @@ -1486,6 +1491,19 @@ body.simple { } } + /* adjust the case study cards on the list page */ + body.simple + { + section#studies { + padding-top: 2rem; + + article { + margin-left: 0; + margin-right: 0; + } + } + } + /* case study background handling */ section#studies { @@ -1507,10 +1525,10 @@ body.simple { gap: 2rem; } - /* inset the article when clicking the link */ + /* inset the article when clicking the link; this needs !important b/c of the mx-0 above */ &:has(a:active) { box-shadow: none; - margin: 0.5rem -0.5rem -0.5rem 0.5rem; + margin: 0.5rem -0.5rem -0.5rem 0.5rem !important; } &#honeycomb { @@ -1532,18 +1550,6 @@ body.simple { } } - /* adjust the case study cards on the list page */ - body.simple - { - section#studies { - padding-top: 2rem; - - article { - margin: 0; - } - } - } - /* honeycomb case study art */ body#honeycomb main > header #grid { --shape-size: 14dvh; diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index c1a69f0..ff38d36 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -31,9 +31,13 @@ {{- $pageLabel := "" -}} {{- $pageHref := "" -}} + {{- if and .IsSection (eq .Section "studies") -}} + {{- $pageLabel = "Case studies" -}} + {{- $pageHref = "/studies" | relURL -}} + {{- end -}} {{- if and .IsPage (eq .Section "studies") -}} {{- $pageLabel = "Case study" -}} - {{- $pageHref = "/#studies" | relURL -}} + {{- $pageHref = "/studies" | relURL -}} {{- end -}} {{- with .Params.header.page -}} {{- with .title -}}