From 3cef7779cbe8c740106df196b9dd588748bd962d Mon Sep 17 00:00:00 2001
From: Jake Vanderwerf <get@jakevanderwerf.ca>
Date: Thu, 28 May 2026 19:30:06 +0000
Subject: [PATCH] =gitblit switch
---
assets/fonts/source-serif-4-v14-latin-300.woff2 | 0
assets/fonts/source-serif-4-v14-latin-700italic.ttf | 0
assets/fonts/montserrat-v31-latin-900.ttf | 0
assets/fonts/source-serif-4-v14-latin-700.ttf | 0
assets/fonts/montserrat-v31-latin-900.woff2 | 0
assets/fonts/source-serif-4-v14-latin-700italic.woff2 | 0
assets/fonts/montserrat-v31-latin-200italic.ttf | 0
functions.php | 15
assets/fonts/montserrat-v31-latin-200.ttf | 0
assets/fonts/source-serif-4-v14-latin-300italic.woff2 | 0
theme.json | 97 ++++++++
assets/fonts/montserrat-v31-latin-italic.ttf | 0
assets/fonts/montserrat-v31-latin-900italic.ttf | 0
assets/fonts/montserrat-v31-latin-regular.woff2 | 0
assets/fonts/montserrat-v31-latin-200.woff2 | 0
style.css | 594 +++++++++++++++++++++++++++++++++----------------
assets/fonts/montserrat-v31-latin-italic.woff2 | 0
assets/fonts/source-serif-4-v14-latin-700.woff2 | 0
assets/fonts/source-serif-4-v14-latin-300italic.ttf | 0
assets/fonts/montserrat-v31-latin-900italic.woff2 | 0
assets/fonts/source-serif-4-v14-latin-300.ttf | 0
assets/fonts/montserrat-v31-latin-regular.ttf | 0
assets/fonts/montserrat-v31-latin-200italic.woff2 | 0
23 files changed, 500 insertions(+), 206 deletions(-)
diff --git a/assets/fonts/montserrat-v31-latin-200.ttf b/assets/fonts/montserrat-v31-latin-200.ttf
new file mode 100644
index 0000000..11561f7
--- /dev/null
+++ b/assets/fonts/montserrat-v31-latin-200.ttf
Binary files differ
diff --git a/assets/fonts/montserrat-v31-latin-200.woff2 b/assets/fonts/montserrat-v31-latin-200.woff2
new file mode 100644
index 0000000..85a1520
--- /dev/null
+++ b/assets/fonts/montserrat-v31-latin-200.woff2
Binary files differ
diff --git a/assets/fonts/montserrat-v31-latin-200italic.ttf b/assets/fonts/montserrat-v31-latin-200italic.ttf
new file mode 100644
index 0000000..b85d31f
--- /dev/null
+++ b/assets/fonts/montserrat-v31-latin-200italic.ttf
Binary files differ
diff --git a/assets/fonts/montserrat-v31-latin-200italic.woff2 b/assets/fonts/montserrat-v31-latin-200italic.woff2
new file mode 100644
index 0000000..568ce8e
--- /dev/null
+++ b/assets/fonts/montserrat-v31-latin-200italic.woff2
Binary files differ
diff --git a/assets/fonts/montserrat-v31-latin-900.ttf b/assets/fonts/montserrat-v31-latin-900.ttf
new file mode 100644
index 0000000..753cb44
--- /dev/null
+++ b/assets/fonts/montserrat-v31-latin-900.ttf
Binary files differ
diff --git a/assets/fonts/montserrat-v31-latin-900.woff2 b/assets/fonts/montserrat-v31-latin-900.woff2
new file mode 100644
index 0000000..6dae18c
--- /dev/null
+++ b/assets/fonts/montserrat-v31-latin-900.woff2
Binary files differ
diff --git a/assets/fonts/montserrat-v31-latin-900italic.ttf b/assets/fonts/montserrat-v31-latin-900italic.ttf
new file mode 100644
index 0000000..8d30349
--- /dev/null
+++ b/assets/fonts/montserrat-v31-latin-900italic.ttf
Binary files differ
diff --git a/assets/fonts/montserrat-v31-latin-900italic.woff2 b/assets/fonts/montserrat-v31-latin-900italic.woff2
new file mode 100644
index 0000000..6623d8c
--- /dev/null
+++ b/assets/fonts/montserrat-v31-latin-900italic.woff2
Binary files differ
diff --git a/assets/fonts/montserrat-v31-latin-italic.ttf b/assets/fonts/montserrat-v31-latin-italic.ttf
new file mode 100644
index 0000000..1aee202
--- /dev/null
+++ b/assets/fonts/montserrat-v31-latin-italic.ttf
Binary files differ
diff --git a/assets/fonts/montserrat-v31-latin-italic.woff2 b/assets/fonts/montserrat-v31-latin-italic.woff2
new file mode 100644
index 0000000..dbd484c
--- /dev/null
+++ b/assets/fonts/montserrat-v31-latin-italic.woff2
Binary files differ
diff --git a/assets/fonts/montserrat-v31-latin-regular.ttf b/assets/fonts/montserrat-v31-latin-regular.ttf
new file mode 100644
index 0000000..4b100de
--- /dev/null
+++ b/assets/fonts/montserrat-v31-latin-regular.ttf
Binary files differ
diff --git a/assets/fonts/montserrat-v31-latin-regular.woff2 b/assets/fonts/montserrat-v31-latin-regular.woff2
new file mode 100644
index 0000000..6fbeafa
--- /dev/null
+++ b/assets/fonts/montserrat-v31-latin-regular.woff2
Binary files differ
diff --git a/assets/fonts/source-serif-4-v14-latin-300.ttf b/assets/fonts/source-serif-4-v14-latin-300.ttf
new file mode 100644
index 0000000..e23a3cc
--- /dev/null
+++ b/assets/fonts/source-serif-4-v14-latin-300.ttf
Binary files differ
diff --git a/assets/fonts/source-serif-4-v14-latin-300.woff2 b/assets/fonts/source-serif-4-v14-latin-300.woff2
new file mode 100644
index 0000000..c6ada36
--- /dev/null
+++ b/assets/fonts/source-serif-4-v14-latin-300.woff2
Binary files differ
diff --git a/assets/fonts/source-serif-4-v14-latin-300italic.ttf b/assets/fonts/source-serif-4-v14-latin-300italic.ttf
new file mode 100644
index 0000000..0961cd2
--- /dev/null
+++ b/assets/fonts/source-serif-4-v14-latin-300italic.ttf
Binary files differ
diff --git a/assets/fonts/source-serif-4-v14-latin-300italic.woff2 b/assets/fonts/source-serif-4-v14-latin-300italic.woff2
new file mode 100644
index 0000000..239737e
--- /dev/null
+++ b/assets/fonts/source-serif-4-v14-latin-300italic.woff2
Binary files differ
diff --git a/assets/fonts/source-serif-4-v14-latin-700.ttf b/assets/fonts/source-serif-4-v14-latin-700.ttf
new file mode 100644
index 0000000..6c44baf
--- /dev/null
+++ b/assets/fonts/source-serif-4-v14-latin-700.ttf
Binary files differ
diff --git a/assets/fonts/source-serif-4-v14-latin-700.woff2 b/assets/fonts/source-serif-4-v14-latin-700.woff2
new file mode 100644
index 0000000..34a307f
--- /dev/null
+++ b/assets/fonts/source-serif-4-v14-latin-700.woff2
Binary files differ
diff --git a/assets/fonts/source-serif-4-v14-latin-700italic.ttf b/assets/fonts/source-serif-4-v14-latin-700italic.ttf
new file mode 100644
index 0000000..1f80ab8
--- /dev/null
+++ b/assets/fonts/source-serif-4-v14-latin-700italic.ttf
Binary files differ
diff --git a/assets/fonts/source-serif-4-v14-latin-700italic.woff2 b/assets/fonts/source-serif-4-v14-latin-700italic.woff2
new file mode 100644
index 0000000..3388efe
--- /dev/null
+++ b/assets/fonts/source-serif-4-v14-latin-700italic.woff2
Binary files differ
diff --git a/functions.php b/functions.php
index 1163a3b..fb0d68e 100644
--- a/functions.php
+++ b/functions.php
@@ -1,23 +1,16 @@
<?php
-/**
- * Legacy Theme functions and definitions.
- *
- * @link https://developer.wordpress.org/themes/basics/theme-functions/
- *
- * @package legacy
- */
-add_action( 'wp_enqueue_scripts', 'legacy_parent_theme_enqueue_styles' );
+add_action( 'wp_enqueue_scripts', 'lyns_parent_theme_enqueue_styles' );
/**
* Enqueue scripts and styles.
*/
-function legacy_parent_theme_enqueue_styles() {
+function lyns_parent_theme_enqueue_styles() {
wp_enqueue_style( 'jvb-theme-style', get_template_directory_uri() . '/style.css', array(), '0.1.0' );
wp_enqueue_style(
- 'legacy-style',
+ 'lynsey_style',
get_stylesheet_directory_uri() . '/style.css',
array( 'jvb-theme-style' ),
- '0.1.0'
+ '0.1.4'
);
}
diff --git a/style.css b/style.css
index c1720fe..f135196 100644
--- a/style.css
+++ b/style.css
@@ -6,99 +6,65 @@
Author URI: https://jakevan.ca/
Template: jvb-theme
Version: 0.1.0
+Text Domain: lyns
*/
:root{
- /* Layout */
- --narrow: min(500px, 50vw);
- --maxWidth: min(768px, 65vw);
- --alignWide: min(1024px, 90vw);
- --alignMed: min(962px, 82.5vw);
- --full: 100vw;
- /* Margin */
- --mr: auto;
- --ml: auto;
- --mt: 1rem;
- --mb: 1rem;
- --setMargin: var(--mt) var(--mr) var(--mb) var(--ml);
- --insetMargin: var(--mt) calc((var(--maxWidth) - var(--narrow)) / 2 + var(--mr)) var(--mb) var(--ml);
- --height: 4rem;
- --doubleHeight: 8rem;
- --offHeight: 5rem;
- --maxHeight: calc(100vh - var(--height) - var(--height));
-
- --gap: .5rem;
- --wrap: wrap;
- --justify: center;
- --align: center;
- --dir: row;
- /* Typography */
- --w: 1.2em; /** Icon **/
-
- --filter: grayscale(.3) sepia(.4);
-
/** 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: 'Josefin Sans', var(--font-base);
- --body: 'Open Sans', var(--font-base);
- --hWeight: 300;
- --hlight: 300;
- --hBold: 700;
- --bWeight: 500;
- --bBold: 800;
- --bLight: 300;
+ --heading: 'Source Serif 4', var(--font-base);
+ --body: 'Montserrat', var(--font-base);
+ --fw-h: 300;
+ --fw-h-light: 300;
+ --fw-h-bold: 700;
+ --fw-b: 400;
+ --fw-b-bold: 900;
+ --fw-b-light: 200;
- /* Font sizes */
- --enormous: calc(26vh - 4rem);
- --xxxlarge: clamp(2.5rem, 1.429rem + 2.857vw, 4rem);
- --xxlarge: clamp(2rem, 1.286rem + 1.905vw, 3rem);
- --xlarge: clamp(1.6rem, .957rem + 1.714vw, 2.5rem);
- --large: clamp(1.3rem, .6rem + 1.867vw, 2rem);
- --xmedium: clamp(1.4rem, .971rem + 1.143vw, 2rem);
- --medium: clamp(1.1rem, .993rem + .286vw, 1.25rem);
- --small: clamp(.95rem, .879rem + .19vw, 1.05rem);
- --extra-small: clamp(.75rem, 1.1337rem + -1.2278vw, .059375rem);
- /* Colours
+ /* Colours
For best results, generate colours from base colours using: https://uicolors.app/generate/
or sass darken/lighten by 5%: http://scg.ar-ch.org/
*/
- --light-0: #efefef;
- --light-50: #e2e2e2;
- --light-100: #d5d5d5;
- --light-200: #c9c9c9;
- --dark-0: #151515;
- --dark-50: #222222;
- --dark-100: #2e2e2e;
- --dark-200: #3b3b3b;
- --action-0: #ff0080;
- --action-50: #ff2492;
- --action-100: #ff47a4;
- --action-200: #ff6bb5;
- --secondary-0: #D69121;
- --secondary-50: #ffc421;
- --secondary-100: #ffcd44;
- --secondary-200: #ffd768;
+ --light-0: #fdf9f7;
+ --light-50: #fbf4ee;
+ --light-100: #faeee6;
+ --light-200: #f8e8dd;
+ --light-rgb: 253,249,247;
- --success: #20D64E;
- --successLight: #DBFAE3;
- --successDark: #05230D;
+ --dark-0: #0d0a08;
+ --dark-50: #16110e;
+ --dark-100: #201914;
+ --dark-200: #292019;
+ --dark-rgb: 13,10,8;
+
+ --action-0: #c85604;
+ --action-50: #dc5f04;
+ --action-100: #f06705;
+ --action-200: #fa710f;
+ --action-rgb: 200,86,4;
+
+ --secondary-0: #90D932;
+ --secondary-50: #99dc43;
+ --secondary-100: #a3df54;
+ --secondary-200: #ace366;
+ --secondary-rgb: 131,217,50;
+
+ --success: #7cf067;
+ --successLight: #f4fef2;
+ --successDark: #0d3906;
--successBack: var(--successLight);
--successText: var(--successDark);
- --warning: #D69121;
- --warningLight: #F6E5CB;
- --warningDark: #231806;
+ --warning: #F0B967;
+ --warningLight: #fef9f2;
+ --warningDark: #221503;
--warningBack: var(--warningLight);
--warningText: var(--warningDark);
- --error: #CF1616;
- --errorLight: #F9C8C8;
- --errorDark: #4A0808;
+ --error: #BF3434;
+ --errorLight: #fcf6f6;
+ --errorDark: #471313;
--errorBack: var(--errorLight);
--errorText: var(--errorDark);
--action-contrast: var(--light-0);
--secondary-contrast: var(--light-0);
- --light-rgb: 239,239,239;
- --dark-rgb: 21,21,21;
- --action-rgb: 255,0,128;
- --secondary-rgb: 252,185,0;
--rgba-subtle: rgba(var(--c),.5);
--rgba-subtle-hover: rgba(var(--c),.1);
@@ -107,138 +73,376 @@
--base-50: var(--light-50);
--base-100: var(--light-100);
--base-200: var(--light-200);
+ --base-rgb: var(--light-rgb);
+
--contrast: var(--dark-0);
--contrast-50: var(--dark-50);
--contrast-100: var(--dark-100);
--contrast-200: var(--dark-200);
- --c: var(--light-rgb);
- --base-rgb: var(--light-rgb);
--contrast-rgb: var(--dark-rgb);
-
- /* Stacking */
- --z-1: 5;
- --z-2: 10;
- --z-3: 15;
- --z-4: 20;
- --z-5: 50;
- --z-6: 100;
- --z-top: 999;
- --zz-top: 999999;
- /* Overlays */
- --rgb-light: .25;
- --rgb-medium: .66;
- --rgb-heavy: .85;
- --overlay-light: rgba(var(--c), .25);
- --overlay-medium: rgba(var(--c), .66);
- --overlay-heavy: rgba(var(--c), .85);
- --shimmer: rgba(var(--dark-rgb),0) 0%,
- rgba(var(--dark-rgb),.05) 50%,
- rgba(var(--dark-rgb),0) 100%;
- /* Shadows */
- --shadow: rgba(var(--dark-rgb),.45) 0px 0px 4px;
- --shadow-down: rgba(var(--dark-rgb),.45) 0 6px 5px -5px; /* Bottom */
- --shadow-right: rgba(var(--dark-rgb),.45) 6px 0 5px -5px; /* Right */
- --shadow-left: rgba(var(--dark-rgb), .45) -6px 0 5px -5px; /* Left */
- --shadow-up: rgba(var(--dark-rgb), .45) 0 -6px 5px -5px; /* Up */
- --subtle: rgba(var(--dark-rgb), .45) 0px 25px 20px -20px;
- --subtleRight: rgba(var(--dark-rgb), .45) 10px 0 20px -20px;
- --shadow-none: transparent 0px 0px 0px;
- /* Rounding */
- --innerRadius: 4px;
- --outerPadding: 1rem;
- --outerRadius: calc(var(--innerRadius) + var(--outerPadding));
- /* Transitions */
- --function:cubic-bezier(.47,.24,.07,.47);
- --timing: .25s;
- --transition-base: var(--timing) var(--function);
- --transition-color: background-color var(--transition-base),
- color var(--transition-base), border var(--transition-base);
- --transition-transform: transform var(--transition-base);
- --transition-size: width var(--transition-base),
- height var(--transition-base),max-width var(--transition-base), max-height var(--transition-base);
-
- --offScreen: -200vw;
-
- /** Icons **/
- --minus: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="%23151515" viewBox="0 0 256 256"><path d="M208,36H48A12,12,0,0,0,36,48V208a12,12,0,0,0,12,12H208a12,12,0,0,0,12-12V48A12,12,0,0,0,208,36Zm4,172a4,4,0,0,1-4,4H48a4,4,0,0,1-4-4V48a4,4,0,0,1,4-4H208a4,4,0,0,1,4,4Zm-40-80a4,4,0,0,1-4,4H88a4,4,0,0,1,0-8h80A4,4,0,0,1,172,128Z"></path></svg>');
- --plus: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="%23151515" viewBox="0 0 256 256"><path d="M208,36H48A12,12,0,0,0,36,48V208a12,12,0,0,0,12,12H208a12,12,0,0,0,12-12V48A12,12,0,0,0,208,36Zm4,172a4,4,0,0,1-4,4H48a4,4,0,0,1-4-4V48a4,4,0,0,1,4-4H208a4,4,0,0,1,4,4Zm-40-80a4,4,0,0,1-4,4H132v36a4,4,0,0,1-8,0V132H88a4,4,0,0,1,0-8h36V88a4,4,0,0,1,8,0v36h36A4,4,0,0,1,172,128Z"></path></svg>');
- --close: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23151515" viewBox="0 0 256 256"><path d="M208,36H48A12,12,0,0,0,36,48V208a12,12,0,0,0,12,12H208a12,12,0,0,0,12-12V48A12,12,0,0,0,208,36Zm4,172a4,4,0,0,1-4,4H48a4,4,0,0,1-4-4V48a4,4,0,0,1,4-4H208a4,4,0,0,1,4,4ZM162.83,98.83,133.66,128l29.17,29.17a4,4,0,0,1-5.66,5.66L128,133.66,98.83,162.83a4,4,0,0,1-5.66-5.66L122.34,128,93.17,98.83a4,4,0,0,1,5.66-5.66L128,122.34l29.17-29.17a4,4,0,1,1,5.66,5.66Z"></path></svg>');
- --chevron: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="%23151515" viewBox="0 0 256 256"><path d="M128,28A100,100,0,1,0,228,128,100.11,100.11,0,0,0,128,28Zm0,192a92,92,0,1,1,92-92A92.1,92.1,0,0,1,128,220Zm42.83-110.83a4,4,0,0,1,0,5.66l-40,40a4,4,0,0,1-5.66,0l-40-40a4,4,0,0,1,5.66-5.66L128,146.34l37.17-37.17A4,4,0,0,1,170.83,109.17Z"></path></svg>');
- --details: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23151515" viewBox="0 0 256 256"><path d="M210.83,98.83l-80,80a4,4,0,0,1-5.66,0l-80-80a4,4,0,0,1,5.66-5.66L128,170.34l77.17-77.17a4,4,0,1,1,5.66,5.66Z"></path></svg>');
- --shop: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23151515" viewBox="0 0 256 256"><path d="M28.15,95A3.81,3.81,0,0,0,28,96v16a36,36,0,0,0,16,29.92V216a4,4,0,0,0,4,4H208a4,4,0,0,0,4-4V141.92A36,36,0,0,0,228,112V96a3.81,3.81,0,0,0-.17-1.08L213.5,44.7A12,12,0,0,0,202,36H54A12,12,0,0,0,42.5,44.7Zm22-48.08A4,4,0,0,1,54,44H202a4,4,0,0,1,3.84,2.9L218.7,92H37.3ZM100,100h56v12a28,28,0,0,1-56,0ZM36,112V100H92v12a28,28,0,0,1-41.37,24.59,4,4,0,0,0-1.31-.76A28,28,0,0,1,36,112ZM204,212H52V145.94a36,36,0,0,0,44-17.48,36,36,0,0,0,64,0,36,36,0,0,0,44,17.48Zm2.68-76.17a3.94,3.94,0,0,0-1.3.76A28,28,0,0,1,164,112V100h56v12A28,28,0,0,1,206.68,135.83Z"></path></svg>');
- --style: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23151515" viewBox="0 0 256 256"><path d="M224,92H170.61l9.33-51.28a4,4,0,1,0-7.88-1.44L162.48,92H106.61l9.33-51.28a4,4,0,1,0-7.88-1.44L98.48,92H48a4,4,0,0,0,0,8H97L86.84,156H32a4,4,0,0,0,0,8H85.39l-9.33,51.28a4,4,0,0,0,3.22,4.65A3.65,3.65,0,0,0,80,220a4,4,0,0,0,3.94-3.29L93.52,164h55.87l-9.33,51.28a4,4,0,0,0,3.22,4.65,3.65,3.65,0,0,0,.72.07,4,4,0,0,0,3.94-3.29L157.52,164H208a4,4,0,0,0,0-8H159l10.19-56H224a4,4,0,0,0,0-8Zm-73.16,64H95l10.19-56H161Z"></path></svg>');
- --map: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23151515" viewBox="0 0 256 256"><path d="M128,68a36,36,0,1,0,36,36A36,36,0,0,0,128,68Zm0,64a28,28,0,1,1,28-28A28,28,0,0,1,128,132Zm0-112a84.09,84.09,0,0,0-84,84c0,30.42,14.17,62.79,41,93.62a250,250,0,0,0,40.73,37.66,4,4,0,0,0,4.58,0A250,250,0,0,0,171,197.62c26.81-30.83,41-63.2,41-93.62A84.09,84.09,0,0,0,128,20Zm37.1,172.23A254.62,254.62,0,0,1,128,227a254.62,254.62,0,0,1-37.1-34.81C73.15,171.8,52,139.9,52,104a76,76,0,0,1,152,0C204,139.9,182.85,171.8,165.1,192.23Z"></path></svg>');
- --theme: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23151515" viewBox="0 0 256 256"><path d="M241.72,113a11.88,11.88,0,0,0-9.73-5H212V88a12,12,0,0,0-12-12H129.33l-28.8-21.6a12.05,12.05,0,0,0-7.2-2.4H40A12,12,0,0,0,28,64V208a4,4,0,0,0,4,4H211.09a4,4,0,0,0,3.79-2.74l28.49-85.47A11.86,11.86,0,0,0,241.72,113ZM40,60H93.33a4,4,0,0,1,2.4.8L125.6,83.2a4,4,0,0,0,2.4.8h72a4,4,0,0,1,4,4v20H69.76a12,12,0,0,0-11.38,8.21L36,183.35V64A4,4,0,0,1,40,60Zm195.78,61.26L208.2,204H37.55L66,118.74A4,4,0,0,1,69.76,116H232a4,4,0,0,1,3.79,5.26Z"></path></svg>');
- --arrow-up: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23151515" viewBox="0 0 256 256"><path d="M236,192a4,4,0,0,1-4,4H88a4,4,0,0,1-4-4V57.66L42.83,98.83a4,4,0,0,1-5.66-5.66l48-48a4,4,0,0,1,5.66,0l48,48a4,4,0,0,1-5.66,5.66L92,57.66V188H232A4,4,0,0,1,236,192Z"></path></svg>');
- --colour: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23151515" viewBox="0 0 256 256"><path d="M174,47.75a254.19,254.19,0,0,0-41.45-38.3,8,8,0,0,0-9.18,0A254.19,254.19,0,0,0,82,47.75C54.51,79.32,40,112.6,40,144a88,88,0,0,0,176,0C216,112.6,201.49,79.32,174,47.75Zm9.85,105.59a57.6,57.6,0,0,1-46.56,46.55A8.75,8.75,0,0,1,136,200a8,8,0,0,1-1.32-15.89c16.57-2.79,30.63-16.85,33.44-33.45a8,8,0,0,1,15.78,2.68Z"></path></svg>');
- --linkIcon:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23151515" viewBox="0 0 256 256"><path d="M236,88.12a50.44,50.44,0,0,1-14.81,34.31l-34.75,34.74A50.33,50.33,0,0,1,150.62,172h-.05A50.63,50.63,0,0,1,100,120a4,4,0,0,1,4-3.89h.11a4,4,0,0,1,3.89,4.11A42.64,42.64,0,0,0,150.58,164h0a42.32,42.32,0,0,0,30.14-12.49l34.75-34.74a42.63,42.63,0,1,0-60.29-60.28l-11,11a4,4,0,0,1-5.66-5.65l11-11A50.64,50.64,0,0,1,236,88.12ZM111.78,188.49l-11,11A42.33,42.33,0,0,1,70.6,212h0a42.63,42.63,0,0,1-30.11-72.77l34.75-34.74A42.63,42.63,0,0,1,148,135.82a4,4,0,0,0,8,.23A50.64,50.64,0,0,0,69.55,98.83L34.8,133.57A50.63,50.63,0,0,0,70.56,220h0a50.33,50.33,0,0,0,35.81-14.83l11-11a4,4,0,1,0-5.65-5.66Z"></path></svg>');
- --swipeRight: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzAwMDAwMCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTIsMTQwdjM2YzAsMjQuNjYtOC4wOCw0MS4xLTguNDIsNDEuNzlhNCw0LDAsMSwxLTcuMTYtMy41OGMuMDctLjE1LDcuNTgtMTUuNTUsNy41OC0zOC4yMVYxNDBhMTYsMTYsMCwwLDAtMzIsMHY0YTQsNCwwLDAsMS04LDBWMTI0YTE2LDE2LDAsMCwwLTMyLDB2MTJhNCw0LDAsMCwxLTgsMFY2OGExNiwxNiwwLDAsMC0zMiwwVjE3NmE0LDQsMCwwLDEtNy4zOSwyLjExbC0xOC42OC0zMGEuNzUuNzUsMCwwLDEtLjA3LS4xMiwxNiwxNiwwLDAsMC0yNy43MiwxNmwyOS4zMSw1MGE0LDQsMCwwLDEtNi45LDRMMzEuMjIsMTY4YTI0LDI0LDAsMCwxLDQxLjUyLTI0LjA5TDg0LDE2MlY2OGEyNCwyNCwwLDAsMSw0OCwwdjM4LjEzYTI0LDI0LDAsMCwxLDM5Ljk0LDE2LjA2QTI0LDI0LDAsMCwxLDIxMiwxNDBabTM4LjgzLTg2LjgzLTMyLTMyYTQsNCwwLDAsMC01LjY2LDUuNjZMMjM4LjM0LDUySDE3NmE0LDQsMCwwLDAsMCw4aDYyLjM0TDIxMy4xNyw4NS4xN2E0LDQsMCwwLDAsNS42Niw1LjY2bDMyLTMyQTQsNCwwLDAsMCwyNTAuODMsNTMuMTdaIj48L3BhdGg+PC9zdmc+');
-
-
- --scrollbar-width: 8px;
- --scrollbar-track-color: var(--base-100);
- --scrollbar-thumb-color: var(--action-0);
- --scrollbar-thumb-hover-color: var(--action-50);
- --scrollbar-thumb-border: 2px solid var(--base-50);
- --scrollbar-border-radius: 4px;
-
- --can-scroll: 0;
}
body:has(#theme-switcher:checked){
- --action-50: #db006e;
- --action-100: #b8005c;
- --action-200: #94004a;
- --secondary-50: #d89f00;
- --secondary-100: #b58500;
- --secondary-200: #916a00;
- --contrast: var(--light-0);
- --contrast-50: var(--light-50);
- --contrast-100: var(--light-100);
- --contrast-200: var(--light-200);
- --base: var(--dark-0);
- --base-50: var(--dark-50);
- --base-100: var(--dark-100);
- --base-200: var(--dark-200);
- --c: var(--dark-rgb);
- --base-rgb: var(--dark-rgb);
- --contrast-rgb: var(--light-rgb);
- --overlay-light: rgba(var(--c), .25);
- --overlay-medium: rgba(var(--c), .5);
- --overlay-heavy: rgba(var(--c), .85);
- --shimmer: rgba(var(--c),0) 0%,
- rgba(var(--c),.05) 50%,
- rgba(var(--c),0) 100%;
- --shadow: rgba(var(--light-rgb),.45) 0px 0px 4px;
- --shadow-down: rgba(var(--light-rgb),.45) 0 6px 5px -5px; /* Bottom */
- --shadow-right: rgba(var(--light-rgb),.45) 6px 0 5px -5px; /* Right */
- --shadow-left: rgba(var(--light-rgb), .45) -6px 0 5px -5px; /* Left */
- --shadow-up: rgba(var(--light-rgb), .45) 0 -6px 5px -5px; /* Up */
- --subtle: rgba(var(--light-rgb), .45) 0px 25px 20px -20px;
- --subtleRight: rgba(var(--light-rgb), .45) 10px 0 20px -20px;
+ --action-0: #c85604;
+ --action-50: #dc5f04;
+ --action-100: #f06705;
+ --action-200: #fa710f;
+ --action-rgb: 200,86,4;
- --successBack: var(--successDark);
- --successText: var(--successLight);
- --warningBack: var(--warningDark);
- --warningText: var(--warningLight);
- --errorBack: var(--errorDark);
- --errorText: var(--errorLight);
+ --secondary-0: #90D932;
+ --secondary-50: #99dc43;
+ --secondary-100: #a3df54;
+ --secondary-200: #ace366;
+ --secondary-rgb: 131,217,50;
- --minus: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M208,36H48A12,12,0,0,0,36,48V208a12,12,0,0,0,12,12H208a12,12,0,0,0,12-12V48A12,12,0,0,0,208,36Zm4,172a4,4,0,0,1-4,4H48a4,4,0,0,1-4-4V48a4,4,0,0,1,4-4H208a4,4,0,0,1,4,4Zm-40-80a4,4,0,0,1-4,4H88a4,4,0,0,1,0-8h80A4,4,0,0,1,172,128Z"></path></svg>');
- --plus: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M208,36H48A12,12,0,0,0,36,48V208a12,12,0,0,0,12,12H208a12,12,0,0,0,12-12V48A12,12,0,0,0,208,36Zm4,172a4,4,0,0,1-4,4H48a4,4,0,0,1-4-4V48a4,4,0,0,1,4-4H208a4,4,0,0,1,4,4Zm-40-80a4,4,0,0,1-4,4H132v36a4,4,0,0,1-8,0V132H88a4,4,0,0,1,0-8h36V88a4,4,0,0,1,8,0v36h36A4,4,0,0,1,172,128Z"></path></svg>');
- --close: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M208,36H48A12,12,0,0,0,36,48V208a12,12,0,0,0,12,12H208a12,12,0,0,0,12-12V48A12,12,0,0,0,208,36Zm4,172a4,4,0,0,1-4,4H48a4,4,0,0,1-4-4V48a4,4,0,0,1,4-4H208a4,4,0,0,1,4,4ZM162.83,98.83,133.66,128l29.17,29.17a4,4,0,0,1-5.66,5.66L128,133.66,98.83,162.83a4,4,0,0,1-5.66-5.66L122.34,128,93.17,98.83a4,4,0,0,1,5.66-5.66L128,122.34l29.17-29.17a4,4,0,1,1,5.66,5.66Z"></path></svg>');
- --chevron: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M128,28A100,100,0,1,0,228,128,100.11,100.11,0,0,0,128,28Zm0,192a92,92,0,1,1,92-92A92.1,92.1,0,0,1,128,220Zm42.83-110.83a4,4,0,0,1,0,5.66l-40,40a4,4,0,0,1-5.66,0l-40-40a4,4,0,0,1,5.66-5.66L128,146.34l37.17-37.17A4,4,0,0,1,170.83,109.17Z"></path></svg>');
- --details: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M210.83,98.83l-80,80a4,4,0,0,1-5.66,0l-80-80a4,4,0,0,1,5.66-5.66L128,170.34l77.17-77.17a4,4,0,1,1,5.66,5.66Z"></path></svg>');
- --shop: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M28.15,95A3.81,3.81,0,0,0,28,96v16a36,36,0,0,0,16,29.92V216a4,4,0,0,0,4,4H208a4,4,0,0,0,4-4V141.92A36,36,0,0,0,228,112V96a3.81,3.81,0,0,0-.17-1.08L213.5,44.7A12,12,0,0,0,202,36H54A12,12,0,0,0,42.5,44.7Zm22-48.08A4,4,0,0,1,54,44H202a4,4,0,0,1,3.84,2.9L218.7,92H37.3ZM100,100h56v12a28,28,0,0,1-56,0ZM36,112V100H92v12a28,28,0,0,1-41.37,24.59,4,4,0,0,0-1.31-.76A28,28,0,0,1,36,112ZM204,212H52V145.94a36,36,0,0,0,44-17.48,36,36,0,0,0,64,0,36,36,0,0,0,44,17.48Zm2.68-76.17a3.94,3.94,0,0,0-1.3.76A28,28,0,0,1,164,112V100h56v12A28,28,0,0,1,206.68,135.83Z"></path></svg>');
- --style: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M224,92H170.61l9.33-51.28a4,4,0,1,0-7.88-1.44L162.48,92H106.61l9.33-51.28a4,4,0,1,0-7.88-1.44L98.48,92H48a4,4,0,0,0,0,8H97L86.84,156H32a4,4,0,0,0,0,8H85.39l-9.33,51.28a4,4,0,0,0,3.22,4.65A3.65,3.65,0,0,0,80,220a4,4,0,0,0,3.94-3.29L93.52,164h55.87l-9.33,51.28a4,4,0,0,0,3.22,4.65,3.65,3.65,0,0,0,.72.07,4,4,0,0,0,3.94-3.29L157.52,164H208a4,4,0,0,0,0-8H159l10.19-56H224a4,4,0,0,0,0-8Zm-73.16,64H95l10.19-56H161Z"></path></svg>');
- --map: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M128,68a36,36,0,1,0,36,36A36,36,0,0,0,128,68Zm0,64a28,28,0,1,1,28-28A28,28,0,0,1,128,132Zm0-112a84.09,84.09,0,0,0-84,84c0,30.42,14.17,62.79,41,93.62a250,250,0,0,0,40.73,37.66,4,4,0,0,0,4.58,0A250,250,0,0,0,171,197.62c26.81-30.83,41-63.2,41-93.62A84.09,84.09,0,0,0,128,20Zm37.1,172.23A254.62,254.62,0,0,1,128,227a254.62,254.62,0,0,1-37.1-34.81C73.15,171.8,52,139.9,52,104a76,76,0,0,1,152,0C204,139.9,182.85,171.8,165.1,192.23Z"></path></svg>');
- --theme: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M241.72,113a11.88,11.88,0,0,0-9.73-5H212V88a12,12,0,0,0-12-12H129.33l-28.8-21.6a12.05,12.05,0,0,0-7.2-2.4H40A12,12,0,0,0,28,64V208a4,4,0,0,0,4,4H211.09a4,4,0,0,0,3.79-2.74l28.49-85.47A11.86,11.86,0,0,0,241.72,113ZM40,60H93.33a4,4,0,0,1,2.4.8L125.6,83.2a4,4,0,0,0,2.4.8h72a4,4,0,0,1,4,4v20H69.76a12,12,0,0,0-11.38,8.21L36,183.35V64A4,4,0,0,1,40,60Zm195.78,61.26L208.2,204H37.55L66,118.74A4,4,0,0,1,69.76,116H232a4,4,0,0,1,3.79,5.26Z"></path></svg>');
- --arrow-up: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M236,192a4,4,0,0,1-4,4H88a4,4,0,0,1-4-4V57.66L42.83,98.83a4,4,0,0,1-5.66-5.66l48-48a4,4,0,0,1,5.66,0l48,48a4,4,0,0,1-5.66,5.66L92,57.66V188H232A4,4,0,0,1,236,192Z"></path></svg>');
- --colour: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M174,47.75a254.19,254.19,0,0,0-41.45-38.3,8,8,0,0,0-9.18,0A254.19,254.19,0,0,0,82,47.75C54.51,79.32,40,112.6,40,144a88,88,0,0,0,176,0C216,112.6,201.49,79.32,174,47.75Zm9.85,105.59a57.6,57.6,0,0,1-46.56,46.55A8.75,8.75,0,0,1,136,200a8,8,0,0,1-1.32-15.89c16.57-2.79,30.63-16.85,33.44-33.45a8,8,0,0,1,15.78,2.68Z"></path></svg>');
- --linkIcon: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M236,88.12a50.44,50.44,0,0,1-14.81,34.31l-34.75,34.74A50.33,50.33,0,0,1,150.62,172h-.05A50.63,50.63,0,0,1,100,120a4,4,0,0,1,4-3.89h.11a4,4,0,0,1,3.89,4.11A42.64,42.64,0,0,0,150.58,164h0a42.32,42.32,0,0,0,30.14-12.49l34.75-34.74a42.63,42.63,0,1,0-60.29-60.28l-11,11a4,4,0,0,1-5.66-5.65l11-11A50.64,50.64,0,0,1,236,88.12ZM111.78,188.49l-11,11A42.33,42.33,0,0,1,70.6,212h0a42.63,42.63,0,0,1-30.11-72.77l34.75-34.74A42.63,42.63,0,0,1,148,135.82a4,4,0,0,0,8,.23A50.64,50.64,0,0,0,69.55,98.83L34.8,133.57A50.63,50.63,0,0,0,70.56,220h0a50.33,50.33,0,0,0,35.81-14.83l11-11a4,4,0,1,0-5.65-5.66Z"></path></svg>');
+ --success: #7cf067;
+ --successLight: #f4fef2;
+ --successDark: #0d3906;
+ --successBack: var(--successLight);
+ --successText: var(--successDark);
+ --warning: #F0B967;
+ --warningLight: #fef9f2;
+ --warningDark: #221503;
+ --warningBack: var(--warningLight);
+ --warningText: var(--warningDark);
+ --error: #BF3434;
+ --errorLight: #fcf6f6;
+ --errorDark: #471313;
+ --errorBack: var(--errorLight);
+ --errorText: var(--errorDark);
+ --action-contrast: var(--light-0);
+ --secondary-contrast: var(--light-0);
+
+ --base: var(--light-0);
+ --base-50: var(--light-50);
+ --base-100: var(--light-100);
+ --base-200: var(--light-200);
+ --contrast: var(--dark-0);
+ --contrast-50: var(--dark-50);
+ --contrast-100: var(--dark-100);
+ --contrast-200: var(--dark-200);
+ --base-rgb: var(--light-rgb);
+ --contrast-rgb: var(--dark-rgb);
}
/*** FONTS START **/
/** Download your Fonts from: https://gwfh.mranftl.com/
use ./assets/fonts/ as a base
**/
+/* montserrat-200 - latin */
+@font-face {
+ font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+ font-family: 'Montserrat';
+ font-style: normal;
+ font-weight: 200;
+ src: url('./assets/fonts/montserrat-v31-latin-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+ url('./assets/fonts/montserrat-v31-latin-200.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
+}
+/* montserrat-200italic - latin */
+@font-face {
+ font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+ font-family: 'Montserrat';
+ font-style: italic;
+ font-weight: 200;
+ src: url('./assets/fonts/montserrat-v31-latin-200italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+ url('./assets/fonts/montserrat-v31-latin-200italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
+}
+/* montserrat-regular - latin */
+@font-face {
+ font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+ font-family: 'Montserrat';
+ font-style: normal;
+ font-weight: 400;
+ src: url('./assets/fonts/montserrat-v31-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+ url('./assets/fonts/montserrat-v31-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
+}
+/* montserrat-italic - latin */
+@font-face {
+ font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+ font-family: 'Montserrat';
+ font-style: italic;
+ font-weight: 400;
+ src: url('./assets/fonts/montserrat-v31-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+ url('./assets/fonts/montserrat-v31-latin-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
+}
+/* montserrat-900 - latin */
+@font-face {
+ font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+ font-family: 'Montserrat';
+ font-style: normal;
+ font-weight: 900;
+ src: url('./assets/fonts/montserrat-v31-latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+ url('./assets/fonts/montserrat-v31-latin-900.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
+}
+/* montserrat-900italic - latin */
+@font-face {
+ font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+ font-family: 'Montserrat';
+ font-style: italic;
+ font-weight: 900;
+ src: url('./assets/fonts/montserrat-v31-latin-900italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+ url('./assets/fonts/montserrat-v31-latin-900italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
+}
+
+/* source-serif-4-300 - latin */
+@font-face {
+ font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+ font-family: 'Source Serif 4';
+ font-style: normal;
+ font-weight: 300;
+ src: url('./assets/fonts/source-serif-4-v14-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+ url('./assets/fonts/source-serif-4-v14-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
+}
+/* source-serif-4-300italic - latin */
+@font-face {
+ font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+ font-family: 'Source Serif 4';
+ font-style: italic;
+ font-weight: 300;
+ src: url('./assets/fonts/source-serif-4-v14-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+ url('./assets/fonts/source-serif-4-v14-latin-300italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
+}
+/* source-serif-4-700 - latin */
+@font-face {
+ font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+ font-family: 'Source Serif 4';
+ font-style: normal;
+ font-weight: 700;
+ src: url('./assets/fonts/source-serif-4-v14-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+ url('./assets/fonts/source-serif-4-v14-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
+}
+/* source-serif-4-700italic - latin */
+@font-face {
+ font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+ font-family: 'Source Serif 4';
+ font-style: italic;
+ font-weight: 700;
+ src: url('./assets/fonts/source-serif-4-v14-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+ url('./assets/fonts/source-serif-4-v14-latin-700italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
+}
/*** FONTS END ***/
+
+:root {
+ --bg-blend: luminosity;
+ --blur: 0px;
+ --fg-blend: overlay;
+ --opacity: 0.9028149706380943;
+ --spacing: 0px;
+}
+/*.img-wrapper {*/
+/* background-color: var(--action-0);*/
+/* display: flex;*/
+/* flex: 1 1 100%;*/
+/* height: 100%;*/
+/* overflow: hidden;*/
+/* padding: var(--spacing);*/
+/* position: relative;*/
+/*}*/
+
+/*.img-wrapper img {*/
+/* filter: grayscale(100%) contrast(1) blur(var(--blur));*/
+/* flex: 1 0 100%;*/
+/* height: 100%;*/
+/* max-width: 100%;*/
+/* mix-blend-mode: var(--bg-blend);*/
+/* object-fit: cover;*/
+/* opacity: var(--opacity);*/
+/* position: relative;*/
+/* width: 100%;*/
+/*}*/
+
+/*.img-wrapper::before {*/
+/* background-color: var(--contrast-50);*/
+/* bottom: 0;*/
+/* content: '';*/
+/* height: 100%;*/
+/* left: 0;*/
+/* mix-blend-mode: var(--fg-blend);*/
+/* position: absolute;*/
+/* right: 0;*/
+/* top: 0;*/
+/* width: 100%;*/
+/* z-index: 1;*/
+/*}*/
+
+.wp-site-blocks > header {
+ flex-direction: column;
+ align-items: flex-start!important;
+ justify-content: flex-start!important;
+ height: max-content!important;
+ min-height: var(--btn);
+ --gap: 0;
+ padding: 0!important;
+}
+ #theme-switch#theme-switch {
+ position: absolute;
+ top: 1rem;
+ left: 1rem;
+ }
+ .wp-site-blocks > header a[rel=home] {
+ position: relative;
+
+ }
+ .wp-site-blocks > header > div.row {
+ width: 100%;
+ --gap: 0 2rem;
+ --justify: flex-start;
+ --align: center;
+ --w: var(--btn);
+ padding: 0 1rem 0 var(--btn_);
+ height: var(--btn);
+ min-height: var(--btn);
+ }
+ .icon-logo.icon-logo {
+ background-color: var(--action-0);
+ margin: 0 0 0 2rem;
+ }
+ .wp-site-blocks > header p {
+ margin: 0;
+ width: max-content;
+ }
+ .wp-site-blocks > header p + p {
+ font-size: var(--txt-small);
+ }
+ .wp-site-blocks > header nav {
+ width: 100%;
+ --height: 3rem;
+ background-color: var(--base-200);
+ }
+ .wp-site-blocks > header nav ul {
+ width: 100%;
+ }
+ .wp-site-blocks > header nav li+li::before {
+ display: none;
+ }
+ .wp-site-blocks > header nav a {
+ padding: .25rem .5rem;
+ color: var(--contrast);
+ }
+ .wp-site-blocks > header nav a:hover,
+ .wp-site-blocks > header nav a:focus {
+ color: var(--action-contrast);
+ }
+header .title.title {
+ position: relative;
+ height: fit-content;
+ text-transform: uppercase;
+ font-weight: var(--fw-h);
+ font-family: var(--heading);
+}
+footer {
+ margin: 0!important;
+}
+main > *:last-child {
+ margin-bottom: 0!important;
+}
+
+
+@media (min-width:768px){
+ .wp-site-blocks > header > div.row {
+ --wrap: nowrap;
+ }
+ footer {
+ padding: 1rem 2rem;
+ }
+}
+nav.fixed.bottom.bottom, nav.on-this-page.on-this-page {
+ width: 100vw;
+}
+nav.fixed.bottom .icon {
+ margin: 0 1rem;
+}
+nav.fixed.bottom span {
+ margin-right: 1rem;
+}
+h1:first-of-type {
+ margin-top: 4rem!important;
+}
+.callout p {
+ text-align: center;
+}
+footer nav {
+ margin-bottom: 1rem;
+}
+footer p.font-small.font-small {
+ margin: 0;
+}
+
+
+section:nth-of-type(even) {
+ background-color: var(--base-100);
+ max-width: none;
+ padding: 2rem 0;
+}
+section:nth-of-type(even) > * {
+ max-width: var(--content);
+}
+
+.cover.cover::before {
+ mix-blend-mode: hue;
+}
+
+.cover.hank > img {
+ opacity: 1;
+ mix-blend-mode: normal;
+ height: 100vh;
+ position: fixed;
+ z-index: -1;
+}
+.cover.hank > img,
+.cover.hank > .content {
+ margin: 0;
+ max-width: none;
+}
+main + .callout.callout {
+ margin-bottom: 0;
+}
+@media (max-width:768px) {
+ .cover {
+ padding: 2rem;
+ }
+ .cover.hank > .content {
+ margin-top: 50vh;
+ background-color: rgba(var(--base-rgb), var(--op-4));
+ padding: 1rem;
+ }
+}
+@media (min-width: 768px) {
+ .cover.hank > img {
+ width: 50%;
+ margin-left: auto;
+ }
+ .cover.hank > .content {
+ max-width: 50%;
+ padding: 1rem;
+ }
+ .cover.hank > .content .jvb-form-block {
+ width: 100%;
+ }
+
+}
+
+main > figure.align-full:not(:empty) {
+ height: 45vh;
+}
+main > figure.align-full img {
+ height: 45vh;
+ object-fit: cover;
+}
+
+footer figure {
+ margin: 0;
+ width: 70px;
+}
+footer figure + p {
+ margin-left: 0;
+ margin-right: 0;
+}
+footer figure figcaption {
+ display: none;
+}
+
+h2 .icon {
+ --w: 1.5em;
+ background-color:var(--action-0);
+ margin-right: 1.25rem;
+}
diff --git a/theme.json b/theme.json
new file mode 100644
index 0000000..edd63fc
--- /dev/null
+++ b/theme.json
@@ -0,0 +1,97 @@
+{
+ "$schema": "https://schemas.wp.org/trunk/theme.json",
+ "version":3,
+ "settings": {
+ "appearanceTools": true,
+ "layout": {
+ "contentSize": "768px",
+ "wideSize": "1100px"
+ },
+ "color": {
+ "defaultGradients": false,
+ "palette": [
+ {
+ "slug": "contrast",
+ "color": "#0d0a08",
+ "name": "Darkest"
+ },
+ {
+ "slug": "contrast-50",
+ "color": "#16110e",
+ "name": "Darker"
+ },
+ {
+ "slug": "contrast-100",
+ "color": "#201914",
+ "name": "Dark"
+ },
+ {
+ "slug": "contrast-200",
+ "color": "#292019",
+ "name": "Dark"
+ },
+ {
+ "slug": "base",
+ "color": "#fdf9f7",
+ "name": "Lightest"
+ },
+ {
+ "slug": "base-50",
+ "color": "#fbf4ee",
+ "name": "Lighterer"
+ },
+ {
+ "slug": "base-100",
+ "color": "#faeee6",
+ "name": "Lighter"
+ },
+ {
+ "slug": "base-200",
+ "color": "#f8e8dd",
+ "name": "Light"
+ },
+ {
+ "slug": "action-0",
+ "color": "#c85604",
+ "name": "Action"
+ },
+ {
+ "slug": "action-50",
+ "color": "#dc5f04",
+ "name": "Action Light"
+ },
+ {
+ "slug": "action-100",
+ "color": "#f06705",
+ "name": "Action Lighter"
+ },
+ {
+ "slug": "action-200",
+ "color": "#fa710f",
+ "name": "Action Lightest"
+ },
+ {
+ "slug": "secondary-0",
+ "color": "#90D932",
+ "name": "Secondary"
+ },
+ {
+ "slug": "secondary-50",
+ "color": "#99dc43",
+ "name": "Secondary Light"
+ },
+ {
+ "slug": "secondary-100",
+ "color": "#a3df54",
+ "name": "Secondary Lighter"
+ },
+ {
+ "slug": "secondary-200",
+ "color": "#ace366",
+ "name": "Secondary Lightest"
+ }
+
+ ]
+ }
+ }
+}
--
Gitblit v1.10.0