=styles for custom post type single view

Jake Vanderwerf

2026-02-14 ba238df3e6fcd999a03b4d81161c39c70fb92770

 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;
   }