From c4702fd10149a1c38fb49390354faeaee3a384d0 Mon Sep 17 00:00:00 2001 From: Mike Conrad Date: Thu, 25 Jul 2024 21:40:08 -0400 Subject: [PATCH] Refactor in progress --- index.html | 96 +--- wp-content/themes/bjork/assets/chunk.css | 560 ++++++++++++++++++++++ wp-content/themes/bjork/assets/unused.css | 8 +- 3 files changed, 568 insertions(+), 96 deletions(-) create mode 100644 wp-content/themes/bjork/assets/chunk.css diff --git a/index.html b/index.html index 0efc66c..695acaf 100644 --- a/index.html +++ b/index.html @@ -21,14 +21,7 @@ - - - - - - - - - - - - - diff --git a/wp-content/themes/bjork/assets/chunk.css b/wp-content/themes/bjork/assets/chunk.css new file mode 100644 index 0000000..5d6b414 --- /dev/null +++ b/wp-content/themes/bjork/assets/chunk.css @@ -0,0 +1,560 @@ +@charset "UTF-8";.wp-block-separator { + border: none; + border-top: 2px solid +} +.wp-block-columns { + align-items: normal!important; + box-sizing: border-box; + display: flex; + flex-wrap: wrap!important +} + +@media (min-width: 782px) { + .wp-block-columns { + flex-wrap:nowrap!important + } +} +@media (min-width: 782px) { + .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column { + flex-basis:0; + flex-grow: 1 + } + + .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis] { + flex-grow: 0 + } +} +:where(.wp-block-columns) { + margin-bottom: 1.75em +} +.wp-block-column { + flex-grow: 1; + min-width: 0; + overflow-wrap: break-word; + word-break: break-word +} +:root { + --wp--preset--aspect-ratio--square: 1; + --wp--preset--aspect-ratio--4-3: 4/3; + --wp--preset--aspect-ratio--3-4: 3/4; + --wp--preset--aspect-ratio--3-2: 3/2; + --wp--preset--aspect-ratio--2-3: 2/3; + --wp--preset--aspect-ratio--16-9: 16/9; + --wp--preset--aspect-ratio--9-16: 9/16; + --wp--preset--color--black: #000000; + --wp--preset--color--cyan-bluish-gray: #abb8c3; + --wp--preset--color--white: #ffffff; + --wp--preset--color--pale-pink: #f78da7; + --wp--preset--color--vivid-red: #cf2e2e; + --wp--preset--color--luminous-vivid-orange: #ff6900; + --wp--preset--color--luminous-vivid-amber: #fcb900; + --wp--preset--color--light-green-cyan: #7bdcb5; + --wp--preset--color--vivid-green-cyan: #00d084; + --wp--preset--color--pale-cyan-blue: #8ed1fc; + --wp--preset--color--vivid-cyan-blue: #0693e3; + --wp--preset--color--vivid-purple: #9b51e0; + --wp--preset--color--foreground: #111111; + --wp--preset--color--background: #FFFFFF; + --wp--preset--color--primary: #5857FF; + --wp--preset--color--secondary: #6B6A6A; + --wp--preset--color--tertiary: #E2E2E2; + --wp--preset--color--quaternary: #F3F2F2; + --wp--preset--color--custom-color-1: #68d2e8; + --wp--preset--color--custom-color-2: #fdde55; + --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%); + --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%); + --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%); + --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%); + --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%); + --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%); + --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%); + --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%); + --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%); + --wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%); + --wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%); + --wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%); + --wp--preset--gradient--foreground-to-background: linear-gradient(160deg, var(--wp--preset--color--foreground), var(--wp--preset--color--background)); + --wp--preset--gradient--foreground-to-primary: linear-gradient(160deg, var(--wp--preset--color--foreground), var(--wp--preset--color--primary)); + --wp--preset--gradient--foreground-to-secondary: linear-gradient(160deg, var(--wp--preset--color--foreground), var(--wp--preset--color--secondary)); + --wp--preset--gradient--foreground-to-quaternary: linear-gradient(160deg, var(--wp--preset--color--foreground), var(--wp--preset--color--quaternary)); + --wp--preset--gradient--foreground-to-tertiary: linear-gradient(160deg, var(--wp--preset--color--foreground), var(--wp--preset--color--tertiary)); + --wp--preset--gradient--background-to-foreground: linear-gradient(160deg, var(--wp--preset--color--background), var(--wp--preset--color--foreground)); + --wp--preset--gradient--background-to-primary: linear-gradient(160deg, var(--wp--preset--color--background), var(--wp--preset--color--primary)); + --wp--preset--gradient--background-to-secondary: linear-gradient(160deg, var(--wp--preset--color--background), var(--wp--preset--color--secondary)); + --wp--preset--gradient--background-to-quaternary: linear-gradient(160deg, var(--wp--preset--color--background), var(--wp--preset--color--quaternary)); + --wp--preset--gradient--background-to-tertiary: linear-gradient(160deg, var(--wp--preset--color--background), var(--wp--preset--color--tertiary)); + --wp--preset--gradient--primary-to-background: linear-gradient(160deg, var(--wp--preset--color--primary), var(--wp--preset--color--background)); + --wp--preset--gradient--primary-to-foreground: linear-gradient(160deg, var(--wp--preset--color--primary), var(--wp--preset--color--foreground)); + --wp--preset--gradient--primary-to-secondary: linear-gradient(160deg, var(--wp--preset--color--primary), var(--wp--preset--color--secondary)); + --wp--preset--gradient--primary-to-quaternary: linear-gradient(160deg, var(--wp--preset--color--primary), var(--wp--preset--color--quaternary)); + --wp--preset--gradient--primary-to-tertiary: linear-gradient(160deg, var(--wp--preset--color--primary), var(--wp--preset--color--tertiary)); + --wp--preset--gradient--secondary-to-background: linear-gradient(160deg, var(--wp--preset--color--secondary), var(--wp--preset--color--background)); + --wp--preset--gradient--secondary-to-foreground: linear-gradient(160deg, var(--wp--preset--color--secondary), var(--wp--preset--color--foreground)); + --wp--preset--gradient--secondary-to-primary: linear-gradient(160deg, var(--wp--preset--color--secondary), var(--wp--preset--color--primary)); + --wp--preset--gradient--secondary-to-quaternary: linear-gradient(160deg, var(--wp--preset--color--secondary), var(--wp--preset--color--quaternary)); + --wp--preset--gradient--secondary-to-tertiary: linear-gradient(160deg, var(--wp--preset--color--secondary), var(--wp--preset--color--tertiary)); + --wp--preset--gradient--tertiary-to-background: linear-gradient(160deg, var(--wp--preset--color--tertiary), var(--wp--preset--color--background)); + --wp--preset--gradient--tertiary-to-foreground: linear-gradient(160deg, var(--wp--preset--color--tertiary), var(--wp--preset--color--foreground)); + --wp--preset--gradient--tertiary-to-primary: linear-gradient(160deg, var(--wp--preset--color--tertiary), var(--wp--preset--color--primary)); + --wp--preset--gradient--tertiary-to-secondary: linear-gradient(160deg, var(--wp--preset--color--tertiary), var(--wp--preset--color--secondary)); + --wp--preset--gradient--tertiary-to-quaternary: linear-gradient(160deg, var(--wp--preset--color--tertiary), var(--wp--preset--color--quaternary)); + --wp--preset--gradient--quaternary-to-background: linear-gradient(160deg, var(--wp--preset--color--quaternary), var(--wp--preset--color--background)); + --wp--preset--gradient--quaternary-to-foreground: linear-gradient(160deg, var(--wp--preset--color--quaternary), var(--wp--preset--color--foreground)); + --wp--preset--gradient--quaternary-to-primary: linear-gradient(160deg, var(--wp--preset--color--quaternary), var(--wp--preset--color--primary)); + --wp--preset--gradient--quaternary-to-secondary: linear-gradient(160deg, var(--wp--preset--color--quaternary), var(--wp--preset--color--secondary)); + --wp--preset--gradient--quaternary-to-tertiary: linear-gradient(160deg, var(--wp--preset--color--quaternary), var(--wp--preset--color--tertiary)); + --wp--preset--font-size--small: clamp(16px, 1rem + ((1vw - 3.2px) * 0.147), 18px); + --wp--preset--font-size--medium: clamp(17px, 1.063rem + ((1vw - 3.2px) * 0.294), 21px); + --wp--preset--font-size--large: clamp(21px, 1.313rem + ((1vw - 3.2px) * 0.221), 24px); + --wp--preset--font-size--x-large: clamp(25.014px, 1.563rem + ((1vw - 3.2px) * 1.249), 42px); + --wp--preset--font-size--tiny: clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.147), 16px); + --wp--preset--font-size--extra-large: clamp(24px, 1.5rem + ((1vw - 3.2px) * 0.588), 32px); + --wp--preset--font-size--huge: clamp(36px, 2.25rem + ((1vw - 3.2px) * 2.059), 64px); + --wp--preset--font-size--gigantic: clamp(64px, 4rem + ((1vw - 3.2px) * 2.353), 96px); + --wp--preset--font-size--heading-1: clamp(36px, 2.25rem + ((1vw - 3.2px) * 2.059), 64px); + --wp--preset--font-size--heading-2: clamp(33px, 2.063rem + ((1vw - 3.2px) * 1.691), 56px); + --wp--preset--font-size--heading-3: clamp(30px, 1.875rem + ((1vw - 3.2px) * 1.324), 48px); + --wp--preset--font-size--heading-4: clamp(27px, 1.688rem + ((1vw - 3.2px) * 0.956), 40px); + --wp--preset--font-size--heading-5: clamp(24px, 1.5rem + ((1vw - 3.2px) * 0.588), 32px); + --wp--preset--font-size--heading-6: clamp(21px, 1.313rem + ((1vw - 3.2px) * 0.441), 27px); + --wp--preset--font-family--default: "Albert Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif; + --wp--preset--font-family--system-sans-serif: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif; + --wp--preset--font-family--system-serif: ui-serif, Georgia, serif; + --wp--preset--font-family--system-monospace: ui-monospace, Menlo, Consolas, Monaco, "Liberation Mono", "Lucida Console", monospace; + --wp--preset--font-family--noto-sans-mono: "Noto Sans Mono", sans-serif; + --wp--preset--spacing--20: 12px; + --wp--preset--spacing--30: 16px; + --wp--preset--spacing--40: 24px; + --wp--preset--spacing--50: 32px; + --wp--preset--spacing--60: clamp(32px, 7.5vw, 40px); + --wp--preset--spacing--70: clamp(48px, 9vw, 64px); + --wp--preset--spacing--80: clamp( 64px, 6.666vw, 96px ); + --wp--preset--spacing--10: 8px; + --wp--preset--spacing--body-gutter: clamp( 32px, 5vw, 64px ); + --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2); + --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4); + --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2); + --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1); + --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1); + --wp--custom--spacing--baseline: 16px; + --wp--custom--spacing--small: min(32px, 6.4vw); + --wp--custom--spacing--gutter: clamp( calc( 2 * var( --wp--custom--spacing--baseline ) ), 6.666vw, calc( 4 * var( --wp--custom--spacing--baseline ) ) ); + --wp--custom--spacing--outer: var( --wp--custom--spacing--gutter ); + --wp--custom--typography--letter-spacing--body: -0.01em; + --wp--custom--typography--letter-spacing--heading: -0.02em; + --wp--custom--typography--letter-spacing--gigantic: -0.03em; + --wp--custom--typography--letter-spacing--uppercase: 0; + --wp--custom--typography--line-height--body: 1.5em; + --wp--custom--typography--line-height--headings--gigantic: 1.05; + --wp--custom--typography--line-height--headings--large: 1.15; + --wp--custom--typography--line-height--headings--small: 1.25; +} + +.wp-block-image { + --wp--preset--color--black: #000000; + --wp--preset--color--cyan-bluish-gray: #abb8c3; + --wp--preset--color--white: #ffffff; + --wp--preset--color--pale-pink: #f78da7; + --wp--preset--color--vivid-red: #cf2e2e; + --wp--preset--color--luminous-vivid-orange: #ff6900; + --wp--preset--color--luminous-vivid-amber: #fcb900; + --wp--preset--color--light-green-cyan: #7bdcb5; + --wp--preset--color--vivid-green-cyan: #00d084; + --wp--preset--color--pale-cyan-blue: #8ed1fc; + --wp--preset--color--vivid-cyan-blue: #0693e3; + --wp--preset--color--vivid-purple: #9b51e0; + --wp--preset--color--foreground: #111111; + --wp--preset--color--background: #FFFFFF; + --wp--preset--color--primary: #5857FF; + --wp--preset--color--secondary: #6B6A6A; + --wp--preset--color--tertiary: #E2E2E2; + --wp--preset--color--quaternary: #F3F2F2; + --wp--preset--color--custom-color-1: #68d2e8; + --wp--preset--color--custom-color-2: #fdde55; + --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%); + --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%); + --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%); + --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%); + --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%); + --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%); + --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%); + --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%); + --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%); + --wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%); + --wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%); + --wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%); + --wp--preset--gradient--foreground-to-background: linear-gradient(160deg, var(--wp--preset--color--foreground), var(--wp--preset--color--background)); + --wp--preset--gradient--foreground-to-primary: linear-gradient(160deg, var(--wp--preset--color--foreground), var(--wp--preset--color--primary)); + --wp--preset--gradient--foreground-to-secondary: linear-gradient(160deg, var(--wp--preset--color--foreground), var(--wp--preset--color--secondary)); + --wp--preset--gradient--foreground-to-quaternary: linear-gradient(160deg, var(--wp--preset--color--foreground), var(--wp--preset--color--quaternary)); + --wp--preset--gradient--foreground-to-tertiary: linear-gradient(160deg, var(--wp--preset--color--foreground), var(--wp--preset--color--tertiary)); + --wp--preset--gradient--background-to-foreground: linear-gradient(160deg, var(--wp--preset--color--background), var(--wp--preset--color--foreground)); + --wp--preset--gradient--background-to-primary: linear-gradient(160deg, var(--wp--preset--color--background), var(--wp--preset--color--primary)); + --wp--preset--gradient--background-to-secondary: linear-gradient(160deg, var(--wp--preset--color--background), var(--wp--preset--color--secondary)); + --wp--preset--gradient--background-to-quaternary: linear-gradient(160deg, var(--wp--preset--color--background), var(--wp--preset--color--quaternary)); + --wp--preset--gradient--background-to-tertiary: linear-gradient(160deg, var(--wp--preset--color--background), var(--wp--preset--color--tertiary)); + --wp--preset--gradient--primary-to-background: linear-gradient(160deg, var(--wp--preset--color--primary), var(--wp--preset--color--background)); + --wp--preset--gradient--primary-to-foreground: linear-gradient(160deg, var(--wp--preset--color--primary), var(--wp--preset--color--foreground)); + --wp--preset--gradient--primary-to-secondary: linear-gradient(160deg, var(--wp--preset--color--primary), var(--wp--preset--color--secondary)); + --wp--preset--gradient--primary-to-quaternary: linear-gradient(160deg, var(--wp--preset--color--primary), var(--wp--preset--color--quaternary)); + --wp--preset--gradient--primary-to-tertiary: linear-gradient(160deg, var(--wp--preset--color--primary), var(--wp--preset--color--tertiary)); + --wp--preset--gradient--secondary-to-background: linear-gradient(160deg, var(--wp--preset--color--secondary), var(--wp--preset--color--background)); + --wp--preset--gradient--secondary-to-foreground: linear-gradient(160deg, var(--wp--preset--color--secondary), var(--wp--preset--color--foreground)); + --wp--preset--gradient--secondary-to-primary: linear-gradient(160deg, var(--wp--preset--color--secondary), var(--wp--preset--color--primary)); + --wp--preset--gradient--secondary-to-quaternary: linear-gradient(160deg, var(--wp--preset--color--secondary), var(--wp--preset--color--quaternary)); + --wp--preset--gradient--secondary-to-tertiary: linear-gradient(160deg, var(--wp--preset--color--secondary), var(--wp--preset--color--tertiary)); + --wp--preset--gradient--tertiary-to-background: linear-gradient(160deg, var(--wp--preset--color--tertiary), var(--wp--preset--color--background)); + --wp--preset--gradient--tertiary-to-foreground: linear-gradient(160deg, var(--wp--preset--color--tertiary), var(--wp--preset--color--foreground)); + --wp--preset--gradient--tertiary-to-primary: linear-gradient(160deg, var(--wp--preset--color--tertiary), var(--wp--preset--color--primary)); + --wp--preset--gradient--tertiary-to-secondary: linear-gradient(160deg, var(--wp--preset--color--tertiary), var(--wp--preset--color--secondary)); + --wp--preset--gradient--tertiary-to-quaternary: linear-gradient(160deg, var(--wp--preset--color--tertiary), var(--wp--preset--color--quaternary)); + --wp--preset--gradient--quaternary-to-background: linear-gradient(160deg, var(--wp--preset--color--quaternary), var(--wp--preset--color--background)); + --wp--preset--gradient--quaternary-to-foreground: linear-gradient(160deg, var(--wp--preset--color--quaternary), var(--wp--preset--color--foreground)); + --wp--preset--gradient--quaternary-to-primary: linear-gradient(160deg, var(--wp--preset--color--quaternary), var(--wp--preset--color--primary)); + --wp--preset--gradient--quaternary-to-secondary: linear-gradient(160deg, var(--wp--preset--color--quaternary), var(--wp--preset--color--secondary)); + --wp--preset--gradient--quaternary-to-tertiary: linear-gradient(160deg, var(--wp--preset--color--quaternary), var(--wp--preset--color--tertiary)); + --wp--preset--font-size--small: clamp(16px, 1rem + ((1vw - 3.2px) * 0.147), 18px); + --wp--preset--font-size--medium: clamp(17px, 1.063rem + ((1vw - 3.2px) * 0.294), 21px); + --wp--preset--font-size--large: clamp(21px, 1.313rem + ((1vw - 3.2px) * 0.221), 24px); + --wp--preset--font-size--x-large: clamp(25.014px, 1.563rem + ((1vw - 3.2px) * 1.249), 42px); + --wp--preset--font-size--tiny: clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.147), 16px); + --wp--preset--font-size--extra-large: clamp(24px, 1.5rem + ((1vw - 3.2px) * 0.588), 32px); + --wp--preset--font-size--huge: clamp(36px, 2.25rem + ((1vw - 3.2px) * 2.059), 64px); + --wp--preset--font-size--gigantic: clamp(64px, 4rem + ((1vw - 3.2px) * 2.353), 96px); + --wp--preset--font-size--heading-1: clamp(36px, 2.25rem + ((1vw - 3.2px) * 2.059), 64px); + --wp--preset--font-size--heading-2: clamp(33px, 2.063rem + ((1vw - 3.2px) * 1.691), 56px); + --wp--preset--font-size--heading-3: clamp(30px, 1.875rem + ((1vw - 3.2px) * 1.324), 48px); + --wp--preset--font-size--heading-4: clamp(27px, 1.688rem + ((1vw - 3.2px) * 0.956), 40px); + --wp--preset--font-size--heading-5: clamp(24px, 1.5rem + ((1vw - 3.2px) * 0.588), 32px); + --wp--preset--font-size--heading-6: clamp(21px, 1.313rem + ((1vw - 3.2px) * 0.441), 27px); + --wp--preset--font-family--default: "Albert Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif; + --wp--preset--font-family--system-sans-serif: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif; + --wp--preset--font-family--system-serif: ui-serif, Georgia, serif; + --wp--preset--font-family--system-monospace: ui-monospace, Menlo, Consolas, Monaco, "Liberation Mono", "Lucida Console", monospace; + --wp--preset--font-family--noto-sans-mono: "Noto Sans Mono", sans-serif; + --wp--preset--spacing--10: 8px; + --wp--preset--spacing--20: 12px; + --wp--preset--spacing--30: 16px; + --wp--preset--spacing--40: 24px; + --wp--preset--spacing--50: 32px; + --wp--preset--spacing--60: clamp(32px, 7.5vw, 40px); + --wp--preset--spacing--70: clamp(48px, 9vw, 64px); + --wp--preset--spacing--80: clamp( 64px, 6.666vw, 96px ); + --wp--preset--spacing--body-gutter: clamp( 32px, 5vw, 64px ); + --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2); + --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4); + --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2); + --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1); + --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1); + --wp--custom--spacing--baseline: 16px; + --wp--custom--spacing--small: min(32px, 6.4vw); + --wp--custom--spacing--gutter: clamp( calc( 2 * var( --wp--custom--spacing--baseline ) ), 6.666vw, calc( 4 * var( --wp--custom--spacing--baseline ) ) ); + --wp--custom--spacing--outer: var( --wp--custom--spacing--gutter ); + --wp--custom--typography--letter-spacing--body: -0.01em; + --wp--custom--typography--letter-spacing--heading: -0.02em; + --wp--custom--typography--letter-spacing--gigantic: -0.03em; + --wp--custom--typography--letter-spacing--uppercase: 0; + --wp--custom--typography--line-height--body: 1.5em; + --wp--custom--typography--line-height--headings--gigantic: 1.05; + --wp--custom--typography--line-height--headings--large: 1.15; + --wp--custom--typography--line-height--headings--small: 1.25; +} + +:root { + --wp--style--global--content-size: 920px; + --wp--style--global--wide-size: 1680px; +} + +:where(body) { + margin: 0; +} + +.wp-site-blocks { + padding-top: var(--wp--style--root--padding-top); + padding-bottom: var(--wp--style--root--padding-bottom); +} + +.has-global-padding { + padding-right: var(--wp--style--root--padding-right); + padding-left: var(--wp--style--root--padding-left); +} +.has-global-padding :where(:not(.alignfull.is-layout-flow) > .has-global-padding:not(.wp-block-block, .alignfull)) { + padding-right: 0; + padding-left: 0; +} +:where(.wp-site-blocks) > * { + margin-block-start: min(32px, 6.4vw); margin-block-end: 0; } + +:where(.wp-site-blocks) > :first-child { + margin-block-start: 0; } + +:where(.wp-site-blocks) > :last-child { + margin-block-end: 0; } + +:root { + --wp--style--block-gap: min(32px, 6.4vw); +} + +.is-layout-flow > :first-child { + margin-block-start: 0;} + +.is-layout-flow > :last-child { + margin-block-end: 0;} + +.is-layout-flow > * { + margin-block-start: min(32px, 6.4vw);margin-block-end: 0;} + +.is-layout-constrained > :first-child { + margin-block-start: 0;} + +.is-layout-constrained > :last-child { + margin-block-end: 0;} + +.is-layout-constrained > * { + margin-block-start: min(32px, 6.4vw);margin-block-end: 0;} + +.is-layout-flex { + gap: min(32px, 6.4vw); +} + +.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { + max-width: var(--wp--style--global--content-size); + margin-left: auto !important; + margin-right: auto !important; +} + +.is-layout-constrained > .alignwide { + max-width: var(--wp--style--global--wide-size); +} + +body .is-layout-flex { + display: flex; +} + +.is-layout-flex { + flex-wrap: wrap; + align-items: center; +} + +.is-layout-flex > :is(*, div) { + margin: 0; +} + +:root :where(body) { + background-color: var(--wp--preset--color--background); + color: var(--wp--preset--color--foreground); + font-family: var(--wp--preset--font-family--default); + font-size: var(--wp--preset--font-size--medium); + font-weight: 500; + letter-spacing: var(--wp--custom--typography--letter-spacing--body); + line-height: var(--wp--custom--typography--line-height--body); + --wp--style--root--padding-top: var(--wp--preset--spacing--body-gutter); + --wp--style--root--padding-right: var(--wp--preset--spacing--body-gutter); + --wp--style--root--padding-bottom: var(--wp--preset--spacing--body-gutter); + --wp--style--root--padding-left: var(--wp--preset--spacing--body-gutter); +} + +a:where(:not(.wp-element-button)) { + color: inherit; + text-decoration: underline; +} + +h1, h2, h3, h4, h5, h6 { + font-weight: 600; + letter-spacing: var(--wp--custom--typography--letter-spacing--gigantic); + margin-top: .75em; + margin-bottom: 1em; +} + +h1 { + font-size: var(--wp--preset--font-size--heading-1); + line-height: var(--wp--custom--typography--line-height--headings--large); +} + +:root :where(.wp-element-button, .wp-block-button__link) { + background-color: var(--wp--preset--color--custom-color-1); + border-radius: 999px; + border-width: 0; + color: var(--wp--preset--color--background); + font-family: inherit; + font-size: var(--wp--preset--font-size--small); + font-weight: 600; + line-height: var(--wp--custom--typography--line-height--headings--large); + padding: calc(0.667em + 2px) calc(1.333em + 2px); + text-decoration: none; +} + +.has-foreground-color { + color: var(--wp--preset--color--foreground) !important; +} + +.has-secondary-color { + color: var(--wp--preset--color--secondary) !important; +} + +.has-tertiary-color { + color: var(--wp--preset--color--tertiary) !important; +} +.has-tertiary-background-color { + background-color: var(--wp--preset--color--tertiary) !important; +} + +.has-quaternary-background-color { + background-color: var(--wp--preset--color--quaternary) !important; +} +.has-small-font-size { + font-size: var(--wp--preset--font-size--small) !important; +} +.has-large-font-size { + font-size: var(--wp--preset--font-size--large) !important; +} +:root :where(.wp-block-button .wp-block-button__link) { + background-color: var(--wp--preset--color--custom-color-1); +} +.wp-block-buttons-is-layout-flex { + gap: 1em; +} + +:root :where(.wp-block-image img, .wp-block-image .wp-block-image__crop-area, .wp-block-image .components-placeholder) { + border-radius: 8px; +} + +:root :where(.wp-block-image) { +} + +:root :where(.wp-block-navigation a:where(:not(.wp-element-button))) { + text-decoration: none; +} + +:root :where(p) { + line-height: var(--wp--custom--typography--line-height--body); +} +:root :where(.wp-block-heading) { + color: var(--wp--preset--color--custom-color-1); +} +:root { + --wp-admin-theme-color: #007cba; + --wp-admin-theme-color--rgb: 0,124,186; + --wp-admin-theme-color-darker-10: #006ba1; + --wp-admin-theme-color-darker-10--rgb: 0,107,161; + --wp-admin-theme-color-darker-20: #005a87; + --wp-admin-theme-color-darker-20--rgb: 0,90,135; + --wp-admin-border-width-focus: 2px; + --wp-block-synced-color: #7a00df; + --wp-block-synced-color--rgb: 122,0,223; + --wp-bound-block-color: var(--wp-block-synced-color) +} +.wp-element-button { + cursor: pointer +} + +:root { + --wp--preset--font-size--normal: 16px; + --wp--preset--font-size--huge: 42px +} +.has-text-align-center { + text-align: center +} + +.screen-reader-text { + border: 0; + clip: rect(1px,1px,1px,1px); + clip-path: inset(50%); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; + word-wrap: normal!important +} +html :where([style*=border-width]) { + border-style: solid +} + +:where(figure) { + margin: 0 0 1em +} +:root :where(.wp-block-button.is-style-outline--d5a3fe28d9e0abe13be98dee5340d80f .wp-block-button__link) { + background: transparent none; + background-color: var(--wp--preset--color--background); + border-color: currentColor; + border-width: 2px; + border-style: solid; + color: var(--wp--preset--color--custom-color-1); + padding-top: 0.667em; + padding-right: 1.33em; + padding-bottom: 0.667em; + padding-left: 1.33em; +} +.wp-container-core-navigation-is-layout-2 { + gap: 0.25em; + flex-direction: column; + align-items: flex-start; +} + +.wp-container-core-social-links-is-layout-1 { + gap: 1em 1em; + justify-content: flex-start; +} + +.wp-container-core-group-is-layout-3 { + gap: 2em; + flex-direction: column; + align-items: flex-start; +} + +.wp-container-core-buttons-is-layout-1 { + gap: 1em; + justify-content: center; +} + +.wp-container-core-group-is-layout-4 > * { + margin-block-start:0;margin-block-end:0;} + +.wp-container-core-group-is-layout-4 > * + * { + margin-block-start:2rem;margin-block-end:0;} + +.wp-container-core-column-is-layout-3 > * { + margin-block-start:0;margin-block-end:0;} + + .wp-container-core-columns-is-layout-1 { + flex-wrap: nowrap; + } + + .wp-container-core-buttons-is-layout-2 { + justify-content: center; + align-items: flex-start; + } + + .wp-container-core-group-is-layout-6 { + gap: 0.5em; + justify-content: flex-start; + } + + .wp-container-core-group-is-layout-7 { + gap: 1.5em; + } + + .wp-container-core-group-is-layout-8 { + gap: 1em; + justify-content: space-between; + } + + .wp-container-core-columns-is-layout-2 { + flex-wrap: nowrap; + } + + .skip-link.screen-reader-text { + border: 0; + clip: rect(1px,1px,1px,1px); + clip-path: inset(50%); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute !important; + width: 1px; + word-wrap: normal !important; + } + \ No newline at end of file diff --git a/wp-content/themes/bjork/assets/unused.css b/wp-content/themes/bjork/assets/unused.css index ea116b2..dea12e3 100644 --- a/wp-content/themes/bjork/assets/unused.css +++ b/wp-content/themes/bjork/assets/unused.css @@ -4,6 +4,12 @@ max-width: 100%; vertical-align: bottom } + .wp-block-image.has-custom-border img { box-sizing: border-box -} \ No newline at end of file +} + +.wp-block-navigation .wp-block-navigation-item__label { + overflow-wrap: break-word +} +.wp-block-group{box-sizing:border-box}:where(.wp-block-group.wp-block-group-is-layout-constrained){position:relative}