diff --git a/mixin-styles-gb/README.md b/mixin-styles-gb/README.md new file mode 100644 index 00000000..29d588c6 --- /dev/null +++ b/mixin-styles-gb/README.md @@ -0,0 +1,5 @@ +# Mixin' Styles- GB + +Mixin' Styles- GB is a full site editing blog theme. Sporting rounded corners on several elements, Mixin' Styles- GB supports single columns and sidebar layouts via a collection of templates and patterns. Custom templates include a page with a left-side fixed vertical header, a page with no sidebar and a no sidebar pattern for posts. The theme offers four header styles including two with hero images. + +A theme homepage and documentation will be coming soon. diff --git a/mixin-styles-gb/assets/css/base-styles.css b/mixin-styles-gb/assets/css/base-styles.css new file mode 100644 index 00000000..9710df6e --- /dev/null +++ b/mixin-styles-gb/assets/css/base-styles.css @@ -0,0 +1,824 @@ +/* Embedded Fonts */ +@font-face { + font-family: 'Jura Book'; + src: url('../fonts/jura-regular-webfont.woff2') format('woff2'), + url('../fonts/jura-regular-webfont.woff') format('woff'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'Jura Book'; + src: url('../fonts/jura-demibold-webfont.woff2') format('woff2'), + url('../fonts/jura-demibold-webfont.woff') format('woff'); + font-weight: bold; + font-style: normal; +} + +@font-face { + font-family: 'EB Garamond Regular'; + src: url('../fonts/ebgaramond12-regular-webfont.woff2') format('woff2'), + url('assets/fonts/ebgaramond12-regular-webfont.woff') format('woff'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'EB Garamond Regular'; + src: url('../fonts/ebgaramond08-regular-webfont.woff2') format('woff2'), + url('../fonts/ebgaramond08-regular-webfont.woff') format('woff'); + font-weight: 700; + font-style: normal; +} + +/* ---- Basic Reset ---- */ +* { + box-sizing: border-box; +} + +body, h1, h2, h3, h4, h5, h6, p, table, tr, td, caption { + margin: 0; + padding: 0; +} + +pre { + font-size: 0.9em; +} + +/* ---- Base CSS ---- */ + +/* CSS variables */ +:root { + --almost-white: #f5f5f5; + --pale-gray: #eeeeee; + --light-gray: #dedede; + --medium-gray: #808080; + --dark-gray: #404040; + --darker-gray: #202020; + --almost-black: #191919; + --silver: #c0c0c0; + --link-hover-color: #cc0000; + + --black-12pcnt: rgba(0, 0, 0, 0.125); + + --white-6pcnt: rgba(255, 255, 255, 0.0625); + --white-12pcnt: rgba(255, 255, 255, 0.125); + + --black-to-white-gradient: linear-gradient(to bottom, + rgba(0, 0, 0, 0.5) 0%, + rgba(255, 255, 255, 0.5) 100% + ); + --white-to-black-gradient: linear-gradient( to bottom, + rgba(255, 255, 255, 0.5) 0%, + rgba(0, 0, 0, 0.5) 100% + ); + --medium-gray-gradient-top: linear-gradient(to bottom, + rgba(128, 128, 128, 0.75) 0%, + rgba(128, 128, 128, 0.75) 12%, + rgba(255, 255, 255, 0) 100% + ); + + --body-font: "Jura Book", Arial, Helvetica, sans-serif; + --body-font-bold: "Jura Demibold", sans-serif; + --heading-font: "EB Garamond Regular", Times, "Times New Roman", serif; + --monospace-font: "Source Code Pro", monospace; +} + +/* Standard tags / Some blocks */ +html { + +} + +body { + line-height: 1.5em; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + color: var(--light-gray); + font-style: normal; + line-height: 2rem; + margin-top: 1em; + margin-bottom: 0.5em; + text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); +} + +p, +address { + margin-bottom: 1em; +} + +ul, +ol { + padding-left: 1rem; +} + +blockquote { + background: url(../images/curlyquotes-translucent-white.png) top left no-repeat; + font-style: italic; + min-height: 82px; + padding-top: 16px; + padding-left: 82px !important; +} + +caption, +strong { + font-weight: bold; +} + +caption { + background-color: var(--almost-white); + border-top-left-radius: 1em; + border-top-right-radius: 1em; + color: var(--wp--preset--color--black); + padding: 0.25em; +} + +a { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + text-decoration: none; +} + +a:hover, +a:active { + color: var(--wp--preset--color--pastel-red); +} + +pre { + background-color: var(--white-6pcnt); + font-family: var(--monospace-font); + font-size: 1em; + margin: 1em auto; + overflow: auto; + padding: 1em; + width: 75%; +} + +code, +kbd { + color: var(--wp--preset--color--white); +} + +table { + background-color: var(--white-6pcnt); + border: 1px solid var(--white-12pcnt); + border-collapse: collapse; + margin: 0 auto; +} + +table th, +table td { + border: 1px solid var(--white-12pcnt); + padding: 0.5em; +} + +dt { + font-weight: bold; +} + +img { + max-width: 100%; + height: auto; +} + +form { + margin-bottom: 1em; +} + +input { + background: var(--black-to-white-gradient); +} + +textarea { + background: var(--medium-gray-gradient-top); +} + +input, +textarea, +select { + background-color: var(--almost-white); + border: 1px solid var(--wp--custom--color--border); + border-radius: 0.5em; + font-size: 1rem; + margin: 0.5em; + padding: 0.5em; +} + + +input[type="submit"], +input[type="reset"] { + background: var(--white-to-black-gradient); + background-color: var(--almost-white); +} + +input[type="submit"]:hover, +input[type="submit"]:focus, +input[type="reset"]:hover, +input[type="reset"]:focus { + background-color: var(--light-gray); +} + +input:focus, +textarea:focus { + background-color: var(--light-gray); +} + +hr, +.wp-block-separator { + border-top: transparent; + border-right: transparent; + border-bottom: 2px solid var(--white-12pcnt); + border-left: transparent; + margin-top: 2em; + margin-bottom: 2em; +} + +.is-style-card hr, +.is-style-card .wp-block-separator:not(.is-style-dots) { + border-bottom: 2px solid var(--silver); +} + +figcaption, +.wp-caption-text { + font-size: 0.8em; + font-weight: bold; + text-align: center; +} + +::placeholder { + color: var(--wp--preset--color--black); +} + +/* ---- Layout ---- */ +/* Overall site */ +.wp-site-blocks { + margin: 0 auto; + max-width: none; +} + +.wp-site-blocks, +.wp-site-blocks.alignwide { + width: 100%; +} + +.main { + overflow-x: hidden; + padding: 1em 1.5em; +} + +.is-style-card .main { + border-radius: 16px; +} + +/* Override column structures */ +.is-style-content-sidebar.wp-block-columns, +.is-style-sidebar-content.wp-block-columns, +.header-left-columns { + flex-direction: column; +} + +.is-style-content-sidebar .sidebar-outer.wp-block-column { + margin-left: 0 !important; +} + +.is-style-content-sidebar > .wp-block-column, +.is-style-sidebar-content > .wp-block-column, +.wp-block-column.content-column { + padding: 0; +} + +.is-style-content-sidebar .wp-block-column.is-style-card, +.is-style-sidebar-content .wp-block-column.is-style-card, +.header-left-columns .content-column { + margin-left: var(--wp--style--block-gap, 1.5em) !important; + margin-right: var(--wp--style--block-gap, 1.5em); +} + +.no-sidebar.is-style-card { + margin-left: var(--wp--style--block-gap, 1.5em); + margin-right: var(--wp--style--block-gap, 1.5em); +} + +.is-style-content-sidebar .wp-block-column.is-style-card, +.is-style-sidebar-content .wp-block-column.is-style-card, +.header-left-columns .content-column { + width: calc(100% - 3em); +} + +.header-left-columns { + margin-top: 1.75em; +} + +.wp-block-column.header-column { + background-color: var(--wp--preset--color--background); + padding-left: 1.5em; + padding-right: 1.5em; + position: sticky; + top: 0; +} + +.admin-bar .wp-block-column.header-column { + top: 46px; +} + +.is-style-content-sidebar.wp-block-columns > .wp-block-column, +.is-style-sidebar-content.wp-block-columns > .wp-block-column { + margin-bottom: 1em; +} + +.is-style-content-sidebar.wp-block-columns.is-not-stacked-on-mobile, +.is-style-sidebar-content.wp-block-columns.is-not-stacked-on-mobile, +.header-left-columns.is-not-stacked-on-mobile { + flex-wrap: wrap; +} + +@media ( min-width: 600px ) and ( max-width: 1024px ) { + .is-style-content-sidebar.wp-block-columns > .wp-block-column:not(:only-child) { + flex-basis: 100% !important; + } + + .is-style-content-sidebar .sidebar-outer.wp-block-column.is-style-card, + .is-style-sidebar-content .sidebar-outer.wp-block-column.is-style-card { + margin-left: var(--wp--style--block-gap, 1.5em) !important; + } + + .page-template-page-header-left .wp-block-navigation__responsive-container-open:not(.always-shown) { + display: flex; + } + + .header-left-columns .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { + display: none; + } +} + +@media ( min-width: 782px ) { + .is-style-content-sidebar.wp-block-columns, + .is-style-sidebar-content.wp-block-columns, + .header-left-columns { + flex-wrap: wrap; + } + + .admin-bar .wp-block-column.header-column { + top: 32px; + } +} + +@media ( min-width: 1024px) { + .is-style-content-sidebar.wp-block-columns, + .is-style-sidebar-content.wp-block-columns, + .header-left-columns { + flex-direction: row; + flex-wrap: nowrap !important; + } + + .wp-block-column.header-column { + align-self: flex-start; + flex-basis: 25% !important; + padding-left: 0; + padding-right: 0; + } + + .is-style-content-sidebar.wp-block-columns > .wp-block-column, + .is-style-sidebar-content.wp-block-columns > .wp-block-column { + margin-bottom: 0; + } + + .is-style-content-sidebar .wp-block-column.is-style-card.content { + margin-right: 0; + } + + .is-style-sidebar-content .wp-block-column.is-style-card.content { + margin-left: 0; + } + + .is-style-sidebar-content.wp-block-columns > .wp-block-column:first-child { + order: 0; + } + + .is-style-sidebar-content.wp-block-columns .wp-block-column:nth-of-type(1) { + order: 1; + } + + .is-style-content-sidebar.wp-block-columns.is-not-stacked-on-mobile .sidebar-outer, + .is-style-content-sidebar.wp-block-columns:not(.is-not-stacked-on-mobile) .sidebar-outer { + margin-left: 0; + } + + .is-style-content-sidebar.wp-block-columns.is-not-stacked-on-mobile .sidebar-outer, + .is-style-content-sidebar.wp-block-columns:not(.is-not-stacked-on-mobile) .sidebar-outer, + .is-style-sidebar-content.wp-block-columns.is-not-stacked-on-mobile .sidebar-outer, + .is-style-sidebar-content.wp-block-columns:not(.is-not-stacked-on-mobile) .sidebar-outer { + margin-left: var(--wp--style--block-gap, 1.5em) !important; + margin-right: var(--wp--style--block-gap, 1.5em); + } + + .is-style-content-sidebar.wp-block-columns .content, + .is-style-sidebar-content.wp-block-columns .content { + flex-basis: calc(75% - var(--wp--style--block-gap,1.5em)) !important; + } + + .is-style-content-sidebar.wp-block-columns .sidebar-outer, + .is-style-sidebar-content.wp-block-columns .sidebar-outer { + flex-basis: 25% !important; + } + + .page-template-page-header-left .wp-block-navigation__responsive-container-open:not(.always-shown) { + display: none; + } + + .header-left-columns .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { + display: block; + } +} + +@media ( min-width: 1366px) { + .is-style-content-sidebar.wp-block-columns .content, + .is-style-sidebar-content.wp-block-columns .content { + flex-basis: calc(85% - var(--wp--style--block-gap,2em)) !important; + } + + .is-style-content-sidebar.wp-block-columns .sidebar-outer, + .is-style-sidebar-content.wp-block-columns .sidebar-outer { + flex-basis: 15% !important; + } + + .wp-block-column.header-column { + flex-basis: 15% !important; + } +} + +/* Header */ +.site-header > .wp-block-group { + padding: 1.5em; +} + +.site-header .is-style-mxs-header { + padding-top: 86px; +} + +.is-style-search-header { + border-bottom-right-radius: 16px; + left: 0; + position: absolute; + top: 0; + background: url(../images/spyglass-clipped.svg) top left no-repeat; + background-color: #ffffff; + height: 80px; + text-align: center; +} + +.admin-bar .is-style-search-header { + margin-top: 46px; +} + +@media ( min-width: 1024px) { + .site-header .is-style-mxs-header { + padding-top: 1em; + } +} + +/* ---- Content ---- */ +/* General tags / styling */ +.is-style-card h1, +.is-style-card h2, +.is-style-card h3, +.is-style-card h4, +.is-style-card h5, +.is-style-card h6 { + color: var(--medium-gray); +} + +.post { + clear: both; +} + +.is-style-card a { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: var(--wp--preset--color--link-alt); + padding-bottom: 0.125em; +} + +.is-style-card a:hover, +.is-style-card a:active { + color: var(--wp--preset--color--link-alt-hover); +} + +.is-style-card caption { + background-color: var(--wp--preset--color--background); + color: var(--wp--preset--color--white); +} + +.is-style-card input:focus, +.is-style-card textarea:focus { + background-color: var(--pale-gray); +} + +.is-style-card blockquote { + background: url(../images/curlyquotes-translucent-black.png) top left no-repeat; +} + +.is-style-card pre { + background-color: var(--pale-gray); + color: var(--wp--preset--color--black); +} + +.is-style-card table { + background-color: var(--pale-gray); + border-color: var(--medium-gray); + color: var(--wp--preset--color--black); +} + +.is-style-card code, +.is-style-card kbd { + color: var(--wp--preset--color--black); +} + +/* Classic Gallery */ +.wp-post-image, +.gallery-icon img { + border-radius: 16px; +} + +.gallery { + clear: both; + display: flex; + flex-direction: column; +} + +.gallery-item { + margin: 0.5em auto; +} + +.gallery-icon img { + display: block; + margin: 0 auto 0.5em; +} + +.gallery-icon > a { + border-bottom: transparent; + padding-bottom: 0; +} + +.gallery-icon a img { + border: 1px solid var(--light-gray); +} + +.gallery-icon a img:hover, +.gallery-icon a:focus img { + border-color: var(--medium-gray); +} + +.gallery-caption { + font-size: 0.8em; + font-weight: bold; + max-width: 150px; +} + +/* Jetpack Tiled Gallery */ +.tiled-gallery__item a { + border-bottom: transparent; + padding-bottom: 0; +} + +@media (min-width: 640px) { + .gallery { + flex-direction: row; + flex-wrap: wrap; + } + + .gallery-item { + width: 33.33%; + } + + .gallery-caption { + margin: 0 auto; + } +} + +@media (min-width: 768px) { + .gallery-item { + width: 25%; + } +} + +/* Comments */ +#author, +#email, +#url, +#comment { + margin: 0; +} + +.commentlist, +.commentlist .children { + list-style: none; +} + +.comment { + margin-bottom: 1em; +} + +.comment-body { + padding: 1em; +} + +.thread-even { + background-color: var(--white-6pcnt); +} + +.is-style-card .thread-even { + background-color: var(--pale-gray); +} + +.bypostauthor { + border-left: 6px solid var(--white-12pcnt); + padding-left: 1em; +} + +.is-style-card .bypostauthor { + border-left-color: var(--silver); +} + +.comment-form-comment, +.comment-form-author, +.comment-form-email, +.comment-form-url { + display: flex; + flex-direction: column; +} + +#commentform label { + font-weight: bold; + color: var(--medium-gray); + width: 100%; +} + +#commentform p { + clear: both; +} + +#cancel-comment-reply-link { + margin-left: 0.5em; +} + +.form-allowed-tags { + clear: both; + padding-top: 1em; +} + +@media ( min-width: 600px ) { + .comment-form-comment, + .comment-form-author, + .comment-form-email, + .comment-form-url { + flex-direction: row; + } + + #commentform label { + flex-basis: 25%; + } +} + +@media ( min-width: 768px ) { + #respond { + clear: both; + } +} + +@media ( min-width: 1024px ) { + #commentform label { + flex-basis: 33%; + } +} + +/* ---- Footer ---- */ +footer { + padding: 1em 1.5em; +} + +@media (min-width: 783px) { + .admin-bar .is-style-search-header { + margin-top: 32px; + } +} + +/* WordPress classes / Alignments */ +.sticky { + border: 6px solid rgba(255, 255, 255, 0.25); + border-radius: 1em; + padding: 1em; +} + +.is-style-card .sticky { + background-color: var(--pale-gray); + border-color: var(--wp--custom--color--border-sticky); +} + +@media (min-width: 1366px) { + .sticky { + margin-left: auto; + margin-right: auto; + } + + .sticky .wp-block-post-featured-image.alignwide { + margin-left: 10%; + margin-right: 10%; + } + + .sticky .wp-block-post-featured-image.alignfull { + margin-left: 0; + margin-right: 0; + } +} + +.post-nav-links { + align-items: center; + display: flex; + flex-wrap: wrap; + gap: 0.25em; + justify-content: center; + margin: 1em; + text-align: center; +} + +.post-page-numbers { + border: 1px solid; + border-radius: 0.5em; + height: 3em; + padding: 0.75em; + width: 3em; +} + +.post-page-numbers.current { + border-color: var(--light-gray); +} + +a.post-page-numbers { + background: linear-gradient( to bottom, + rgba(255, 255, 255, 0.75) 0%, + rgba(128, 128, 128, 0.75) 100% + ); + background-color: var(--wp--preset--color--primary); + border-color: var(--darker-gray); + color: var(--darker-gray); + font-weight: bold; + text-decoration: none; +} + +a.post-page-numbers:hover, +a.post-page-numbers:focus { + background-color: var(--dark-gray); + color: var(--darker-gray); +} + +a.more-link { + border-bottom: transparent; + display: block; + text-decoration: underline; +} + +.wp-smiley { + margin: 0; + padding: 0; +} + +img.alignleft { + margin-right: 1em; + margin-bottom: 1em; +} + +img.alignright { + margin-left: 1em; + margin-bottom: 1em; +} + +img.aligncenter { + margin-bottom: 1em; +} + +.alignfull { + transform: translate(-1.5em); + width: calc(100% + 3em); +} + +.alignwide { + margin-left: auto; + margin-right: auto; +} + +.is-style-search-header.alignright { + border-bottom-left-radius: 16px; + border-bottom-right-radius: 0px; + left: auto; + right: 0; +} + +.is-style-search-header.aligncenter { + border-bottom-left-radius: 16px; + left: 50%; + transform: translateX(-50%); +} diff --git a/mixin-styles-gb/assets/css/block-button-colors.css b/mixin-styles-gb/assets/css/block-button-colors.css new file mode 100644 index 00000000..6b60abe8 --- /dev/null +++ b/mixin-styles-gb/assets/css/block-button-colors.css @@ -0,0 +1,137 @@ +/* --- Button block color overrides --- */ + +/* Accent 1- Blue */ +.is-style-outline a.wp-block-button__link.has-accent-1-background-color:hover, +.is-style-outline a.wp-block-button__link.has-accent-1-background-color:focus { + background-color: var(--wp--preset--color--accent-1) !important; + border-color: var(--wp--preset--color--foreground); + color: var(--wp--preset--color--white); +} + +.is-style-card .is-style-outline a.wp-block-button__link.has-accent-1-background-color:hover, +.is-style-card .is-style-outline a.wp-block-button__link.has-accent-1-background-color:focus { + border-color: var(--wp--preset--color--black); +} + +.is-style-outline a.wp-block-button__link.has-accent-1-color { + border-color: var(--wp--preset--color--accent-1); +} + +/* Accent 2- Purple */ +.is-style-outline a.wp-block-button__link.has-accent-2-background-color:hover, +.is-style-outline a.wp-block-button__link.has-accent-2-background-color:focus { + background-color: var(--wp--preset--color--accent-2) !important; + border-color: var(--wp--preset--color--foreground); + color: var(--wp--preset--color--white); +} + +.is-style-card .is-style-outline a.wp-block-button__link.has-accent-2-background-color:hover, +.is-style-card .is-style-outline a.wp-block-button__link.has-accent-2-background-color:focus { + border-color: var(--wp--preset--color--black); +} + +.is-style-outline a.wp-block-button__link.has-accent-2-color { + border-color: var(--wp--preset--color--accent-2); +} + +/* Accent 3- Magenta */ +.is-style-outline a.wp-block-button__link.has-accent-3-background-color:hover, +.is-style-outline a.wp-block-button__link.has-accent-3-background-color:focus { + background-color: var(--wp--preset--color--accent-3) !important; + border-color: var(--wp--preset--color--foreground); + color: var(--wp--preset--color--white); +} + +.is-style-card .is-style-outline a.wp-block-button__link.has-accent-3-background-color:hover, +.is-style-card .is-style-outline a.wp-block-button__link.has-accent-3-background-color:focus { + border-color: var(--wp--preset--color--black); +} + +.is-style-outline a.wp-block-button__link.has-accent-3-color { + border-color: var(--wp--preset--color--accent-3); +} + +/* Accent 4- Orange */ +.is-style-outline a.wp-block-button__link.has-accent-4-background-color:hover, +.is-style-outline a.wp-block-button__link.has-accent-4-background-color:focus { + background-color: var(--wp--preset--color--accent-4) !important; + border-color: var(--wp--preset--color--foreground); + color: var(--wp--preset--color--black); +} + +.is-style-card .is-style-outline a.wp-block-button__link.has-accent-4-background-color:hover, +.is-style-card .is-style-outline a.wp-block-button__link.has-accent-4-background-color:focus { + border-color: var(--wp--preset--color--black); +} + +.is-style-outline a.wp-block-button__link.has-accent-4-color { + border-color: var(--wp--preset--color--accent-4); +} + +/* Accent 5- Yellow */ +.is-style-outline a.wp-block-button__link.has-accent-5-background-color:hover, +.is-style-outline a.wp-block-button__link.has-accent-5-background-color:focus { + background-color: var(--wp--preset--color--accent-5) !important; + border-color: var(--wp--preset--color--foreground); + color: var(--wp--preset--color--black); +} + +.is-style-card .is-style-outline a.wp-block-button__link.has-accent-5-background-color:hover, +.is-style-card .is-style-outline a.wp-block-button__link.has-accent-5-background-color:focus { + border-color: var(--wp--preset--color--black); +} + +.is-style-outline a.wp-block-button__link.has-accent-5-color { + border-color: var(--wp--preset--color--accent-5); +} + +/* Khaki */ +.is-style-outline a.wp-block-button__link.has-accent-6-background-color:hover, +.is-style-outline a.wp-block-button__link.has-accent-6-background-color:focus { + background-color: var(--wp--preset--color--accent-6) !important; + border-color: var(--wp--preset--color--foreground); + color: var(--wp--preset--color--black); +} + +.is-style-card .is-style-outline a.wp-block-button__link.has-accent-6-background-color:hover, +.is-style-card .is-style-outline a.wp-block-button__link.has-accent-6-background-color:focus { + border-color: var(--wp--preset--color--black); +} + +.is-style-outline a.wp-block-button__link.has-accent-6-color { + border-color: var(--wp--preset--color--accent-6); +} + +/* Tan */ +.is-style-outline a.wp-block-button__link.has-accent-7-background-color:hover, +.is-style-outline a.wp-block-button__link.has-accent-7-background-color:focus { + background-color: var(--wp--preset--color--accent-7) !important; + border-color: var(--wp--preset--color--foreground); + color: var(--wp--preset--color--black); +} + +.is-style-card .is-style-outline a.wp-block-button__link.has-accent-7-background-color:hover, +.is-style-card .is-style-outline a.wp-block-button__link.has-accent-7-background-color:focus { + border-color: var(--wp--preset--color--black); +} + +.is-style-outline a.wp-block-button__link.has-accent-7-color { + border-color: var(--wp--preset--color--accent-7); +} + +/* Sandstone */ +.is-style-outline a.wp-block-button__link.has-accent-8-background-color:hover, +.is-style-outline a.wp-block-button__link.has-accent-8-background-color:focus { + background-color: var(--wp--preset--color--accent-8) !important; + border-color: var(--wp--preset--color--foreground); + color: var(--wp--preset--color--black); +} + +.is-style-card .is-style-outline a.wp-block-button__link.has-accent-8-background-color:hover, +.is-style-card .is-style-outline a.wp-block-button__link.has-accent-8-background-color:focus { + border-color: var(--wp--preset--color--black); +} + +.is-style-outline a.wp-block-button__link.has-accent-8-color { + border-color: var(--wp--preset--color--accent-8); +} diff --git a/mixin-styles-gb/assets/css/block-button-gradients.css b/mixin-styles-gb/assets/css/block-button-gradients.css new file mode 100644 index 00000000..f11d3c13 --- /dev/null +++ b/mixin-styles-gb/assets/css/block-button-gradients.css @@ -0,0 +1,97 @@ +/* --- Button block gradient overrides --- */ + +/* Blue */ +.is-style-outline a.wp-block-button__link.has-blue-gradient-background:hover, +.is-style-outline a.wp-block-button__link.has-blue-gradient-background:focus { + background-image: var(--wp--preset--gradient--blue) !important; + border-color: var(--wp--preset--color--foreground); +} + +.is-style-card .is-style-outline a.wp-block-button__link.has-blue-gradient-background:hover, +.is-style-card .is-style-outline a.wp-block-button__link.has-blue-gradient-background:focus { + border-color: var(--wp--preset--color--almost-black); +} + +/* Purple */ +.is-style-outline a.wp-block-button__link.has-purple-gradient-background:hover, +.is-style-outline a.wp-block-button__link.has-purple-gradient-background:focus { + background-image: var(--wp--preset--gradient--purple) !important; + border-color: var(--wp--preset--color--foreground); +} + +.is-style-card .is-style-outline a.wp-block-button__link.has-purple-gradient-background:hover, +.is-style-card .is-style-outline a.wp-block-button__link.has-purple-gradient-background:focus { + border-color: var(--wp--preset--color--almost-black); +} + +/* Magenta */ +.is-style-outline a.wp-block-button__link.has-magenta-gradient-background:hover, +.is-style-outline a.wp-block-button__link.has-magenta-gradient-background:focus { + background-image: var(--wp--preset--gradient--magenta) !important; + border-color: var(--wp--preset--color--foreground); +} + +.is-style-card .is-style-outline a.wp-block-button__link.has-magenta-gradient-background:hover, +.is-style-card .is-style-outline a.wp-block-button__link.has-magenta-gradient-background:focus { + border-color: var(--wp--preset--color--almost-black); +} + +/* Deep Orange */ +.is-style-outline a.wp-block-button__link.has-deep-orange-gradient-background:hover, +.is-style-outline a.wp-block-button__link.has-deep-orange-gradient-background:focus { + background-image: var(--wp--preset--gradient--deep-orange) !important; + border-color: var(--wp--preset--color--foreground); +} + +.is-style-card .is-style-outline a.wp-block-button__link.has-deep-orange-gradient-background:hover, +.is-style-card .is-style-outline a.wp-block-button__link.has-deep-orange-gradient-background:focus { + border-color: var(--wp--preset--color--almost-black); +} + +/* Yellow */ +.is-style-outline a.wp-block-button__link.has-yellow-gradient-background:hover, +.is-style-outline a.wp-block-button__link.has-yellow-gradient-background:focus { + background-image: var(--wp--preset--gradient--yellow) !important; + border-color: var(--wp--preset--color--foreground); +} + +.is-style-card .is-style-outline a.wp-block-button__link.has-yellow-gradient-background:hover, +.is-style-card .is-style-outline a.wp-block-button__link.has-yellow-gradient-background:focus { + border-color: var(--wp--preset--color--almost-black); +} + +/* Khaki */ +.is-style-outline a.wp-block-button__link.has-khaki-gradient-background:hover, +.is-style-outline a.wp-block-button__link.has-khaki-gradient-background:focus { + background-image: var(--wp--preset--gradient--khaki) !important; + border-color: var(--wp--preset--color--foreground); +} + +.is-style-card .is-style-outline a.wp-block-button__link.has-khaki-gradient-background:hover, +.is-style-card .is-style-outline a.wp-block-button__link.has-khaki-gradient-background:focus { + border-color: var(--wp--preset--color--almost-black); +} + +/* Tan */ +.is-style-outline a.wp-block-button__link.has-tan-gradient-background:hover, +.is-style-outline a.wp-block-button__link.has-tan-gradient-background:focus { + background-image: var(--wp--preset--gradient--tan) !important; + border-color: var(--wp--preset--color--foreground); +} + +.is-style-card .is-style-outline a.wp-block-button__link.has-tan-gradient-background:hover, +.is-style-card .is-style-outline a.wp-block-button__link.has-tan-gradient-background:focus { + border-color: var(--wp--preset--color--almost-black); +} + +/* Sandstone */ +.is-style-outline a.wp-block-button__link.has-sandstone-gradient-background:hover, +.is-style-outline a.wp-block-button__link.has-sandstone-gradient-background:focus { + background-image: var(--wp--preset--gradient--sandstone) !important; + border-color: var(--wp--preset--color--foreground); +} + +.is-style-card .is-style-outline a.wp-block-button__link.has-sandstone-gradient-background:hover, +.is-style-card .is-style-outline a.wp-block-button__link.has-sandstone-gradient-background:focus { + border-color: var(--wp--preset--color--almost-black); +} \ No newline at end of file diff --git a/mixin-styles-gb/assets/css/block-colors.css b/mixin-styles-gb/assets/css/block-colors.css new file mode 100644 index 00000000..55137b09 --- /dev/null +++ b/mixin-styles-gb/assets/css/block-colors.css @@ -0,0 +1,16 @@ +/* Button block overrides for colors and gradients */ +.wp-block-button__link[class*="gradient-background"] { + background-color: var(--almost-white) !important; +} + +.is-style-outline a.wp-block-button__link.has-background { + background-color: transparent !important; + background-image: none !important; +} + +.is-style-outline a.wp-block-button__link.has-background:hover, +.is-style-outline a.wp-block-button__link.has-background:focus { + background-image: var(--white-to-black-gradient) !important; + background-color: var(--almost-white) !important; + color: var(--wp--preset--color--black); +} diff --git a/mixin-styles-gb/assets/css/block-navigation-colors.css b/mixin-styles-gb/assets/css/block-navigation-colors.css new file mode 100644 index 00000000..66f6a67d --- /dev/null +++ b/mixin-styles-gb/assets/css/block-navigation-colors.css @@ -0,0 +1,228 @@ +/* --- Navigation block color overrides */ + +.wp-block-navigation.has-background { + background-color: transparent !important; +} + +.wp-block-navigation__submenu-container > .has-background { + background-color: transparent !important; +} + +.is-style-tabs .wp-block-navigation-item.has-background, +.is-style-wide-tab .wp-block-navigation-item.has-background { + background-color: transparent !important; +} + +.is-style-tabs.has-background .wp-block-navigation__container { + background-color: transparent; + gap: 0; +} + +.is-style-tabs.wp-block-navigation .wp-block-navigation__submenu-container .has-background .wp-block-navigation-item__content { + background-color: transparent; +} + +.wp-block-navigation .has-modal-open .wp-block-navigation__submenu-container :not(.has-text-color) .wp-block-navigation-item__content:active, +.wp-block-navigation .has-modal-open .wp-block-navigation__submenu-container +:not(.has-text-color) .wp-block-navigation-item__content:focus, +.wp-block-navigation .has-modal-open .wp-block-navigation__submenu-container +:not(.has-text-color) .wp-block-navigation-item__content:hover { + color: inherit !important; +} + +.is-style-wide-tab.has-background .wp-block-navigation__container { + background-color: rgba(255, 255, 255, 0.12); +} + +.is-style-tab.has-background .wp-block-navigation-item { + background-color: transparent !important; +} + +/* Accent 1- Blue */ +.is-style-tabs.has-accent-1-background-color .wp-block-navigation__responsive-container-open { + background-color: var(--wp--preset--color--accent-1); +} + +.has-accent-1-background-color .wp-block-navigation__responsive-container.is-menu-open { + background-color: var(--wp--preset--color--accent-1); +} + +.has-accent-1-background-color .wp-block-navigation__container { + background-color: var(--wp--preset--color--accent-1); +} + +.wp-block-navigation.has-accent-1-background-color .has-child :where(.wp-block-navigation__submenu-container) { + background-color: var(--wp--preset--color--accent-1); +} + +.is-style-tabs.has-accent-1-background-color.wp-block-navigation .wp-block-navigation-item__content, +.is-style-wide-tab.has-accent-1-background-color.wp-block-navigation .wp-block-navigation-item__content:focus, +.is-style-wide-tab.has-accent-1-background-color.wp-block-navigation .wp-block-navigation-item__content:hover { + background-color: var(--wp--preset--color--accent-1); +} + +/* Accent 2- Purple */ +.is-style-tabs.has-accent-2-background-color .wp-block-navigation__responsive-container-open { + background-color: var(--wp--preset--color--accent-2); +} + +.has-accent-2-background-color .wp-block-navigation__responsive-container.is-menu-open { + background-color: var(--wp--preset--color--accent-2); +} + +.has-accent-2-background-color .wp-block-navigation__container { + background-color: var(--wp--preset--color--accent-2); +} + +.wp-block-navigation.has-accent-2-background-color .has-child :where(.wp-block-navigation__submenu-container) { + background-color: var(--wp--preset--color--accent-2); +} + +.is-style-tabs.has-accent-2-background-color.wp-block-navigation .wp-block-navigation-item__content, +.is-style-wide-tab.has-accent-2-background-color.wp-block-navigation .wp-block-navigation-item__content:focus, +.is-style-wide-tab.has-accent-2-background-color.wp-block-navigation .wp-block-navigation-item__content:hover { + background-color: var(--wp--preset--color--accent-2); +} + +/* Accent 3- Magenta */ +.is-style-tabs.has-accent-3-background-color .wp-block-navigation__responsive-container-open { + background-color: var(--wp--preset--color--accent-3); +} + +.has-accent-3-background-color .wp-block-navigation__responsive-container.is-menu-open { + background-color: var(--wp--preset--color--accent-3); +} + +.has-accent-3-background-color .wp-block-navigation__container { + background-color: var(--wp--preset--color--accent-3); +} + +.wp-block-navigation.has-accent-3-background-color .has-child :where(.wp-block-navigation__submenu-container) { + background-color: var(--wp--preset--color--accent-3); +} + +.is-style-tabs.has-accent-3-background-color.wp-block-navigation .wp-block-navigation-item__content, +.is-style-wide-tab.has-accent-3-background-color.wp-block-navigation .wp-block-navigation-item__content:focus, +.is-style-wide-tab.has-accent-3-background-color.wp-block-navigation .wp-block-navigation-item__content:hover { + background-color: var(--wp--preset--color--accent-3); +} + +/* Accent4- Orange */ +.is-style-tabs.has-accent-4-background-color .wp-block-navigation__responsive-container-open { + background-color: var(--wp--preset--color--accent-4); +} + +.has-accent-4-background-color .wp-block-navigation__responsive-container.is-menu-open { + background-color: var(--wp--preset--color--accent-4); +} + +.has-accent-4-background-color .wp-block-navigation__container { + background-color: var(--wp--preset--color--accent-4); +} + +.wp-block-navigation.has-accent-4-background-color .has-child :where(.wp-block-navigation__submenu-container) { + background-color: var(--wp--preset--color--accent-4); +} + +.is-style-tabs.has-accent-4-background-color.wp-block-navigation .wp-block-navigation-item__content, +.is-style-wide-tab.has-accent-4-background-color.wp-block-navigation .wp-block-navigation-item__content:focus, +.is-style-wide-tab.has-accent-4-background-color.wp-block-navigation .wp-block-navigation-item__content:hover { + background-color: var(--wp--preset--color--accent-4); +} + +/* Yellow */ +.is-style-tabs.has-accent-5-background-color .wp-block-navigation__responsive-container-open { + background-color: var(--wp--preset--color--accent-5); +} + +.has-accent-5-background-color .wp-block-navigation__responsive-container.is-menu-open { + background-color: var(--wp--preset--color--accent-5); +} + +.has-accent-5-background-color .wp-block-navigation__container { + background-color: var(--wp--preset--color--accent-5); +} + +.wp-block-navigation.has-accent-5-background-color .has-child :where(.wp-block-navigation__submenu-container) { + background-color: var(--wp--preset--color--accent-5); +} + +.is-style-tabs.has-accent-5-background-color.wp-block-navigation .wp-block-navigation-item__content, +.is-style-wide-tab.has-accent-5-background-color.wp-block-navigation .wp-block-navigation-item__content:focus, +.is-style-wide-tab.has-accent-5-background-color.wp-block-navigation .wp-block-navigation-item__content:hover { + background-color: var(--wp--preset--color--accent-5); +} + +/* Khaki */ +.is-style-tabs.has-accent-6-background-color .wp-block-navigation__responsive-container-open { + background-color: var(--wp--preset--color--accent-6); +} + +.has-accent-6-background-color .wp-block-navigation__responsive-container.is-menu-open { + background-color: var(--wp--preset--color--accent-6); +} + +.has-accent-6-background-color .wp-block-navigation__container { + background-color: var(--wp--preset--color--accent-6); +} + +.wp-block-navigation.has-accent-6-background-color .has-child :where(.wp-block-navigation__submenu-container) { + background-color: var(--wp--preset--color--accent-6); +} + +.is-style-tabs.has-accent-6-background-color.wp-block-navigation .wp-block-navigation-item__content, +.is-style-wide-tab.has-accent-6-background-color.wp-block-navigation .wp-block-navigation-item__content:focus, +.is-style-wide-tab.has-accent-6-background-color.wp-block-navigation .wp-block-navigation-item__content:hover { + background-color: var(--wp--preset--color--accent-6); +} + +/* Tan */ +.is-style-tabs.has-accent-7-background-color .wp-block-navigation__responsive-container-open { + background-color: var(--wp--preset--color--accent-7); +} + +.has-accent-7-background-color .wp-block-navigation__responsive-container.is-menu-open { + background-color: var(--wp--preset--color--accent-7); +} + +.has-accent-7-background-color .wp-block-navigation__container { + background-color: var(--wp--preset--color--accent-7); +} + +.wp-block-navigation.has-accent-7-background-color .has-child :where(.wp-block-navigation__submenu-container) { + background-color: var(--wp--preset--color--accent-7); +} + +.is-style-tabs.has-accent-7-background-color.wp-block-navigation .wp-block-navigation-item__content, +.is-style-wide-tab.has-accent-7-background-color.wp-block-navigation .wp-block-navigation-item__content:focus, +.is-style-wide-tab.has-accent-7-background-color.wp-block-navigation .wp-block-navigation-item__content:hover { + background-color: var(--wp--preset--color--accent-7); +} + +/* Sandstone */ +.is-style-tabs.has-accent-8-background-color .wp-block-navigation__responsive-container-open { + background-color: var(--wp--preset--color--accent-8); +} + +.has-accent-8-background-color .wp-block-navigation__responsive-container.is-menu-open { + background-color: var(--wp--preset--color--accent-8); +} + +.has-accent-8-background-color .wp-block-navigation__container { + background-color: var(--wp--preset--color--accent-8); +} + +.wp-block-navigation.has-accent-8-background-color .has-child :where(.wp-block-navigation__submenu-container) { + background-color: var(--wp--preset--color--accent-8); +} + +.is-style-tabs.has-accent-8-background-color.wp-block-navigation .wp-block-navigation-item__content, +.is-style-wide-tab.has-accent-8-background-color.wp-block-navigation .wp-block-navigation-item__content:focus, +.is-style-wide-tab.has-accent-8-background-color.wp-block-navigation .wp-block-navigation-item__content:hover { + background-color: var(--wp--preset--color--accent-8); +} + +.is-style-tabs.has-text-dark-background-color.wp-block-navigation .wp-block-navigation__submenu-container, +.is-style-tabs.has-text-light-background-color.wp-block-navigation .wp-block-navigation__submenu-container { + background-color: var(--wp--preset--color--secondary); +} diff --git a/mixin-styles-gb/assets/css/blocks.css b/mixin-styles-gb/assets/css/blocks.css new file mode 100644 index 00000000..35b4ca7c --- /dev/null +++ b/mixin-styles-gb/assets/css/blocks.css @@ -0,0 +1,1445 @@ +/* ---- Global CSS ---- */ +:root { + --gray-gradient-reversed: linear-gradient(to bottom, #808080 0%, #ffffff 100%); +} + +aside.sidebar > *:not(.alignfull):not(.alignwide) { + padding-left: 1rem; + padding-right: 1rem; +} + +.wp-block-button, +.wp-block-buttons, +.wp-block-calendar, +.wp-block-cover, +.wp-block-embed, +.wp-block-image, +.wp-block-media-text, +.wp-block-navigation, +.wp-block-pullquote { + margin-top: 2em; + margin-bottom: 2em; +} + +/* ---- Header ---- */ +/* Template parts */ +.header-vertical { + display: grid; + grid-template-columns: 1fr 1fr; +} + +.header-vertical > :nth-child(1) { + grid-column: 1 / 3; +} + +.header-vertical > :nth-child(2) { + grid-column: 1 / 2; +} + +.header-vertical > :nth-child(3) { + grid-column: 2 / 3; +} + +.header-vertical .wp-block-site-logo img { + max-height: 80px; + object-fit: contain; +} + +.header-vertical .wp-block-social-links { + margin: 1rem; + align-self: start; +} + +.header-vertical .wp-block-navigation { + margin: 1rem 0; +} + +@media (min-width: 1024px) { + .header-vertical { + grid-template-columns: 1fr; + } + + .header-vertical > :nth-child(1), + .header-vertical > :nth-child(2), + .header-vertical > :nth-child(3) { + grid-column: 1 / 3; + } + + .header-vertical .wp-block-site-logo img { + max-height: none; + } +} + +/* Search box / Header search box */ +.wp-block-search p { + margin: 0; + height: 0; +} + +.wp-block-search .wp-block-search__input { + color: var(--wp--preset--color--black); + border: 2px solid var(--almost-white); + padding: 0.25em 0.5em; +} + +.is-style-card .wp-block-search .wp-block-search__input { + border-color: var(--wp--custom--color--border); +} + +.wp-block-search .wp-block-search__input:focus { + background-color: var(--light-gray); +} + +.wp-block-search .wp-block-search__label { + color: var(--wp--preset--color--white); +} + +.is-style-card .wp-block-search .wp-block-search__label { + color: var(--wp--preset--color--black); +} + +.wp-block-search .wp-block-search__button { + background: var(--white-to-black-gradient); + background-color: var(--wp--preset--color--primary); + border-radius: 0.5em; + color: var(--wp--preset--color--black); + border-color: var(--almost-black); + margin: 0.5em; + padding: 0.5em; +} + +.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { + background: var(--gray-gradient-reversed); + border: 1px solid var(--almost-white); + border-radius: 0.5em; +} + +.is-style-card .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper, +.is-style-search-header.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { + border-color: var(--wp--custom--color--border); +} + +.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input, +.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button { + margin: 0; +} + +.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input { + background: transparent; + padding: 0.25em 0; +} + +.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button { + padding: 0.25em 0.5em; +} + +.is-style-search-header.wp-block-search .wp-block-search__inside-wrapper { + align-items: flex-end; + min-height: 64px; +} + +.is-style-search-header.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { + margin: 36px 0.5em 0.5em; + min-height: 32px; +} + +.is-style-search-header.wp-block-search .wp-block-search__label { + color: var(--wp--preset--color--black); +} + +.is-style-search-header.wp-block-search .wp-block-search__label ~ .wp-block-search__inside-wrapper { + margin-top: 12px; + min-height: auto; +} + +.is-style-search-header.wp-block-search.wp-block-search__button-inside .wp-block-search__label ~ .wp-block-search__inside-wrapper { + margin-top: 6px; +} + +.is-style-search-header.wp-block-search .wp-block-search__input, +.is-style-search-header.wp-block-search .wp-block-search__button { + border-color: var(--wp--custom--color--border); + margin: 0 0.5em; +} + +.is-style-search-header.wp-block-search .wp-block-search__button { + background: var(--white-to-black-gradient); + background-color: var(--almost-white); + font-size: 1rem; + padding: 0.25em 0.5em; +} + +.is-style-search-header.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { + padding: 0.25em 0.5em; +} + +/* Site Title / Tagline / Logo */ +.wp-block-site-title a { + color: var(--wp--preset--color--white); +} + +.wp-block-site-title, +.wp-block-site-tagline { + margin-top: 0.5rem; + margin-bottom: 0.25rem; +} + +.wp-block-site-title a { + text-shadow: 1px 2px 0 var(--medium-gray); +} + +.wp-block-site-logo { + margin: 1em; +} + +.wp-block-site-title a, +.wp-block-site-logo a { + border-bottom: transparent; +} + +@media ( min-width: 1024px) { + .is-style-mxs-header .wp-block-site-title, + .is-style-mxs-header .wp-block-site-tagline { + width: 50%; + } +} + +/* Navigation- general */ +.wp-block-navigation { + font-size: 1rem; + width: 100%; +} + +.is-style-mxs-header .wp-block-navigation, +.header-hero .wp-block-navigation { + margin-left: 20px; + margin-right: 20px; + width: calc(100% - 40px); +} + +.wp-block-navigation a { + border-bottom: transparent; +} + +.wp-block-navigation ul { + padding: 0.25em 0.5em; +} + +.site-header > .wp-block-group .wp-block-navigation { + margin-top: 1em; + margin-bottom: 1em; +} + +.site-header > .wp-block-group .wp-block-navigation:last-child { + margin-bottom: -1.5em; +} + +.wp-block-navigation.is-vertical .wp-block-navigation__container { + display: flex; + flex-direction: column; +} + +.wp-block-navigation.is-vertical.items-justified-center > ul { + align-items: center; +} + +.wp-block-navigation.is-vertical.items-justified-right > ul { + align-items: flex-end; +} + +.wp-block-navigation__container { + border-top: 1px solid rgba(255, 255, 255, 0.25); + border-bottom: 1px solid rgba(255, 255, 255, 0.25); +} + +.is-style-card .wp-block-navigation__container { + border-top-color: rgba(0, 0, 0, 0.25); + border-bottom-color: rgba(0, 0, 0, 0.25); +} +/* */ + +/* Navigation- modal menu */ +.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open { + background-color: var(--wp--preset--color--secondary); +} + +.wp-block-navigation__responsive-container.is-menu-open { + border-top-right-radius: 1em; + border-bottom-right-radius: 1em; + margin: 1em 2em 1em 0; + padding: 1em; +} + +.is-menu-open .wp-block-navigation__container { + border-top: transparent; + border-bottom: transparent; +} + +.wp-block-navigation__responsive-container-close, +.wp-block-navigation__responsive-container-open { + align-items: center; + border-radius: 10px; + justify-content: center; + min-height: 3em; + min-width: 3em; +} + +.is-style-mxs-header .wp-block-navigation__responsive-container-open, +.header-hero .wp-block-navigation__responsive-container-open { + border-radius: 10px 10px 0 0; +} + +.wp-block-navigation__responsive-container-close { + display: flex; +} + +.wp-block-navigation__responsive-container-close:focus, +.wp-block-navigation__responsive-container-close:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +.wp-block-navigation__responsive-container-open { + background-color: rgba(255, 255, 255, 0.12); +} + +.wp-block-navigation__responsive-container-open:focus, +.wp-block-navigation__responsive-container-open:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.wp-block-navigation:not(.is-style-tabs):not(.is-style-wide-tab) .wp-block-navigation__responsive-container:not(.has-modal-open) .wp-block-navigation-item__content:hover, +.wp-block-navigation:not(.is-style-tabs):not(.is-style-wide-tab) .wp-block-navigation__responsive-container:not(.has-modal-open) .wp-block-navigation-item__content:active { + background-color: rgba(255, 255, 255, 0.25); +} + +.is-style-card .wp-block-navigation:not(.is-style-tabs):not(.is-style-wide-tab) .wp-block-navigation__responsive-container:not(.has-modal-open) .wp-block-navigation-item__content:hover, +.is-style-card .wp-block-navigation:not(.is-style-tabs):not(.is-style-wide-tab) .wp-block-navigation__responsive-container:not(.has-modal-open) .wp-block-navigation-item__content:active { + background-color: rgba(0, 0, 0, 0.25); + color: var(--wp--preset--color--black); +} + +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content, +.wp-block-navigation .wp-block-navigation-item__content { + padding: 0.25em 0.5em; +} + +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container, +.wp-block-navigation, +.wp-block-navigation .wp-block-page-list, +.wp-block-navigation__container, +.wp-block-navigation__responsive-container-content { + gap: 0; +} + +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container { + padding-top: 0; +} +/* */ + +/* Navigation- first level menu */ +.wp-block-navigation-item__content { + border-radius: 0.25em; + margin: 0.25em; +} + +.has-child .wp-block-navigation-link { + min-width: 144px; +} + +.is-style-card .has-child .wp-block-navigation__container a.wp-block-navigation-link__content:hover, +.is-style-card .has-child .wp-block-navigation__container a.wp-block-navigation-link__content:active { + color: var(--wp--preset--color--white) !important; +} +/* */ + +/* Navigation- submenu */ +.wp-block-navigation-link__submenu-icon { + color: var(--almost-white); +} + +.is-style-card .wp-block-navigation-link__submenu-icon { + color: var(--almost-black); +} + +.open-on-click .wp-block-navigation__submenu-icon { + display: inline-flex; + justify-content: center; + min-width: 3em; +} + +.open-on-click .wp-block-navigation-submenu__toggle:active .wp-block-navigation__submenu-icon, +.open-on-click .wp-block-navigation-submenu__toggle:hover .wp-block-navigation__submenu-icon { + background-color: transparent; +} + +.wp-block-navigation ul.wp-block-navigation__submenu-container { + padding: 0; +} + +.wp-block-navigation ul.wp-block-navigation__submenu-container ul { + margin-left: 16px; +} + +.wp-block-navigation__submenu-container { + border-radius: 0 0 0 16px; +} + +.wp-block-navigation .wp-block-navigation__submenu-container { + border: transparent !important; +} + +.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container { + background-color: var(--wp--preset--color--secondary); +} + +.wp-block-navigation__submenu-container .wp-block-navigation-item__content { + border-radius: 0; + padding: 0.5em 1em; +} + +.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content { + color: var(--wp--preset--color--black); +} + +.wp-block-navigation.has-text-color .wp-block-navigation__submenu-container .wp-block-navigation-item__content { + color: inherit; +} + +.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-link:last-child .wp-block-navigation-item__content { + border-bottom-left-radius: 16px; +} + +.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content:active, +.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus, +.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover { + background-color: var(--wp--custom--color--hover-bg) !important; + color: var(--wp--custom--color--hover-fg) !important; +} + +.wp-block-navigation .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content:active, +.wp-block-navigation .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus, +.wp-block-navigation .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover { + background-color: transparent !important; + color: var(--wp--preset--color--black) !important; +} +/* */ + +/* Navigation- current item */ +.wp-block-navigation .current-menu-item .wp-block-navigation-item__content { + text-shadow: 1px 1px 0px var(--light-gray); +} + +.wp-block-navigation .current-menu-item .wp-block-navigation-item__content, +.wp-block-navigation .current-menu-item .wp-block-navigation-item__content:active, +.wp-block-navigation .current-menu-item .wp-block-navigation-item__content:focus, +.wp-block-navigation .current-menu-item .wp-block-navigation-item__content:hover { + background-color: var(--almost-white); + color: var(--dark-gray) !important; +} + +.has-child .wp-block-navigation__submenu-container .current-menu-item .wp-block-navigation-item__content, +.has-child .wp-block-navigation__submenu-container .current-menu-item .wp-block-navigation-item__content:active, +.has-child .wp-block-navigation__submenu-container .current-menu-item .wp-block-navigation-item__content:focus, +.has-child .wp-block-navigation__submenu-container .current-menu-item .wp-block-navigation-item__content:hover, +.wp-block-navigation .has-modal-open .has-child .wp-block-navigation__submenu-container .current-menu-item .wp-block-navigation-item__content:active, +.wp-block-navigation .has-modal-open .has-child .wp-block-navigation__submenu-container .current-menu-item .wp-block-navigation-item__content:focus, +.wp-block-navigation .has-modal-open .has-child .wp-block-navigation__submenu-container .current-menu-item .wp-block-navigation-item__content:hover { + background-color: var(--wp--custom--color--hover-bg) !important; + color: var(--wp--custom--color--hover-fg) !important; + text-shadow: none; +} +/* */ + +/* Navigation- Tab style / Wide Tab style */ +.is-style-tabs .wp-block-navigation__container, +.is-style-wide-tab .wp-block-navigation__container { + border-top-color: transparent; + border-bottom-color: transparent; +} + +.is-style-wide-tab .wp-block-navigation__container { + background-color: rgba(255, 255, 255, 0.12); + border-radius: 16px 16px 0 0; +} + +.is-style-tabs ul.wp-block-navigation__container { + padding: 0; +} + +.is-style-wide-tab ul.wp-block-navigation__container { + padding-bottom: 0; +} + +.is-style-wide-tab .is-menu-open .wp-block-navigation__container, +.is-style-wide-tab.has-background .is-menu-open .wp-block-navigation__container { + background-color: transparent; +} + +.is-style-card .is-style-wide-tab .wp-block-navigation__container { + background-color: rgba(0, 0, 0, 0.12); +} + +.is-style-tabs.is-vertical .wp-block-navigation__container, +.is-style-wide-tab.is-vertical .wp-block-navigation__container { + height: auto; +} + +.is-style-wide-tab.is-vertical .wp-block-navigation__container, +.is-style-wide-tab.is-vertical .wp-block-navigation__submenu-container, +.is-style-tabs.is-vertical .wp-block-navigation__submenu-container { + border-radius: 0 16px 16px 0; +} + +.is-style-wide-tab.is-vertical .wp-block-navigation__submenu-container, +.is-style-tabs.is-vertical .wp-block-navigation__submenu-container { + margin-left: 25%; + top: 100%; +} + +.is-style-wide-tab.is-vertical .is-menu-open .wp-block-navigation__submenu-container, +.is-style-tabs.is-vertical .is-menu-open .wp-block-navigation__submenu-container { + margin-left: 0; +} + +.is-style-wide-tab.is-vertical.items-justified-right .wp-block-navigation__submenu-container, +.is-style-tabs.is-vertical.items-justified-right .wp-block-navigation__submenu-container { + margin-right: 25%; + margin-left: -25%; +} + +.is-style-wide-tab.is-vertical .wp-block-navigation__container { + padding-bottom: 0.25em; + padding-left: 0; +} + +.is-style-wide-tab.is-vertical.items-justified-right .wp-block-navigation__container, +.is-style-wide-tab.is-vertical.items-justified-right .wp-block-navigation__submenu-container { + border-radius: 16px 0 0 16px; +} + +.is-style-wide-tab.is-vertical.items-justified-right .wp-block-navigation__container { + padding-left: 0.5em; + padding-right: 0; +} + +.is-style-wide-tabs.is-vertical .is-menu-open .wp-block-navigation__container, +.is-style-wide-tabs.is-vertical.items-justified .is-menu-open .wp-block-navigation__container { + border-radius: 0; + padding: 0.25em 0.5em; +} + +.is-style-tabs.wp-block-navigation .wp-block-navigation-item__content, +.is-style-wide-tab.wp-block-navigation .wp-block-navigation-item__content { + border-radius: 10px 10px 0 0; + height: 30px; + margin: 0; + padding: 4px 0.5em 0 0.5em; +} + +.is-style-tabs.wp-block-navigation:not(.has-text-color) .wp-block-navigation-item__content, +.is-style-wide-tab.wp-block-navigation:not(.has-text-color) .wp-block-navigation-item__content { + color: var(--wp--preset--color--white); +} + +.is-style-tabs.wp-block-navigation .wp-block-navigation-item__content, +.is-style-wide-tab.wp-block-navigation .wp-block-navigation-item__content:focus, +.is-style-wide-tab.wp-block-navigation .wp-block-navigation-item__content:hover { + background: linear-gradient(45deg, + rgba(255, 255, 255, 0.25) 0%, + rgba(255, 255, 255, 0) 100% + ); + background-color: var(--medium-gray); +} + +.is-style-tabs.wp-block-navigation .is-menu-open .wp-block-navigation-item__content, +.is-style-wide-tab.wp-block-navigation .is-menu-open .wp-block-navigation-item__content, +.is-style-wide-tab.wp-block-navigation .is-menu-open .wp-block-navigation-item__content:focus, +.is-style-wide-tab.wp-block-navigation .is-menu-open .wp-block-navigation-item__content:hover { + background: none; + background-color: transparent; + color: inherit; +} + +.is-style-tabs.wp-block-navigation.is-vertical .wp-block-navigation-item__content, +.is-style-wide-tab.wp-block-navigation.is-vertical .wp-block-navigation-item__content { + height: auto; + padding: 0.25em 0.5em; +} + +.is-style-tabs.is-vertical.wp-block-navigation .wp-block-navigation-item__content, +.is-style-tabs.is-vertical.wp-block-navigation .wp-block-navigation-item__content:hover, +.is-style-wide-tab.is-vertical.wp-block-navigation .wp-block-navigation-item__content, +.is-style-wide-tab.is-vertical.wp-block-navigation .wp-block-navigation-item__content:hover { + border-radius: 0 10px 10px 0; +} + +.is-style-tabs.is-vertical.items-justified-right.wp-block-navigation .wp-block-navigation-item__content, +.is-style-wide-tab.is-vertical.items-justified-right.wp-block-navigation .wp-block-navigation-item__content { + border-radius: 10px 0 0 10px; +} + +.is-style-tabs .open-on-hover-click.has-child { + padding-right: 0.75em; +} + +.is-style-tabs .wp-block-navigation__submenu-icon { + color: var(--wp--preset--color--white); + height: 22px; + padding: 0 0.25em 4px 0.25em; +} + +.is-style-tabs .wp-block-navigation-submenu .wp-block-navigation-submenu .wp-block-navigation__submenu-icon { + color: currentColor; +} + +.is-style-card .is-style-tabs .wp-block-navigation__submenu-icon { + color: currentColor; +} + +.is-style-tabs .open-on-click .wp-block-navigation__submenu-icon, +.is-style-wide-tab .open-on-click .wp-block-navigation__submenu-icon { + background-color: transparent; + border-left: 1px solid rgba(0, 0, 0, 0.12); + color: currentColor; + margin-left: 0.5em; +} + +.is-style-tabs .wp-block-navigation__submenu-container .wp-block-navigation-item__content, +.is-style-tabs.is-vertical .wp-block-navigation__submenu-container .wp-block-navigation-item__content, +.is-style-wide-tab .wp-block-navigation__submenu-container .wp-block-navigation-item__content, +.is-style-wide-tab.is-vertical .wp-block-navigation__submenu-container .wp-block-navigation-item__content { + border-radius: 0; +} + +.is-style-tabs .wp-block-navigation__submenu-container .wp-block-navigation-item__content, +.is-style-wide-tab .wp-block-navigation__submenu-container .wp-block-navigation-item__content { + background-image: none; + background-color: transparent; + height: auto; +} + +.is-style-tabs.wp-block-navigation:not(.has-text-color) .wp-block-navigation__submenu-container .wp-block-navigation-item__content, +.is-style-wide-tab.wp-block-navigation:not(.has-text-color) .wp-block-navigation__submenu-container .wp-block-navigation-item__content { + color: var(--wp--preset--color--black); +} + +.is-style-tabs .wp-block-navigation__submenu-container .wp-block-navigation-item__content, +.is-style-wide-tab .wp-block-navigation__submenu-container .wp-block-navigation-item__content { + padding: 0.5em 1em !important; +} + +.is-style-tabs .has-modal-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content, +.is-style-wide-tab .has-modal-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content { + padding: 0.25em 0.5em !important; +} + +.is-style-wide-tab .wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus, +.is-style-wide-tab .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover { + background-image: none; +} + +.is-style-tabs .wp-block-navigation__submenu-container .wp-block-navigation-item__content:active, +.is-style-wide-tab .wp-block-navigation__submenu-container .wp-block-navigation-item__content:active, +.is-style-tabs .wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus, +.is-style-wide-tab .wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus +.is-style-tabs .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover, +.is-style-wide-tab .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover { + background-color: var(--wp--custom--color--hover-bg); +} +/* */ + +@media ( min-width: 600px ) { + .site-header > .wp-block-group .wp-block-navigation:last-child { + margin-bottom: calc(-0.5em - 1px); + } + + .site-header > .wp-block-group .is-style-tabs.wp-block-navigation:last-child, + .site-header > .wp-block-group .is-style-wide-tab.wp-block-navigation:last-child { + margin-bottom: calc(-1.5em - 1px); + } + + .wp-block-navigation ul.wp-block-navigation__submenu-container ul { + margin-left: 50%; + } +} + +@media ( min-width: 768px ) { + .wp-block-navigation { + width: 60%; + margin-left: auto; + margin-right: auto; + } + + .header-left-columns .wp-block-navigation { + width: 100%; + } +} + +@media (min-width: 782px) { + .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-container { + left: 50% !important; + } + + .wp-block-navigation.is-vertical .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-container { + left: 0 !important; + } +} + +@media ( min-width: 1024px) { + .is-style-mxs-header .wp-block-navigation { + width: calc(75% - 60px); + } + + .header-left-columns .wp-block-navigation { + margin-left: 0; + margin-right: 0; + } + + .header-left-columns .wp-block-navigation__container { + width: 100%; + } +} + +@media ( min-width: 1366px) { + .is-style-mxs-header .wp-block-navigation { + width: calc(85% - 60px); + } +} + +/* Comments / Comment Navigation */ +.wp-block-post-comments input[type="submit"] { + border: 1px solid var(--wp--preset--color--background); + border-radius: 0.5em; + color: var(--wp--preset--color--black); + padding: 0.5em; +} + +.wp-block-post-comments .navigation { + align-items: center; + background-color: var(--white-12pcnt); + border-radius: 0.5em; + box-sizing: border-box; + color: var(--wp--preset--color--white); + display: flex; + flex-direction: column; + margin: 0.5em auto 1em auto; + padding: 0.5em; + text-align: center; + width: 100%; +} + +.is-style-card .wp-block-post-comments .navigation { + background-color: var(--black-12pcnt); +} + +.wp-block-post-comments .navigation a { + border-bottom: transparent; + color: var(--wp--preset--color--white) !important; + font-weight: bold; + text-decoration: none; +} + +.is-style-card .wp-block-post-comments .navigation a, +.is-style-card .wp-block-post-comments .navigation a:hover, +.is-style-card .wp-block-post-comments .navigation a:active { + color: var(--wp--preset--color--black) !important; +} + +.wp-block-post-comments .navigation a:hover, +.wp-block-post-comments .navigation a:active { + border-bottom: 1px solid rgba(255, 255, 255, 0.75); +} + +.is-style-card .wp-block-post-comments .navigation a:hover, +.is-style-card .wp-block-post-comments .navigation a:active { + border-bottom: 1px solid rgba(0, 0, 0, 0.75); +} + +@media (min-width: 768px) { + .wp-block-post-comments .navigation { + flex-direction: row; + justify-content: space-between; + } +} + +@media (min-width: 1366px) { + .wp-block-post-comments { + width: 60%; + margin: 1em 20%; + } +} + +/* ---- Content ---- */ + +/* Posts */ +.wp-block-post { + margin-top: 2em; + margin-bottom:2em; +} + +.wp-block-post-featured-image { + max-width: 300px; +} + +.wp-block-post-featured-image a { + border: none; +} + +.wp-block-post-title a { + color: var(--light-gray); + padding-bottom: 0; +} + +.wp-block-post-title a:hover, +.wp-block-post-title a:active { + color: var(--medium-gray); +} + +.is-style-card .wp-block-post-title a { + color: var(--medium-gray); +} + +.is-style-card .wp-block-post-title a:hover, +.is-style-card .wp-block-post-title a:active { + color: var(--wp--preset--color--black); +} + +.is-style-entry-meta { + display: flex; + flex-direction: column; + margin-bottom: 1em; + margin-top: 1em; +} + +.is-style-entry-meta .wp-block-post-author, +.is-style-entry-meta .wp-block-post-date, +.is-style-entry-meta .wp-block-post-terms { + flex-shrink: 0; + padding: 0 0.25em; +} + +@media (min-width: 640px) { + .is-style-entry-meta { + flex-direction: row; + flex-wrap: wrap; + } +} + +@media (min-width: 1366px) { + .page .wp-block-post-title, + .single .wp-block-post-title, + .page .is-style-entry-meta, + .single .is-style-entry-meta { + margin-left: auto; + margin-right: auto; + width: var(--wp--custom--widths--default); + } + + .sticky .wp-block-post-title, + .sticky .is-style-entry-meta { + width: var(--wp--custom--widths--wide); + } + + .sticky .wp-block-post-title { + margin-left: calc(10% - 0.5em); + } + + .sticky .is-style-entry-meta { + margin-left: calc(10% - 1em); + } +} + +/* Index/Post Navigation */ +.wp-block-query-pagination, +.wp-block-post-navigation-link { + background-color: var(--white-12pcnt); + border-radius: 0.5em; + clear: both; + color: var(--wp--preset--color--white); + padding: 0.5em; +} + +.is-style-card .wp-block-query-pagination, +.is-style-card .wp-block-post-navigation-link { + background-color: var(--black-12pcnt); +} + +.wp-block-query-pagination-next, +.wp-block-query-pagination>.wp-block-query-pagination-numbers, +.wp-block-query-pagination-previous { + margin: 0; +} + +.wp-block-post-navigation-link { + margin: 0.5em 0; +} + +.post-navigation-link-next { + text-align: right; +} + +.wp-block-query-pagination a, +.wp-block-post-navigation-link a { + border-bottom: 1px solid transparent; + font-weight: bold; + padding-bottom: 0; +} + +.wp-block-query-pagination a:hover, +.wp-block-query-pagination a:active, +.wp-block-post-navigation-link a:hover, +.wp-block-post-navigation-link a:active { + border-bottom-color: rgba(255, 255, 255, 0.75); +} + +.is-style-card .wp-block-query-pagination a, +.is-style-card .wp-block-post-navigation-link a { + color: var(--wp--preset--color--black) !important; +} + +.is-style-card .wp-block-query-pagination a:hover, +.is-style-card .wp-block-query-pagination a:active, +.is-style-card .wp-block-post-navigation-link a:hover, +.is-style-card .wp-block-post-navigation-link a:active { + border-bottom-color: rgba(0, 0, 0, 0.75); +} + +@media (min-width: 782px) { + .is-style-flex-horizontal .wp-block-post-navigation-link { + flex-basis: 50%; + text-align: center; + } + + .is-style-flex-horizontal .post-navigation-link-previous { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .is-style-flex-horizontal .post-navigation-link-next { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } +} + +@media (min-width: 1366px) { + .wp-block-query-pagination { + margin: 0 auto; + width: 60%; + } + + .post-navigation-link-previous { + margin-left: 20%; + } + + .post-navigation-link-next { + margin-right: 20%; + } +} + +/* Buttons */ +.wp-block-buttons .wp-block-button { + margin-top: 0; + margin-bottom: 0; +} + +a.wp-block-button__link, +.wp-block-file .wp-block-file__button { + border-radius: 0.5em; + font-size: 1em; + font-weight: bold; + margin: 0.5em; + padding: 0.5em; +} + +a.wp-block-button__link, +.is-style-outline > a.wp-block-button__link, +a.wp-block-file__button { + border: 1px solid var(--almost-white); +} + +.is-style-card a.wp-block-button__link, +.is-style-card a.wp-block-file__button { + border-color: var(--wp--custom--color--border); +} + +a.wp-block-button__link, +.wp-block-file .wp-block-file__button { + color: var(--wp--preset--color--black); +} + +.wp-block-button__link:hover, +.wp-block-button__link:focus, +.wp-block-file .wp-block-file__button:hover, +.wp-block-file .wp-block-file__button:focus { + background-color: var(--wp--preset--color--secondary); +} + +.wp-block-button__link, +.wp-block-file .wp-block-file__button, +.is-style-outline .wp-block-button__link:hover, +.is-style-outline .wp-block-button__link:focus { + background-color: var(--almost-white); + background-image: var(--white-to-black-gradient); +} + +a.wp-block-button__link:active, +.wp-block-file .wp-block-file__button:active, +a.wp-block-button__link:focus, +.wp-block-file .wp-block-file__button:focus, +a.wp-block-button__link:hover, +.wp-block-file .wp-block-file__button:hover { + color: var(--wp--preset--color--black); +} + +.is-style-outline > a.wp-block-button__link:not(.has-text-color), +a.wp-block-button__link.is-style-outline:not(.has-text-color) { + color: var(--wp--preset--color--white); +} + +.is-style-outline a.wp-block-button__link { + background-color: transparent; + background-image: none; +} + +.is-style-outline a.wp-block-button__link:hover, +.is-style-outline a.wp-block-button__link:active { + color: var(--wp--preset--color--foreground); +} + +.is-style-card .is-style-outline > a.wp-block-button__link:not(.has-text-color) { + color: var(--wp--preset--color--black); +} + +.is-style-card .is-style-outline > a.wp-block-button__link:not(.has-text-color):hover, +.is-style-card .is-style-outline > a.wp-block-button__link:not(.has-text-color):active { + color: var(--wp--preset--color--black); +} + +/* Calendar */ +.wp-block-calendar a { + text-decoration: none !important; +} + +.wp-block-calendar table { + background-color: var(--pale-gray); + border-color: var(--medium-gray); + max-width: 640px; +} + +.wp-block-calendar table caption { + color: var(--wp--preset--color--black); +} + +.is-style-card .wp-block-calendar table caption { + color: var(--wp--preset--color--white); +} + +.wp-block-calendar table tbody { + color: var(--wp--preset--color--black); +} + +.wp-block-calendar tbody td, +.wp-block-calendar th { + border-color: var(--medium-gray); +} + +.wp-block-calendar table th { + background-color: inherit !important; + color: var(--wp--preset--color--black); + font-weight: bold; + padding: 0.5em; +} + +.wp-block-calendar .wp-calendar-nav { + background-color: var(--almost-white); + border-bottom-left-radius: 16px; + border-bottom-right-radius: 16px; + margin: 0 auto; + max-width: 640px; + padding: 0.25em; + width: 100%; +} + +.wp-block-calendar .wp-calendar-nav a { + color: var(--wp--preset--color--link-alt); +} + +.wp-block-calendar .wp-calendar-nav a:hover, +.wp-block-calendar .wp-calendar-nav a:active { + color: var(--wp--preset--color--link-alt-hover); +} + +.is-style-card .wp-block-calendar .wp-calendar-nav { + background-color: var(--wp--preset--color--background); + display: flex; + justify-content: space-around; +} + +.is-style-card .wp-block-calendar .wp-calendar-nav a { + border-bottom: transparent; + color: var(--wp--preset--color--link); +} + +.is-style-card .wp-block-calendar .wp-calendar-nav a:hover, +.is-style-card .wp-block-calendar .wp-calendar-nav a:active { + color: var(--wp--preset--color--link-hover); +} + +@media (min-width: 1024px) { + .main--sidebar-right .wp-block-calendar table th, + .main--sidebar-right .wp-block-calendar table td, + .main--sidebar-left .wp-block-calendar table th, + .main--sidebar-left .wp-block-calendar table td { + padding: 0.25em !important; + } +} + +/* Categories / Archives */ +.wp-block-archives, +.wp-block-categories { + padding-left: 2rem !important; +} + +.wp-block-query-title { + font-family: var(--wp--preset--font-family--jura); + font-size: 1.5rem; + max-width: var(--wp--custom--widths--default); + margin-left: auto; + margin-right: auto; + text-shadow: none; +} + +/* Code / Verse */ +.wp-block-code code { + font-family: var(--monospace-font); +} + +pre.wp-block-verse { + background-color: transparent; + font-family: var(--monospace-font) !important; + line-height: 2em; +} + +/* Columns block */ +.wp-block-column { + padding: 1em; +} + +.is-style-mxs-header .wp-block-columns { + margin-bottom: 0; +} + +.is-style-mxs-header .wp-block-column { + padding: 0; +} + +@media (min-width: 782px) { + .wp-block-column:not(:first-child) { + margin-left: 0; + } +} + +/* Cover block */ +.wp-block-cover.is-style-rounded, +.wp-block-cover.is-style-rounded-full, +.wp-block-cover.is-style-rounded span, +.wp-block-cover.is-style-rounded-full span { + border-radius: 1em; +} + +.wp-block-cover.is-style-rounded .has-background-dim:not(.has-background-gradient):before, +.wp-block-cover.is-style-rounded-full .has-background-dim:not(.has-background-gradient):before { + border-radius: 1em; +} + +.wp-block-cover.is-style-rounded-full.is-position-top-center .wp-block-cover__inner-container, +.wp-block-cover.is-style-rounded-full.is-position-bottom-center .wp-block-cover__inner-container { + width: 100%; +} + +.wp-block-cover.is-style-rounded-full.is-position-top-left .wp-block-cover__inner-container, +.wp-block-cover.is-style-rounded-full.is-position-center-left .wp-block-cover__inner-container, +.wp-block-cover.is-style-rounded-full.is-position-bottom-left .wp-block-cover__inner-container, +.wp-block-cover.is-style-rounded-full.is-position-top-right .wp-block-cover__inner-container, +.wp-block-cover.is-style-rounded-full.is-position-center-right .wp-block-cover__inner-container, +.wp-block-cover.is-style-rounded-full.is-position-bottom-right .wp-block-cover__inner-container { + width: 50%; +} + +/* File block */ +.wp-block-file { + padding: 0.5em 1em; + text-align: center; +} + +/* Gallery block */ +.wp-block-gallery { + clear: both; + margin: 2em auto !important; +} + +.wp-block-gallery.alignfull { + margin-left: 1.5em !important; + margin-right: 1.5em !important; + width: 100%; +} + +.wp-post-image, +.wp-block-gallery .wp-block-image:not(.is-style-rounded) img { + border-radius: 16px; +} + +.wp-block-gallery .wp-block-image a { + border-bottom: transparent; + padding-bottom: 0; +} + +.wp-block-gallery .wp-block-image a img { + border: 1px solid var(--light-gray); +} + +.wp-block-gallery .wp-block-image a img:hover, +.wp-block-gallery .wp-block-image a:focus img { + border-color: var(--medium-gray); +} + +.wp-block-gallery .wp-block-image:not(.is-style-rounded) figcaption { + border-bottom-left-radius: 16px; + border-bottom-right-radius: 16px; +} + +/* Image block */ +.wp-block-image { + margin-bottom: 2em !important; +} + +/* Latest posts */ +.wp-block-latest-posts li { + margin-bottom: 1em; + padding-left: 1em; +} + +.wp-block-latest-posts li > a { + font-family: var(--wp--preset--font-family--garamond); + font-size: 1.25rem; +} + +.wp-block-latest-posts__post-author, +.wp-block-latest-posts__post-date { + color: var(--light-gray) !important; +} + +.is-style-card .wp-block-latest-posts__post-author, +.is-style-card .wp-block-latest-posts__post-date { + color: var(--wp--preset--color--black) !important; +} + +/* Quote / Pullquote */ +.wp-block-quote.is-style-large { + padding: 25px 1em 1em 50px !important; +} + +/* Separator block */ +.wp-block-separator { + max-width: none !important; +} + +.wp-block-separator.is-style-default { + width: var(--wp--custom--widths--default); +} + +.wp-block-separator.is-style-wide { + border-bottom-width: 2px; + width: 80%; +} + +/* Social Links block */ +.wp-site-blocks .wp-block-social-links.aligncenter { + display: flex; +} + +.wp-block-social-links.is-style-semitransparent-light .wp-social-link, +.wp-block-social-links.is-style-semitransparent-dark .wp-social-link { + border-radius: 10px; +} + +.wp-block-social-links.is-style-semitransparent-light .wp-social-link { + background-color: rgba(255, 255, 255, 0.5); + color: var(--almost-black); +} + +.wp-block-social-links.is-style-semitransparent-light .wp-social-link:focus, +.wp-block-social-links.is-style-semitransparent-light .wp-social-link:hover { + background-color: rgba(255, 255, 255, 0.75); +} + +.wp-block-social-links.is-style-semitransparent-dark .wp-social-link { + background-color: rgba(0, 0, 0, 0.5); + color: var(--almost-white); +} + +.wp-block-social-links.is-style-semitransparent-dark .wp-social-link:focus, +.wp-block-social-links.is-style-semitransparent-dark .wp-social-link:hover { + background-color: rgba(0, 0, 0, 0.75); +} + +/* Table block */ +.wp-block-table thead { + border-bottom: 2px solid var(--white-12pcnt); +} + +.wp-block-table tfoot { + border-top: 2px solid var(--white-12pcnt); +} + +.is-style-card .wp-block-table thead { + border-bottom: 2px solid var(--light-gray); +} + +.is-style-card .wp-block-table tfoot { + border-top: 2px solid var(--light-gray); +} + +.wp-block-table figcaption { + margin-top: .5em; + margin-bottom: 1em; +} + +.wp-block-table.is-style-stripes { + border-bottom-color: var(--white-12pcnt) !important; +} + +.wp-block-table.is-style-stripes table { + background-color: transparent; +} + +.wp-block-table.is-style-stripes tbody tr:nth-child(odd) { + background-color: var(--white-6pcnt) !important; +} + +.is-style-card .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { + background-color: var(--pale-gray) !important; +} + +/* Custom Block Style classes */ +.is-style-card { + background-color: var(--almost-white); + border-radius: 20px; + color: var(--wp--preset--color--black); +} + +.is-style-flex-horizontal { + display: flex; + flex-direction: column; +} + +@media (min-width: 782px) { + .is-style-flex-horizontal { + flex-direction: row; + } +} + +/* ---- Sidebar ---- */ +.sidebar-horizontal { + display: flex; + flex-direction: column; +} + +.sidebar-horizontal > [class^=wp-block-] { + margin-top: 1em; + margin-bottom: 1em; +} + +/* ---- Block Alignments ---- */ +.wp-site-blocks .alignleft { + float: left; +} + +.wp-site-blocks .alignright { + float: right; +} + +.wp-block-cover.is-style-rounded.alignfull, +.wp-block-cover.is-style-rounded-full.alignfull { + transform: translate(0); + width: 100%; +} + +@media (max-width: 767px) { + .wp-block-post-content .alignwide { + max-width: none; + } +} + +.wp-block-post-featured-image.alignleft { + margin: 0 1em 1em 0; +} + +.wp-block-post-featured-image.alignright { + margin: 0 0 1em 1em; +} + +.wp-block-post-featured-image.alignwide, +.wp-block-post-featured-image.alignfull { + margin-left: auto; + margin-right: auto; +} + +.wp-block-post-featured-image.alignwide { + max-width: 1024px; +} + +.wp-block-post-featured-image.alignfull { + max-width: none; +} + +.wp-block-post-featured-image.alignfull img { + display: block; + margin-left: auto; + margin-right: auto; +} + +.wp-block-image .alignleft { + margin: 0 1em 1em 0; +} + +.wp-block-image .alignright { + margin: 0 0 1em 1em; +} + +.wp-block-image .aligncenter { + margin-bottom: 1em; +} + +@media (min-width: 1366px) { + .wp-block-post-featured-image.alignleft { + margin-left: 20%; + } + + .sticky .wp-block-post-featured-image.alignleft { + margin-left: calc(10% - 1em); + } + + .wp-block-post-featured-image.alignright { + margin-right: 20%; + } + + .sticky .wp-block-post-featured-image.alignright { + margin-right: calc(10% - 1em); + } + + .wp-block-post-featured-image.alignwide, + .wp-block-post-featured-image.alignfull { + margin-left: 20%; + margin-right: 20%; + } + + .wp-block-gallery.alignleft { + margin-left: 20% !important; + } + + .wp-block-gallery.alignright { + margin-right: 20% !important; + } +} diff --git a/mixin-styles-gb/assets/css/editor-overrides.css b/mixin-styles-gb/assets/css/editor-overrides.css new file mode 100644 index 00000000..13bda8b5 --- /dev/null +++ b/mixin-styles-gb/assets/css/editor-overrides.css @@ -0,0 +1,431 @@ +/* + * Fixes for the backend full site editor + * This file is subject to change, depending on backend code changes. + */ + +/* General HTML */ +body { + max-width: 100%; +} + +.wp-block-freeform.block-library-rich-text__tinymce a { + color: var(--wp--preset--color--pastel-blue); +} + +.wp-block-freeform.block-library-rich-text__tinymce a:hover, +.wp-block-freeform.block-library-rich-text__tinymce a:active { + color: var(--wp--preset--color--pastel-red); +} + +pre code { + background-color: transparent; +} + +.wp-block-freeform.block-library-rich-text__tinymce blockquote { + border-left: transparent; +} + +textarea.editor-post-title__input:focus { + background-color: transparent; +} +/* */ + +/* Header */ +.header-column { + z-index: 100; +} + +.site-header > .wp-block-group { + padding: 1.5em 1em; +} + +.is-style-mxs-header .is-style-search-header { + position: absolute; + top: -186px !important; +} + +.site-header > .wp-block-group.is-style-mxs-header { + padding-top: 86px; +} + +.wp-block[data-align="left"] .is-style-search-header { + left: -1.5em; +} + +.wp-block[data-align="center"] .is-style-search-header { + border-bottom-left-radius: 16px; + left: 50%; + transform: translateX(-50%); +} + +.wp-block[data-align="right"] .is-style-search-header { + border-bottom-left-radius: 16px; + border-bottom-right-radius: 0px; + left: auto; + right: -1.5em; +} + +.block-editor-block-list__layout .is-style-search-header { + margin-bottom: 0; +} + +@media (min-width: 600px) { + .is-style-mxs-header .is-style-search-header { + top: -16px !important; + } + + .site-header > .wp-block-group.is-style-mxs-header { + padding-top: 1em; + } +} +/* */ + +/* Navigation / Header Navigation */ +.wp-block-navigation:where(.has-background), +.wp-block-navigation:where(.has-background) +.wp-block-navigation .wp-block-page-list, +.wp-block-navigation:where(.has-background) .wp-block-navigation__container { + gap: 0; +} + +.site-header > .wp-block-group .wp-block-navigation:last-child { + margin-bottom: -2.5em; +} + +.site-header > .wp-block-group .is-style-tabs.wp-block-navigation:last-child, +.site-header > .wp-block-group .is-style-wide-tab.wp-block-navigation:last-child { + margin-bottom: -3em; +} + +.wp-block-navigation.has-background { + background-color: transparent !important; +} + +.is-style-tabs .wp-block-navigation-item.has-background, +.is-style-wide-tab .wp-block-navigation-item.has-background { + background-color: transparent !important; +} + +.is-style-wide-tab.is-vertical .wp-block-navigation-item { + background-color: transparent; +} + +.has-child .wp-block-navigation-link .wp-block-navigation-link__content { + border-radius: 0 0 0 16px; + margin: 0; +} + +.has-child .wp-block-navigation-link .wp-block-navigation-link__content:hover, +.has-child .wp-block-navigation-link .wp-block-navigation-link__content:active { + background-color: var(--wp--preset--color--black) !important; +} + +.is-style-tabs.wp-block-navigation.has-accent-1-background-color, +.is-style-tabs.wp-block-navigation.has-accent-2-background-color, +.is-style-tabs.wp-block-navigation.has-accent-3-background-color, +.is-style-tabs.wp-block-navigation.has-accent-4-background-color, +.is-style-tabs.wp-block-navigation.has-accent-5-background-color, +.is-style-tabs.wp-block-navigation.has-accent-6-background-color, +.is-style-tabs.wp-block-navigation.has-accent-7-background-color, +.is-style-tabs.wp-block-navigation.has-accent-8-background-color, +.is-style-tabs.wp-block-navigation.has-text-dark-background-color, +.is-style-tabs.wp-block-navigation.has-text-light-background-color { + background-color: transparent !important; +} + +.is-style-wide-tab.wp-block-navigation.has-accent-1-background-color, +.is-style-wide-tab.wp-block-navigation.has-accent-2-background-color, +.is-style-wide-tab.wp-block-navigation.has-accent-3-background-color, +.is-style-wide-tab.wp-block-navigation.has-accent-4-background-color, +.is-style-wide-tab.wp-block-navigation.has-accent-5-background-color, +.is-style-wide-tab.wp-block-navigation.has-accent-6-background-color, +.is-style-wide-tab.wp-block-navigation.has-accent-7-background-color, +.is-style-wide-tab.wp-block-navigation.has-accent-8-background-color, +.is-style-wide-tab.wp-block-navigation.has-text-dark-background-color, +.is-style-wide-tab.wp-block-navigation.has-text-light-background-color { + background-color: transparent !important; +} + +@media (min-width: 600px) { + .site-header > .wp-block-group .wp-block-navigation:last-child { + margin-bottom: calc(-1.5em - 1px); + } + + .site-header > .wp-block-group .is-style-tabs.wp-block-navigation:last-child, + .site-header > .wp-block-group .is-style-wide-tab.wp-block-navigation:last-child { + margin-bottom: calc(-3em - 1px); + } + + .is-style-wide-tab .wp-block-navigation-item .wp-block-navigation__container { + background-color: transparent; + } + + .wp-block-navigation__submenu-container { + border-radius: 0 0 0 16px; + } +} + +@media ( min-width: 768px ) { + .is-style-mxs-header .wp-block-navigation { + width: auto; + } +} + +@media ( min-width: 1366px) { + .wp-block-post-navigation-link:first-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .wp-block-post-navigation-link:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } +} +/* */ + +/* Featured Image */ +.wp-block-post-featured-image img { + border-radius: 16px; +} +/* */ + +/* Blocks */ +.wp-block-post-template > li { + clear: both; +} + +.wp-block-calendar { + text-align: center; +} + +.wp-block-calendar tbody td, +.wp-block-calendar th { + padding: 0.25em; +} + +.wp-block-code { + border: transparent; +} + +.wp-block-cover { + margin-left: -1em; + margin-right: -1em; + width: calc(100% + 2em); +} + +.wp-block-pullquote { + border-top: transparent; + border-bottom: transparent; +} + +.wp-block-quote { + border-left: transparent; +} + +pre.wp-block-verse { + color: var(--wp--preset--color--white); +} + +@media (min-width: 1366px) { + .wp-block-query-pagination { + margin: 0 auto !important; + } +} +/* */ + +/* Button Block */ +div.wp-block-button__link, +div.wp-block-file__button { + border-radius: 0.5em; + font-size: 1em; + font-weight: bold; + margin: 0.5em; + padding: 0.5em; +} + +div.wp-block-button__link, +.is-style-outline > div.wp-block-button__link, +div.wp-block-file__button { + border: 1px solid var(--wp--preset--color--white); +} + +div.wp-block-button__link, +div.wp-block-file__button { + color: var(--wp--preset--color--black); +} + +div.wp-block-button__link, +div.wp-block-file__button, +.is-style-outline a.wp-block-button__link:hover, +.is-style-outline a.wp-block-button__link:focus { + background-color: var(--wp--preset--color--white); + background-image: var(--white-to-black-gradient); +} + +div.wp-block-button__link.has-black-background-color:hover, +div.wp-block-button__link.has-black-background-color:focus, +.is-style-outline div.wp-block-button__link.has-black-background-color:hover, +.is-style-outline div.wp-block-button__link.has-black-background-color:focus { + background-color: var(--wp--preset--color--black); + color: var(--wp--preset--color--white); +} + +.is-style-outline div.wp-block-button__link { + background-color: transparent !important; + background-image: none !important; +} + +.is-style-outline > div.wp-block-button__link:not(.has-text-color), +div.wp-block-button__link.is-style-outline:not(.has-text-color) { + color: var(--wp--preset--color--white); +} + +.is-style-outline div.wp-block-button__link:hover { + background-image: var(--white-to-black-gradient) !important; +} + +.is-style-outline div.wp-block-button__link.has-accent-1-background-color:hover, +.is-style-outline div.wp-block-button__link.has-accent-1-background-color:focus { + background-color: var(--wp--preset--color--accent-1) !important; + color: var(--wp--preset--color--foreground) !important; +} + +.is-style-outline div.wp-block-button__link.has-accent-2-background-color:hover, +.is-style-outline div.wp-block-button__link.has-accent-2-background-color:focus { + background-color: var(--wp--preset--color--accent-2) !important; + color: var(--wp--preset--color--foreground) !important; +} + +.is-style-outline div.wp-block-button__link.has-accent-3-background-color:hover, +.is-style-outline div.wp-block-button__link.has-accent-3-background-color:focus { + background-color: var(--wp--preset--color--accent-3) !important; + color: var(--wp--preset--color--foreground) !important; +} + +.is-style-outline div.wp-block-button__link.has-accent-4-background-color:hover, +.is-style-outline div.wp-block-button__link.has-accent-4-background-color:focus { + background-color: var(--wp--preset--color--accent-4) !important; + color: var(--wp--preset--color--black) !important; +} + +.is-style-outline div.wp-block-button__link.has-accent-5-background-color:hover, +.is-style-outline div.wp-block-button__link.has-accent-5-background-color:focus { + background-color: var(--wp--preset--color--accent-5) !important; + color: var(--wp--preset--color--black) !important; +} + +.is-style-outline div.wp-block-button__link.has-accent-6-background-color:hover, +.is-style-outline div.wp-block-button__link.has-accent-6-background-color:focus { + background-color: var(--wp--preset--color--accent-6) !important; + color: var(--wp--preset--color--black) !important; +} + +.is-style-outline div.wp-block-button__link.has-accent-7-background-color:hover, +.is-style-outline div.wp-block-button__link.has-accent-7-background-color:focus { + background-color: var(--wp--preset--color--accent-7) !important; + color: var(--wp--preset--color--black) !important; +} + +.is-style-outline div.wp-block-button__link.has-accent-8-background-color:hover, +.is-style-outline div.wp-block-button__link.has-accent-8-background-color:focus { + background-color: var(--wp--preset--color--accent-8) !important; + color: var(--wp--preset--color--black) !important; +} + +.is-style-outline div.wp-block-button__link:hover, +.is-style-outline div.wp-block-button__link:focus { + background-color: var(--almost-white) !important; + color: var(--wp--preset--color--black); +} + +.is-style-outline div.wp-block-button__link.has-blue-gradient-background:hover, +.is-style-outline div.wp-block-button__link.has-blue-gradient-background:focus { + background-image: var(--wp--preset--gradient--blue) !important; + color: var(--wp--preset--color--black); +} + +.is-style-outline div.wp-block-button__link.has-purple-gradient-background:hover, +.is-style-outline div.wp-block-button__link.has-purple-gradient-background:focus { + background-image: var(--wp--preset--gradient--purple) !important; + color: var(--wp--preset--color--black); +} + +.is-style-outline div.wp-block-button__link.has-magenta-gradient-background:hover, +.is-style-outline div.wp-block-button__link.has-magenta-gradient-background:focus { + background-image: var(--wp--preset--gradient--magenta) !important; + color: var(--wp--preset--color--black); +} + +.is-style-outline div.wp-block-button__link.has-deep-orange-gradient-background:hover, +.is-style-outline div.wp-block-button__link.has-deep-orange-gradient-background:focus { + background-image: var(--wp--preset--gradient--deep-orange) !important; + color: var(--wp--preset--color--black); +} + +.is-style-outline div.wp-block-button__link.has-yellow-gradient-background:hover, +.is-style-outline div.wp-block-button__link.has-yellow-gradient-background:focus { + background-image: var(--wp--preset--gradient--yellow) !important; + color: var(--wp--preset--color--black); +} + +.is-style-outline div.wp-block-button__link.has-khaki-gradient-background:hover, +.is-style-outline div.wp-block-button__link.has-khaki-gradient-background:focus { + background-image: var(--wp--preset--gradient--khaki) !important; + color: var(--wp--preset--color--black); +} + +.is-style-outline div.wp-block-button__link.has-tan-gradient-background:hover, +.is-style-outline div.wp-block-button__link.has-tan-gradient-background:focus { + background-image: var(--wp--preset--gradient--tan) !important; + color: var(--wp--preset--color--black); +} + +.is-style-outline div.wp-block-button__link.has-sandstone-gradient-background:hover, +.is-style-outline div.wp-block-button__link.has-sandstone-gradient-background:focus { + background-image: var(--wp--preset--gradient--sandstone) !important; + color: var(--wp--preset--color--black); +} +/* */ + +/* Alignments */ +.wp-block[data-align="left"] { + float: left; +} + +.wp-block[data-align="right"] { + float: right; +} + +.wp-block[data-align="left"], +.wp-block[data-align="right"], +.wp-block[data-align="full"] { + max-width: none; +} + +.wp-block[data-align="left"] > .wp-block-post-featured-image { + margin: 0 1em 1em 0; +} + +.wp-block[data-align="right"] > .wp-block-post-featured-image { + margin: 0 0 1em 1em; +} + +.wp-block[data-align="wide"] > .wp-block-post-featured-image, +.wp-block[data-align="full"] > .wp-block-post-featured-image { + margin-left: 0; + margin-right: 0; +} + +.wp-block[data-align="full"] > .wp-block-cover.is-style-rounded, +.wp-block[data-align="full"] > .wp-block-cover.is-style-rounded-full { + transform: translate(1.5em); + width: calc(100% - 1em); +} + +.wp-block-gallery.alignfull { + margin-left: 3em !important; + margin-right: 3em !important; + width: calc(100% - 3em); +} +/* */ diff --git a/mixin-styles-gb/assets/fonts/ebgaramond08-regular-webfont.woff b/mixin-styles-gb/assets/fonts/ebgaramond08-regular-webfont.woff new file mode 100644 index 00000000..449b27cf Binary files /dev/null and b/mixin-styles-gb/assets/fonts/ebgaramond08-regular-webfont.woff differ diff --git a/mixin-styles-gb/assets/fonts/ebgaramond08-regular-webfont.woff2 b/mixin-styles-gb/assets/fonts/ebgaramond08-regular-webfont.woff2 new file mode 100644 index 00000000..dc9a5c59 Binary files /dev/null and b/mixin-styles-gb/assets/fonts/ebgaramond08-regular-webfont.woff2 differ diff --git a/mixin-styles-gb/assets/fonts/ebgaramond12-regular-webfont.woff b/mixin-styles-gb/assets/fonts/ebgaramond12-regular-webfont.woff new file mode 100644 index 00000000..07b5eb66 Binary files /dev/null and b/mixin-styles-gb/assets/fonts/ebgaramond12-regular-webfont.woff differ diff --git a/mixin-styles-gb/assets/fonts/ebgaramond12-regular-webfont.woff2 b/mixin-styles-gb/assets/fonts/ebgaramond12-regular-webfont.woff2 new file mode 100644 index 00000000..c1917915 Binary files /dev/null and b/mixin-styles-gb/assets/fonts/ebgaramond12-regular-webfont.woff2 differ diff --git a/mixin-styles-gb/assets/fonts/jura-demibold-webfont.woff b/mixin-styles-gb/assets/fonts/jura-demibold-webfont.woff new file mode 100644 index 00000000..40c8206d Binary files /dev/null and b/mixin-styles-gb/assets/fonts/jura-demibold-webfont.woff differ diff --git a/mixin-styles-gb/assets/fonts/jura-demibold-webfont.woff2 b/mixin-styles-gb/assets/fonts/jura-demibold-webfont.woff2 new file mode 100644 index 00000000..6a14825b Binary files /dev/null and b/mixin-styles-gb/assets/fonts/jura-demibold-webfont.woff2 differ diff --git a/mixin-styles-gb/assets/fonts/jura-regular-webfont.woff b/mixin-styles-gb/assets/fonts/jura-regular-webfont.woff new file mode 100644 index 00000000..156504f0 Binary files /dev/null and b/mixin-styles-gb/assets/fonts/jura-regular-webfont.woff differ diff --git a/mixin-styles-gb/assets/fonts/jura-regular-webfont.woff2 b/mixin-styles-gb/assets/fonts/jura-regular-webfont.woff2 new file mode 100644 index 00000000..319d7e95 Binary files /dev/null and b/mixin-styles-gb/assets/fonts/jura-regular-webfont.woff2 differ diff --git a/mixin-styles-gb/assets/images/bg_concircles_gray.png b/mixin-styles-gb/assets/images/bg_concircles_gray.png new file mode 100644 index 00000000..964382da Binary files /dev/null and b/mixin-styles-gb/assets/images/bg_concircles_gray.png differ diff --git a/mixin-styles-gb/assets/images/bg_concircles_ovg.png b/mixin-styles-gb/assets/images/bg_concircles_ovg.png new file mode 100644 index 00000000..447e8b81 Binary files /dev/null and b/mixin-styles-gb/assets/images/bg_concircles_ovg.png differ diff --git a/mixin-styles-gb/assets/images/bg_concircles_rby.png b/mixin-styles-gb/assets/images/bg_concircles_rby.png new file mode 100644 index 00000000..e594706a Binary files /dev/null and b/mixin-styles-gb/assets/images/bg_concircles_rby.png differ diff --git a/mixin-styles-gb/assets/images/bg_dots_gray.png b/mixin-styles-gb/assets/images/bg_dots_gray.png new file mode 100644 index 00000000..2429a17b Binary files /dev/null and b/mixin-styles-gb/assets/images/bg_dots_gray.png differ diff --git a/mixin-styles-gb/assets/images/bg_dots_ovg.png b/mixin-styles-gb/assets/images/bg_dots_ovg.png new file mode 100644 index 00000000..3359b528 Binary files /dev/null and b/mixin-styles-gb/assets/images/bg_dots_ovg.png differ diff --git a/mixin-styles-gb/assets/images/bg_dots_rby.png b/mixin-styles-gb/assets/images/bg_dots_rby.png new file mode 100644 index 00000000..67b6496d Binary files /dev/null and b/mixin-styles-gb/assets/images/bg_dots_rby.png differ diff --git a/mixin-styles-gb/assets/images/curlyquotes-translucent-black.png b/mixin-styles-gb/assets/images/curlyquotes-translucent-black.png new file mode 100644 index 00000000..54622a00 Binary files /dev/null and b/mixin-styles-gb/assets/images/curlyquotes-translucent-black.png differ diff --git a/mixin-styles-gb/assets/images/curlyquotes-translucent-white.png b/mixin-styles-gb/assets/images/curlyquotes-translucent-white.png new file mode 100644 index 00000000..8e3f63b6 Binary files /dev/null and b/mixin-styles-gb/assets/images/curlyquotes-translucent-white.png differ diff --git a/mixin-styles-gb/assets/images/curlyquotes-translucent.png b/mixin-styles-gb/assets/images/curlyquotes-translucent.png new file mode 100644 index 00000000..3c1cb9cc Binary files /dev/null and b/mixin-styles-gb/assets/images/curlyquotes-translucent.png differ diff --git a/mixin-styles-gb/assets/images/curlyquotes.png b/mixin-styles-gb/assets/images/curlyquotes.png new file mode 100644 index 00000000..085f5deb Binary files /dev/null and b/mixin-styles-gb/assets/images/curlyquotes.png differ diff --git a/mixin-styles-gb/assets/images/logo-example.png b/mixin-styles-gb/assets/images/logo-example.png new file mode 100644 index 00000000..d43b30c2 Binary files /dev/null and b/mixin-styles-gb/assets/images/logo-example.png differ diff --git a/mixin-styles-gb/assets/images/searchbox.svg b/mixin-styles-gb/assets/images/searchbox.svg new file mode 100644 index 00000000..e5b77c4b --- /dev/null +++ b/mixin-styles-gb/assets/images/searchbox.svg @@ -0,0 +1,132 @@ + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + diff --git a/mixin-styles-gb/assets/images/spyglass-clipped.svg b/mixin-styles-gb/assets/images/spyglass-clipped.svg new file mode 100644 index 00000000..fe8a6533 --- /dev/null +++ b/mixin-styles-gb/assets/images/spyglass-clipped.svg @@ -0,0 +1,88 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + diff --git a/mixin-styles-gb/functions.php b/mixin-styles-gb/functions.php new file mode 100644 index 00000000..04c0092f --- /dev/null +++ b/mixin-styles-gb/functions.php @@ -0,0 +1,72 @@ +. + */ + add_theme_support( 'automatic-feed-links' ); + + /** + * Responsive videos. + */ + add_theme_support( 'responsive-embeds' ); + + /** + * Enable support for post thumbnails and featured images. + */ + add_theme_support( 'post-thumbnails' ); + + add_theme_support( 'align-wide' ); + + /** + * Add support for editor styles. + */ + add_theme_support( 'editor-styles' ); + + /** + * Enqueue editor styles. + */ + add_editor_style( array( + './assets/css/base-styles.css', + './assets/css/blocks.css', + './assets/css/block-colors.css', + './assets/css/block-button-colors.css', + './assets/css/block-navigation-colors.css', + './assets/css/editor-overrides.css', + ) ); + } +endif; +add_action( 'after_setup_theme', 'mixin_styles_gb_setup' ); + +// Add block pattern functions +require_once get_template_directory() . '/inc/block-patterns.php'; + +function mixin_styles_gb_block_styles() { + wp_enqueue_script( 'mixin-styles-gb-block-styles', get_theme_file_uri( '/js/block-styles.js' ), array( 'wp-blocks', 'wp-dom-ready', 'wp-edit-post' ), filemtime( get_template_directory_uri() . '/js/blocks-styles.js' ) ); +} +add_action( 'enqueue_block_editor_assets', 'mixin_styles_gb_block_styles' ); + +function mixin_styles_gb_scripts() { + // Stylesheets + wp_enqueue_style( 'mixin-styles-gb-style', get_stylesheet_uri() ); +} +add_action( 'wp_enqueue_scripts', 'mixin_styles_gb_scripts' ); diff --git a/mixin-styles-gb/inc/block-patterns.php b/mixin-styles-gb/inc/block-patterns.php new file mode 100644 index 00000000..c6538b38 --- /dev/null +++ b/mixin-styles-gb/inc/block-patterns.php @@ -0,0 +1,25 @@ + esc_html__( 'Mixin Styles- GB', 'mixin-styles-gb' ) ) + ); + } +} + +add_action( 'init', 'mixin_styles_gb_block_patterns' ); +add_action( 'init', 'mixin_styles_gb_register_block_pattern_cats' ); diff --git a/mixin-styles-gb/inc/header-patterns.php b/mixin-styles-gb/inc/header-patterns.php new file mode 100644 index 00000000..67462c28 --- /dev/null +++ b/mixin-styles-gb/inc/header-patterns.php @@ -0,0 +1,72 @@ + +
+
+
+ +
+ + + +
+
+ + + +
+

' . __( 'See what we have to offer.', 'mixin-styles-gb' ) . '

+
+ + +
+'; + +register_block_pattern( + 'mxs-patterns/header-hero', + array( + 'title' => esc_html__( 'Header- Hero', 'mixin-styles-gb' ), + 'content' => trim( $header_hero ), + 'categories' => array( 'header', 'mixin-styles-gb' ), + 'viewportWidth' => 1366, + ) +); + +$header_title_inside = ' +
+
+
+
+ +
+ + + +
+
    + + + + + + + +
+
+
+
+ + +
+'; + +register_block_pattern( + 'mxs-patterns/header-title-inside', + array( + 'title' => esc_html__( 'Header- Hero (Title Inside)', 'mixin-styles-gb' ), + 'content' => trim( $header_title_inside ), + 'categories' => array( 'header', 'mixin-styles-gb' ), + 'viewportWidth' => 1366, + ) +); diff --git a/mixin-styles-gb/inc/post-page-patterns.php b/mixin-styles-gb/inc/post-page-patterns.php new file mode 100644 index 00000000..9a386806 --- /dev/null +++ b/mixin-styles-gb/inc/post-page-patterns.php @@ -0,0 +1,47 @@ + +
+
+
+ + + + + + + + + +
+ + + +
+ + + + + + + + + + + +
+
+
+'; + +register_block_pattern( + 'mxs-patterns/query-no-sidebar', + array( + 'title' => esc_html__( 'Posts- No Sidebar', 'mixin-styles-gb' ), + 'content' => trim( $posts_no_sidebar ), + 'categories' => array( 'columns', 'mixin-styles-gb' ), + 'viewportWidth' => 1366, + ) +); diff --git a/mixin-styles-gb/index.php b/mixin-styles-gb/index.php new file mode 100644 index 00000000..e0ae8938 --- /dev/null +++ b/mixin-styles-gb/index.php @@ -0,0 +1,2 @@ + +

diff --git a/mixin-styles-gb/js/block-styles.js b/mixin-styles-gb/js/block-styles.js new file mode 100644 index 00000000..9228beb1 --- /dev/null +++ b/mixin-styles-gb/js/block-styles.js @@ -0,0 +1,112 @@ +/* Block styles */ + +wp.domReady( () => { + + wp.blocks.registerBlockStyle( 'core/column', [ + { + name: 'default', + label: 'Default', + isDefault: true, + }, + { + name: 'card', + label: 'Column- Card Style', + } + ] ); + + wp.blocks.registerBlockStyle( 'core/columns', [ + { + name: 'default', + label: 'Default', + isDefault: true, + }, + { + name: 'content-sidebar', + label: 'Posts- Content, Sidebar', + }, + { + name: 'sidebar-content', + label: 'Posts- Sidebar, Content', + } + ] ); + + wp.blocks.registerBlockStyle( 'core/cover', [ + { + name: 'default', + label: 'Default', + isDefault: true, + }, + { + name: 'rounded', + label: 'Rounded', + }, + { + name: 'rounded-full', + label: 'Rounded- Full Height', + } + ] ); + + wp.blocks.registerBlockStyle( 'core/group', [ + { + name: 'default', + label: 'Default', + isDefault: true, + }, + { + name: 'card', + label: 'Card Style', + }, + { + name: 'mxs-header', + label: 'Mixin Styles Header', + }, + { + name: 'flex-horizontal', + label: 'Flex Container- Horizontal', + }, + { + name: 'entry-meta', + label: 'Entry Meta- Horizontal', + } + ] ); + + wp.blocks.registerBlockStyle( 'core/navigation', [ + { + name: 'default', + label: 'Default', + isDefault: true, + }, + { + name: 'tabs', + label: 'Tabs', + }, + { + name: 'wide-tab', + label: 'Wide Tab', + } + ] ); + + wp.blocks.registerBlockStyle( 'core/search', [ + { + name: 'default', + label: 'Default', + isDefault: true, + }, + { + name: 'search-header', + label: 'Search- Header', + } + ] ); + + wp.blocks.registerBlockStyle( 'core/social-links', [ + { + name: 'semitransparent-light', + label: 'Semitransparent Light', + }, + { + name: 'semitransparent-dark', + label: 'Semitransparent Dark', + } + ] ); + +} ); diff --git a/mixin-styles-gb/parts/footer.html b/mixin-styles-gb/parts/footer.html new file mode 100644 index 00000000..ddd7e6f7 --- /dev/null +++ b/mixin-styles-gb/parts/footer.html @@ -0,0 +1,7 @@ + +
© My Website
+ + + +

Mixin' Styles- GB, designed by Jason G. Designs.

+ diff --git a/mixin-styles-gb/parts/header-hero-title-inside.html b/mixin-styles-gb/parts/header-hero-title-inside.html new file mode 100644 index 00000000..d0376ba5 --- /dev/null +++ b/mixin-styles-gb/parts/header-hero-title-inside.html @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/mixin-styles-gb/parts/header-hero.html b/mixin-styles-gb/parts/header-hero.html new file mode 100644 index 00000000..db0d4b56 --- /dev/null +++ b/mixin-styles-gb/parts/header-hero.html @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/mixin-styles-gb/parts/header-vertical.html b/mixin-styles-gb/parts/header-vertical.html new file mode 100644 index 00000000..cab10eb6 --- /dev/null +++ b/mixin-styles-gb/parts/header-vertical.html @@ -0,0 +1,13 @@ + + + + + + + \ No newline at end of file diff --git a/mixin-styles-gb/parts/header.html b/mixin-styles-gb/parts/header.html new file mode 100644 index 00000000..c6036c00 --- /dev/null +++ b/mixin-styles-gb/parts/header.html @@ -0,0 +1,15 @@ + +
+
+
+ +
+ + + +
+
+ + +
+ diff --git a/mixin-styles-gb/parts/sidebar.html b/mixin-styles-gb/parts/sidebar.html new file mode 100644 index 00000000..77446885 --- /dev/null +++ b/mixin-styles-gb/parts/sidebar.html @@ -0,0 +1,13 @@ + + + +

Latest Posts

+ + + + + +

Categories

+ + + \ No newline at end of file diff --git a/mixin-styles-gb/readme.txt b/mixin-styles-gb/readme.txt new file mode 100644 index 00000000..442d010f --- /dev/null +++ b/mixin-styles-gb/readme.txt @@ -0,0 +1,35 @@ +=== Mixin' Styles- GB === + +Contributors: jgpws +Tags: block-patterns, block-styles, blog, custom-colors, custom-menu, featured-images, full-site-editing, left-sidebar, one-column, right-sidebar, sticky-post, threaded comments, two-columns, wide-blocks +Requires at least: 5.8 +Requires PHP: 7.4 +Tested up to: 5.9 +Stable tag: 1.0 +License: GPLv2 or later +License URI: http://www.gnu.org/licenses/gpl-2.0.html + +== Copyright == + +Mixin' Styles- GB WordPress Theme, Copyright 2016-2019 Jason G. Designs +Mixin' Styles- GB is distributed under the terms of the GNU GPL. + +== Description == + +Mixin' Styles- GB is a full site editing blog theme. + +Sporting rounded corners on several elements, Mixin' Styles- GB supports single columns and sidebar layouts via a collection of templates and patterns. + +Custom templates include a page with a left-side fixed vertical header, a page with no sidebar and a no sidebar pattern for posts. + +The theme offers four header styles including two with hero images. + +== Changelog == + += 1.0.1 April 11 2022 = +Brought the theme up to standards with the latest block editor (WordPress 5.9); added new patterns and block styles. + +== Credits == + +== Notes == +All images in the assets/images folder are licenced under the CC0 Creative Commons license. diff --git a/mixin-styles-gb/screenshot.jpg b/mixin-styles-gb/screenshot.jpg new file mode 100644 index 00000000..316da2df Binary files /dev/null and b/mixin-styles-gb/screenshot.jpg differ diff --git a/mixin-styles-gb/style.css b/mixin-styles-gb/style.css new file mode 100644 index 00000000..18769aca --- /dev/null +++ b/mixin-styles-gb/style.css @@ -0,0 +1,26 @@ +/* +Theme Name: Mixin' Styles- GB +Theme URI: +Description: Mixin' Styles- GB is a full site editing blog theme. Sporting rounded corners on several elements, Mixin' Styles- GB supports single columns and sidebar layouts via a collection of templates and patterns. Custom templates include a page with a left-side fixed vertical header, a page with no sidebar and a no sidebar pattern for posts. The theme offers four header styles including two with hero images. +Author: jgpws +Author URI: http://www.jasong-designs.com +License: GNU General Public License v2 or later +License URI: http://www.gnu.org/licenses/gpl-2.0.html +Tags: full-site-editing +Version: 1.0.1 +Requires at least: 5.0 +Tested up to: 5.6 +Requires PHP: 7.0 +Text Domain: mixin-styles-gb +Tags: block-patterns, block-styles, blog, custom-colors, custom-menu, featured-images, full-site-editing, left-sidebar, one-column, right-sidebar, sticky-post, threaded comments, two-columns, wide-blocks + +Mixin' Styles- GB, (C) 2021 Jason G. Designs +Mixin' Styles- GB is licensed under the GNU GPL, version 2 or later. +*/ + +@import "assets/css/base-styles.css"; +@import "assets/css/blocks.css"; +@import "assets/css/block-colors.css"; +@import "assets/css/block-navigation-colors.css"; +@import "assets/css/block-button-colors.css"; +@import "assets/css/block-button-gradients.css"; diff --git a/mixin-styles-gb/templates/404.html b/mixin-styles-gb/templates/404.html new file mode 100644 index 00000000..76c75698 --- /dev/null +++ b/mixin-styles-gb/templates/404.html @@ -0,0 +1,29 @@ + + + +
+
+
+

This post or page was not found.

+ + + +

Perhaps look through our site's categories?

+ + + + + +

Or search for your term?

+ + +
+
+ + + +
+
+ + + diff --git a/mixin-styles-gb/templates/archive.html b/mixin-styles-gb/templates/archive.html new file mode 100644 index 00000000..7948ff84 --- /dev/null +++ b/mixin-styles-gb/templates/archive.html @@ -0,0 +1,41 @@ + + + +
+
+
+ + + + + + + + + + + +
+ + + +
+ + + + + + + + + +
+
+ + + +
+
+ + + diff --git a/mixin-styles-gb/templates/blank.html b/mixin-styles-gb/templates/blank.html new file mode 100644 index 00000000..12009475 --- /dev/null +++ b/mixin-styles-gb/templates/blank.html @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/mixin-styles-gb/templates/home.html b/mixin-styles-gb/templates/home.html new file mode 100644 index 00000000..1844e333 --- /dev/null +++ b/mixin-styles-gb/templates/home.html @@ -0,0 +1,41 @@ + + + +
+
+
+ + + + + + + + + +
+ + + +
+ + + + + + + + + + + +
+
+ + + +
+
+ + + \ No newline at end of file diff --git a/mixin-styles-gb/templates/index.html b/mixin-styles-gb/templates/index.html new file mode 100644 index 00000000..d67924e8 --- /dev/null +++ b/mixin-styles-gb/templates/index.html @@ -0,0 +1,41 @@ + + + +
+
+
+ + + + + + + + + +
+ + + +
+ + + + + + + + + + + +
+
+ + + +
+
+ + + diff --git a/mixin-styles-gb/templates/page-header-left.html b/mixin-styles-gb/templates/page-header-left.html new file mode 100644 index 00000000..3f95c988 --- /dev/null +++ b/mixin-styles-gb/templates/page-header-left.html @@ -0,0 +1,22 @@ + +
+
+ + + +
+
+ + +
+ + + + + + +
+
+
+ + \ No newline at end of file diff --git a/mixin-styles-gb/templates/page-no-sidebar.html b/mixin-styles-gb/templates/page-no-sidebar.html new file mode 100644 index 00000000..5c4af041 --- /dev/null +++ b/mixin-styles-gb/templates/page-no-sidebar.html @@ -0,0 +1,26 @@ + + + +
+
+
+ + + + +
+ +
+ + + + + + + +
+
+
+ + + \ No newline at end of file diff --git a/mixin-styles-gb/templates/page.html b/mixin-styles-gb/templates/page.html new file mode 100644 index 00000000..f9b32d0c --- /dev/null +++ b/mixin-styles-gb/templates/page.html @@ -0,0 +1,25 @@ + + + +
+
+
+ + +
+ + + + + + +
+
+ + + +
+
+ + + diff --git a/mixin-styles-gb/templates/single.html b/mixin-styles-gb/templates/single.html new file mode 100644 index 00000000..eea6d4f7 --- /dev/null +++ b/mixin-styles-gb/templates/single.html @@ -0,0 +1,43 @@ + + + +
+
+
+
+ +
+ + + + + +
+ + + +
+ + + + + + + +
+

Tags for this post:

+ + +
+ + +
+
+ + + +
+
+ + + diff --git a/mixin-styles-gb/theme.json b/mixin-styles-gb/theme.json new file mode 100644 index 00000000..0723ed2e --- /dev/null +++ b/mixin-styles-gb/theme.json @@ -0,0 +1,528 @@ +{ + "version":2, + "settings": { + "color": { + "link": true, + "palette": [ + { + "slug": "background", + "color": "#191919", + "name": "Background" + }, + { + "slug": "foreground", + "color": "#ffffff", + "name": "Foreground" + }, + { + "slug": "primary", + "color": "#808080", + "name": "Primary" + }, + { + "slug": "secondary", + "color": "#dedede", + "name": "Secondary" + }, + { + "slug": "link", + "color": "#c4c4ff", + "name": "Link" + }, + { + "slug": "link-hover", + "color": "#ffc4c4", + "name": "Link Hover" + }, + { + "slug": "link-alt", + "color": "#0000cc", + "name": "Link Alt" + }, + { + "slug": "link-alt-hover", + "color": "#cc0000", + "name": "Link Alt Hover" + } + ], + "gradients": [ + { + "slug": "gray", + "gradient": "linear-gradient(to bottom, #ffffff 0%, #808080 100%)", + "name": "Gray" + }, + { + "slug": "orange", + "gradient": "linear-gradient(to bottom, #ffffff 0%, #ffb704 100%)", + "name": "Orange" + }, + { + "slug": "bright-yellow", + "gradient": "linear-gradient(to bottom, #ffffff 0%, #f8fe03 100%)", + "name": "Bright Yellow" + }, + { + "slug": "yellow-green", + "gradient": "linear-gradient(to bottom, #ffffff 0%, #cffa00 100%)", + "name": "Yellow Green" + }, + { + "slug": "teal", + "gradient": "linear-gradient(to bottom, #ffffff 0%, #0d7f9f 100%)", + "name": "Teal" + }, + { + "slug": "violet", + "gradient": "linear-gradient(to bottom, #ffffff 0%, #4811ae 100%)", + "name": "Violet" + }, + { + "slug": "light-khaki", + "gradient": "linear-gradient(to bottom, #ffffff 0%, #ded996 100%)", + "name": "Light Khaki" + }, + { + "slug": "light-tan", + "gradient": "linear-gradient(to bottom, #ffffff 0%, #e9d0ae 100%)", + "name": "Light Tan" + }, + { + "slug": "light-sandstone", + "gradient": "linear-gradient(to bottom, #ffffff 0%, #d3bab2 100%)", + "name": "Light Sandstone" + } + ] + }, + "blocks": { + "core/button": { + "color": { + "customGradient": false, + "defaultPalette": false, + "defaultGradients": false, + "palette": [ + { + "slug": "accent-1", + "color": "#2040c0", + "name": "Accent 1" + }, + { + "slug": "accent-2", + "color": "#820bbb", + "name": "Accent 2" + }, + { + "slug": "accent-3", + "color": "#cd00cd", + "name": "Accent 3" + }, + { + "slug": "accent-4", + "color": "#ff870d", + "name": "Accent 4" + }, + { + "slug": "accent-5", + "color": "#ffe000", + "name": "Accent 5" + }, + { + "slug": "accent-6", + "color": "#bdb76b", + "name": "Accent 6" + }, + { + "slug": "accent-7", + "color": "#d2b48c", + "name": "Accent 7" + }, + { + "slug": "accent-8", + "color": "#a78d84", + "name": "Accent 8" + }, + { + "slug": "text-dark", + "color": "#191919", + "name": "Text- dark" + }, + { + "slug": "text-light", + "color": "#ffffff", + "name": "Text- light" + } + ], + "gradients": [ + { + "slug": "blue", + "gradient": "linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(32, 64, 192, 0.5) 100%)", + "name": "Blue" + }, + { + "slug": "purple", + "gradient": "linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(130, 11, 187, 0.5) 100%)", + "name": "Purple" + }, + { + "slug": "magenta", + "gradient": "linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(205, 0, 205, 0.5) 100%)", + "name": "Magenta" + }, + { + "slug": "deep-orange", + "gradient": "linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(235, 135, 13, 0.5) 100%)", + "name": "Deep Orange" + }, + { + "slug": "yellow", + "gradient": "linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 224, 0, 0.5) 100%)", + "name": "Yellow" + }, + { + "slug": "khaki", + "gradient": "linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(189, 183, 107, 0.5) 100%)", + "name": "Khaki" + }, + { + "slug": "tan", + "gradient": "linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(210, 180, 140, 0.5) 100%)", + "name": "Tan" + }, + { + "slug": "sandstone", + "gradient": "linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(167, 141, 132, 0.5) 100%)", + "name": "Sandstone" + } + ] + } + }, + "core/cover": { + "color": { + "palette": [ + { + "slug": "accent-1", + "color": "#2040c0", + "name": "Accent 1" + }, + { + "slug": "accent-2", + "color": "#820bbb", + "name": "Accent 2" + }, + { + "slug": "accent-3", + "color": "#cd00cd", + "name": "Accent 3" + }, + { + "slug": "accent-4", + "color": "#ff870d", + "name": "Accent 4" + }, + { + "slug": "accent-5", + "color": "#ffe000", + "name": "Accent 5" + }, + { + "slug": "accent-6", + "color": "#bdb76b", + "name": "Accent 6" + }, + { + "slug": "accent-7", + "color": "#d2b48c", + "name": "Accent 7" + }, + { + "slug": "accent-8", + "color": "#a78d84", + "name": "Accent 8" + } + ] + } + }, + "core/navigation": { + "color": { + "custom": false, + "defaultPalette": false, + "palette": [ + { + "slug": "accent-1", + "color": "#2040c0", + "name": "Accent 1" + }, + { + "slug": "accent-2", + "color": "#820bbb", + "name": "Accent 2" + }, + { + "slug": "accent-3", + "color": "#cd00cd", + "name": "Accent 3" + }, + { + "slug": "accent-4", + "color": "#ff870d", + "name": "Accent 4" + }, + { + "slug": "accent-5", + "color": "#ffe000", + "name": "Accent 5" + }, + { + "slug": "accent-6", + "color": "#bdb76b", + "name": "Accent 6" + }, + { + "slug": "accent-7", + "color": "#d2b48c", + "name": "Accent 7" + }, + { + "slug": "accent-8", + "color": "#a78d84", + "name": "Accent 8" + }, + { + "slug": "text-dark", + "color": "#191919", + "name": "Text- dark" + }, + { + "slug": "text-light", + "color": "#ffffff", + "name": "Text- light" + } + ] + } + } + }, + "layout": { + "contentSize": "720px", + "wideSize": "1080px" + }, + "spacing": { + "margin": true, + "padding": true, + "units": [ "px", "em", "rem", "vh", "vw" ] + }, + "typography": { + "customFontWeight": false, + "fontFamilies": [ + { + "fontFamily": "-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif", + "slug": "system-fonts", + "name": "System fonts" + }, + { + "fontFamily": "Jura Book, sans-serif", + "slug": "jura", + "name": "Jura Book" + }, + { + "fontFamily": "EB Garamond Regular, serif", + "slug": "garamond", + "name": "EB Garamond Regular" + } + ], + "fontSizes": [ + { + "slug": "extra-small", + "size": "0.6rem", + "name": "Extra Small" + }, + { + "slug": "small", + "size": "0.75rem", + "name": "Small" + }, + { + "slug": "normal", + "size": "1rem", + "name": "Normal" + }, + { + "slug": "large", + "size": "2rem", + "name": "Large" + }, + { + "slug": "extra-large", + "size": "3rem", + "name": "Extra Large" + } + ] + }, + "custom": { + "color": { + "border": "var(--wp--preset--color--background)", + "borderSticky": "var(--wp--preset--color--background)", + "hoverBg": "var(--wp--preset--color--background)", + "hoverFg": "var(--wp--preset--color--foreground)" + }, + "widths": { + "default": "60%", + "wide": "80%", + "full": "100%", + "content": "720px" + } + } + }, + "styles": { + "color": { + "background": "var(--wp--preset--color--background)", + "text": "var(--wp--preset--color--foreground)" + }, + "blocks": { + "core/site-title": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--garamond)", + "fontSize": "var(--wp--preset--font-size--large)" + } + }, + "core/site-tagline": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--garamond)", + "fontSize": "1.25rem" + } + }, + "core/navigation": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--garamond)" + } + }, + "core/query-pagination-previous": { + "color": { + "link": "var(--wp--preset--color--white)" + } + }, + "core/query-pagination-next": { + "color": { + "link": "var(--wp--preset--color--white)" + } + }, + "core/preformatted": { + "typography": { + "fontSize": "var(--wp--preset--font-size--normal)" + } + }, + "core/code": { + "typography": { + "fontSize": "var(--wp--preset--font-size--normal)" + } + } + }, + "elements": { + "link": { + "color": { + "text": "var(--wp--preset--color--pastel-blue)" + } + }, + "h1": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--garamond)", + "fontSize": "var(--wp--preset--font-size--large)", + "fontWeight": "400" + } + }, + "h2": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--garamond)", + "fontSize": "1.75rem", + "fontWeight": "400" + } + }, + "h3": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--garamond)", + "fontSize": "1.5rem", + "fontWeight": "400" + } + }, + "h4": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--garamond)", + "fontSize": "1.25rem", + "fontWeight": "400" + } + }, + "h5": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--garamond)", + "fontSize": "var(--wp--preset--font-size--normal)", + "fontWeight": "400" + } + }, + "h6": { + "typography": { + "fontFamily": "var(--wp--preset--font-family--garamond)", + "fontSize": "var(--wp--preset--font-size--small)", + "fontWeight": "400" + } + } + }, + "typography": { + "fontFamily": "var(--wp--preset--font-family--jura)" + } + }, + "customTemplates": [ + { + "name": "page-header-left", + "title": "Page- Left Side Header", + "postTypes": [ + "page", + "post" + ] + }, + { + "name": "page-no-sidebar", + "title": "Page- No Sidebar", + "postTypes": [ + "page" + ] + }, + { + "name": "blank", + "title": "Blank Page", + "postTypes": [ + "page", + "post" + ] + } + ], + "templateParts": [ + { + "name": "header", + "title": "Header", + "area": "header" + }, + { + "name": "header-hero", + "title": "Header- Hero", + "area": "header" + }, + { + "name": "header-hero-title-inside", + "title": "Header- Hero (Title Inside)", + "area": "header" + }, + { + "name": "header-vertical", + "title": "Header- Vertical", + "area": "header" + }, + { + "name": "sidebar", + "title": "Sidebar", + "area": "sidebar" + }, + { + "name": "footer", + "title": "Footer", + "area": "footer" + } + ] +} \ No newline at end of file