From ba238df3e6fcd999a03b4d81161c39c70fb92770 Mon Sep 17 00:00:00 2001
From: Jake Vanderwerf <get@jakevanderwerf.ca>
Date: Sat, 14 Feb 2026 19:17:06 +0000
Subject: [PATCH] =styles for custom post type single view
---
all.css | 108 +++++++++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 103 insertions(+), 5 deletions(-)
diff --git a/all.css b/all.css
index 071a9f8..4da12a9 100644
--- a/all.css
+++ b/all.css
@@ -169,6 +169,10 @@
--purple-100: #8c1be4;
--purple-200: #7015b7;
}
+
+body {
+ overflow-x: hidden;
+}
/*** FONTS START **/
/** Download your Fonts from: https://gwfh.mranftl.com/
use ./assets/fonts/ as a base
@@ -500,6 +504,7 @@
}
.cover.alt div {
max-width: none;
+ overflow:hidden;
}
.cover.art {
@@ -770,12 +775,27 @@
.cover.development {
display: flex;
flex-direction: column;
- align-items: center;
+ align-items: flex-start;
--width: 75vh;
--third: calc(var(--width) / 3);
--half: calc(var(--width) / 2);
--quarter: calc(var(--half) / 2);
}
+@media (min-width:768px) {
+ .cover.development {
+ align-items: center;
+ }
+
+ .cover.development > div:nth-of-type(1) {
+ left: 50%;
+ }
+
+ .cover.development div:nth-of-type(2) {
+ top:var(--half);
+ right: 50%;
+ left: unset;
+ }
+}
.cover.development div div,
.cover.development div {
@@ -788,6 +808,7 @@
.cover.development div {
background-color: transparent;
+ margin: 0;
border: 0;
}
.cover.development > div:nth-of-type(1),
@@ -817,11 +838,12 @@
right: 0;
}
.cover.development > div:nth-of-type(1) {
- left: 50%;
+ left: calc(var(--third) / 2);
}
+
.cover.development div:nth-of-type(2) {
top:var(--half);
- right: 50%;
+ left: -2.5rem;
}
@@ -852,6 +874,7 @@
}
.cover.design > div {
min-height: var(--width);
+ margin: 0;
background:transparent;
border: none;
position:relative;
@@ -884,6 +907,9 @@
width: var(--width);
border-radius:50%;
}
+.cover.design img {
+ mix-blend-mode: overlay;
+}
/*.cover.strategy {*/
@@ -1071,8 +1097,8 @@
}
.feed-block .item-grid {
- max-width: none;
- padding-right: var(--btn);
+ max-width:var(--wider);
+ padding:0;
}
#top h1 small {
@@ -1128,3 +1154,75 @@
margin: 1.5em 0 .25rem;
font-size: var(--txt-x-medium);
}
+
+section#gallery div {
+ max-width: var(--wide);
+ display: grid;
+ gap: 5px;
+ grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+ grid-auto-rows: 200px;
+}
+#gallery div figure img {
+ width:100%;
+ height: 100%;
+ object-fit: cover;
+ transform: scale(1);
+ transition: var(--trans-transform);
+}
+ #gallery div figure:hover img {
+ transform: scale(1.05);
+ }
+
+#gallery div figure:nth-of-type(3n+1) {
+ padding: 15px;
+}
+#gallery div figure:nth-of-type(5n+1) {
+ padding: 25px;
+}
+/*section#gallery div img:nth-of-type(3n+1) {*/
+/* padding: 1rem;*/
+/*}*/
+
+#gallery div figure:nth-of-type(6n + 1),
+#gallery div figure:nth-of-type(6n + 5){
+ grid-row: span 2;
+}
+
+#gallery div figure:nth-of-type(6n + 0),
+#gallery div figure:nth-of-type(6n + 6){
+ grid-column: span 2;
+}
+#gallery div figure:nth-of-type(6n+4) {
+ grid-column: span 2;
+ grid-row: span 2;
+}
+
+/*#gallery div img:nth-of-type(3n+2) {*/
+/* grid-row: span 1;*/
+/* grid-column: span 2;*/
+/*}*/
+
+
+.needs-wants.needs-wants {
+ max-width: var(--wide);
+}
+ .needs-wants li {
+ list-style: none;
+ padding:0;
+ display: flex;
+ flex-wrap: wrap;
+ align-items: flex-start;
+ }
+ .needs-wants h3 {
+ margin: 4rem 0 2rem;
+ }
+ .needs-wants img {
+ max-width: 45%;
+ margin-right: 4%;
+ position:sticky;
+ top: var(--btnbtn);
+ }
+ .needs-wants img + .info {
+ max-width: 50%;
+ display: inline-block;
+ }
--
Gitblit v1.10.0