| | |
| | | Author: Jake |
| | | Author URI: https://jakevan.ca/ |
| | | Template: jvb-theme |
| | | Version: 0.1.5 |
| | | Version: 0.1.6 |
| | | !*/ |
| | | :root{ |
| | | --filter: grayscale(.3) sepia(.4); |
| | | |
| | | --aside: min(500px, calc(100vw - 2rem - var(--btn))); |
| | | /** Download your Fonts from: https://gwfh.mranftl.com/ **/ |
| | | --font-base: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif; |
| | | --heading: 'Open Sans', var(--font-base); |
| | |
| | | margin: 0 1rem!important; |
| | | } |
| | | } |
| | | main > * { |
| | | margin-left: var(--btn)!important; |
| | | } |
| | | /*main > * {*/ |
| | | /* margin-left: var(--btn)!important;*/ |
| | | /*}*/ |
| | | main > section { |
| | | max-width: 100vw; |
| | | padding: 3rem var(--btn) 3rem 1.5rem; |
| | |
| | | background-color: rgb(var(--action-200)); |
| | | } |
| | | .cover.alt { |
| | | min-height: 0; |
| | | min-height: 40vw; |
| | | } |
| | | .cover > .content { |
| | | background-color: rgba(var(--base), var(--op-6)); |
| | |
| | | margin: 0!important; |
| | | } |
| | | .cover.alt + #top { |
| | | display: flex; |
| | | justify-content: flex-end; |
| | | flex-direction: column; |
| | | position: absolute; |
| | | right: 0; |
| | | top: 35vw; |
| | | top: var(--btn); |
| | | max-width: 60vw; |
| | | grid-column: narrow; |
| | | z-index: 10; |
| | | height: 40vw; |
| | | color: rgb(var(--action-contrast)); |
| | | padding: 0 var(--btn_) 0 0!important; |
| | | } |
| | |
| | | max-width: var(--wide); |
| | | } |
| | | #summary .summary .term-list { |
| | | height: var(--chipchip); |
| | | min-height: var(--chipchip); |
| | | margin: 0!important; |
| | | } |
| | | #summary .summary > li { |
| | | list-style: none; |
| | | height: var(--chipchip) |
| | | min-height: var(--chipchip); |
| | | } |
| | | #summary .summary .icon { |
| | | --w: 1.5em; |
| | |
| | | max-width: var(--full); |
| | | } |
| | | ul.content-term-list > li { |
| | | padding: var(--sp3) var(--btn_) var(--sp3) 0; |
| | | padding: var(--chipchip) 0; |
| | | list-style: none; |
| | | } |
| | | ul.content-term-list > li > *:not(.cover) { |
| | | padding: var(--sp3) var(--btn_) var(--sp3) 1.5rem; |
| | | } |
| | | ul.content-term-list > li:nth-of-type(even) { |
| | | background-color: rgb(var(--base-100)); |
| | | } |
| | | ul.content-term-list img { |
| | | width: 40vw; |
| | | max-width: 40vw; |
| | | max-height: 40vh; |
| | | aspect-ratio: 3/2; |
| | | max-inline-size: none; |
| | | mix-blend-mode: unset; |
| | | filter: none; |
| | | object-fit: contain; |
| | | } |
| | | |
| | | .content-term-list .cover { |
| | |
| | | |
| | | |
| | | .feed-block .item-grid { |
| | | padding-right: var(--btnbtn); |
| | | margin: 0!important; |
| | | padding: 0; |
| | | } |
| | | |
| | | |
| | |
| | | .cover.cover { |
| | | padding: 0; |
| | | } |
| | | |
| | | .project details[open] { |
| | | background-color: transparent; |
| | | max-width: var(--full); |
| | | padding-right: var(--chipchip); |
| | | } |
| | | .project details h3, |
| | | .project details h2 { |
| | | margin-top: .25em; |
| | | } |