We use cookies to ensure you get the best experience on our website
首頁 探索 說明
註冊 登入
0ct0pu5
/
themes-wordpress
1
0
複刻 0
檔案 問題管理 0 合併請求 0 Wiki
瀏覽代碼

Coutoire: Adding template file overides and cleaning up styles

Allan Cole 6 年之前
父節點
da06730222
當前提交
b351681ac7
共有 15 個文件被更改，包括 1549 次插入 和 446 次删除
分割檢視 顯示文件統計
  1. 12 9
      coutoire/functions.php
  2. 70 0
      coutoire/header.php
  3. 87 0
      coutoire/js/header-spacing.js
  4. 23 23
      coutoire/sass/_config-child-theme-deep.scss
  5. 253 21
      coutoire/sass/_extra-child-theme.scss
  6. 60 61
      coutoire/style-editor.css
  7. 367 166
      coutoire/style-rtl.css
  8. 367 166
      coutoire/style.css
  9. 33 0
      coutoire/template-parts/content/content-excerpt.php
  10. 53 0
      coutoire/template-parts/content/content-none.php
  11. 55 0
      coutoire/template-parts/content/content-page.php
  12. 61 0
      coutoire/template-parts/content/content-single.php
  13. 59 0
      coutoire/template-parts/content/content.php
  14. 17 0
      coutoire/template-parts/header/entry-header.php
  15. 32 0
      coutoire/template-parts/header/site-branding.php

+ 12 - 9
coutoire/functions.php
查看文件 

@@ -104,7 +104,7 @@ function coutoire_content_width() {
 
 	// This variable is intended to be overruled from themes.
 
 	// Open WPCS issue: {@link https://github.com/WordPress-Coding-Standards/WordPress-Coding-Standards/issues/1043}.
 
 	// phpcs:ignore WordPress.NamingConventions.PrefixAllGlobals.NonPrefixedVariableFound
 
-	$GLOBALS['content_width'] = apply_filters( 'coutoire_content_width', 640 );
 
+	$GLOBALS['content_width'] = apply_filters( 'coutoire_content_width', 1200 );
 
 }
 
 add_action( 'after_setup_theme', 'coutoire_content_width', 0 );
 
 
@@ -121,23 +121,23 @@ function coutoire_fonts_url() {
 
 	* supported by Lora, translate this to 'off'. Do not translate
 
 	* into your own language.
 
 	*/
 
-	$playfair = esc_html_x( 'on', 'Playfair Display font: on or off', 'coutoire' );
 
+	$work_sans = esc_html_x( 'on', 'Work Sans font: on or off', 'coutoire' );
 
 
 	/* Translators: If there are characters in your language that are not
 
 	* supported by Open Sans, translate this to 'off'. Do not translate
 
 	* into your own language.
 
 	*/
 
-	$roboto = esc_html_x( 'on', 'Roboto Sans font: on or off', 'coutoire' );
 
+	$eb_garamond = esc_html_x( 'on', 'EB Garamond font: on or off', 'coutoire' );
 
 
-	if ( 'off' !== $playfair || 'off' !== $roboto ) {
 
+	if ( 'off' !== $work_sans || 'off' !== $eb_garamond ) {
 
 		$font_families = array();
 
 
-		if ( 'off' !== $playfair ) {
 
-			$font_families[] = 'Playfair+Display:400,400i';
 
+		if ( 'off' !== $work_sans ) {
 
+			$font_families[] = 'Work Sans:300,500,600';
 
 		}
 
 
-		if ( 'off' !== $roboto ) {
 
-			$font_families[] = 'Roboto:300,300i,700';
 
+		if ( 'off' !== $eb_garamond ) {
 
+			$font_families[] = 'EB Garamond:400,400i';
 
 		}
 
 
 		$query_args = array(
 
@@ -157,7 +157,7 @@ function coutoire_fonts_url() {
 
 function coutoire_scripts() {
 
 
 	// enqueue Google fonts, if necessary
 
-	// wp_enqueue_style( 'coutoire-fonts', coutoire_fonts_url(), array(), null );
 
+	wp_enqueue_style( 'coutoire-fonts', coutoire_fonts_url(), array(), null );
 
 
 	// dequeue parent styles
 
 	wp_dequeue_style( 'varia-style' );
 
@@ -168,6 +168,9 @@ function coutoire_scripts() {
 
 	// enqueue child RTL styles
 
 	wp_style_add_data( 'coutoire-style', 'rtl', 'replace' );
 
 
+	// enqueue header spacing JS
 
+	wp_enqueue_script('coutoire-header-spacing', get_stylesheet_directory_uri() . '/js/header-spacing.js', array(), wp_get_theme()->get( 'Version' ), true);
 
+
 
 }
 
 add_action( 'wp_enqueue_scripts', 'coutoire_scripts', 99 );

+ 70 - 0
coutoire/header.php
查看文件 

@@ -0,0 +1,70 @@
 
+<?php
 
+/**
 
+ * The header for our theme
 
+ *
 
+ * This is the template that displays all of the <head> section and everything up until <div id="content">
 
+ *
 
+ * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
 
+ *
 
+ * @package WordPress
 
+ * @subpackage Varia
 
+ * @since 1.0.0
 
+ */
 
+?><!doctype html>
 
+<html <?php language_attributes(); ?>>
 
+<head>
 
+	<meta charset="<?php bloginfo( 'charset' ); ?>" />
 
+	<meta name="viewport" content="width=device-width, initial-scale=1" />
 
+	<link rel="profile" href="https://gmpg.org/xfn/11" />
 
+	<?php wp_head(); ?>
 
+</head>
 
+
 
+<body <?php body_class(); ?>>
 
+<div id="page" class="site">
 
+	<a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', 'varia' ); ?></a>
 
+
 
+		<header id="masthead" class="site-header alignfull">
 
+
 
+			<?php get_template_part( 'template-parts/header/site', 'branding' ); ?>
 
+
 
+			<?php if ( has_nav_menu( 'menu-1' ) ) : ?>
 
+				<nav id="site-navigation" class="main-navigation" aria-label="<?php esc_attr_e( 'Main Navigation', 'varia' ); ?>">
 
+					<input type="checkbox" role="button" aria-haspopup="true" id="toggle" class="hide-visually">
 
+					<label for="toggle" id="toggle-menu" class="button">
 
+						<?php _e( 'Menu', 'varia' ); ?>
 
+						<span class="dropdown-icon open">+</span>
 
+						<span class="dropdown-icon close">&times;</span>
 
+						<span class="hide-visually expanded-text"><?php _e( 'expanded', 'varia' ); ?></span>
 
+						<span class="hide-visually collapsed-text"><?php _e( 'collapsed', 'varia' ); ?></span>
 
+					</label>
 
+					<?php
 
+					wp_nav_menu(
 
+						array(
 
+							'theme_location' => 'menu-1',
 
+							'menu_class'     => 'main-menu',
 
+							'items_wrap'     => '<ul id="%1$s" class="%2$s" aria-label="submenu">%3$s</ul>',
 
+						)
 
+					);
 
+					?>
 
+				</nav><!-- #site-navigation -->
 
+			<?php endif; ?>
 
+
 
+			<?php if ( has_nav_menu( 'social' ) ) : ?>
 
+				<nav class="social-navigation" aria-label="<?php esc_attr_e( 'Social Links Menu', 'varia' ); ?>">
 
+					<?php
 
+					wp_nav_menu(
 
+						array(
 
+							'theme_location' => 'social',
 
+							'menu_class'     => 'social-links-menu',
 
+							'link_before'    => '<span class="screen-reader-text">',
 
+							'link_after'     => '</span>' . varia_get_icon_svg( 'link' ),
 
+							'depth'          => 1,
 
+						)
 
+					);
 
+					?>
 
+				</nav><!-- .social-navigation -->
 
+			<?php endif; ?>
 
+
 
+		</header><!-- #masthead -->
 
+
 
+	<div id="content" class="site-content">

+ 87 - 0
coutoire/js/header-spacing.js
查看文件 

@@ -0,0 +1,87 @@
 
+(function() {
 
+
 
+	/**
 
+	 * Debounce
 
+	 *
 
+	 * @param {Function} func
 
+	 * @param {number} wait
 
+	 * @param {boolean} immediate
 
+	 */
 
+	function debounce(func, wait, immediate) {
 
+		'use strict';
 
+
 
+		var timeout;
 
+		wait      = (typeof wait !== 'undefined') ? wait : 20;
 
+		immediate = (typeof immediate !== 'undefined') ? immediate : true;
 
+
 
+		return function() {
 
+
 
+			var context = this, args = arguments;
 
+			var later = function() {
 
+				timeout = null;
 
+
 
+				if (!immediate) {
 
+					func.apply(context, args);
 
+				}
 
+			};
 
+
 
+			var callNow = immediate && !timeout;
 
+
 
+			clearTimeout(timeout);
 
+			timeout = setTimeout(later, wait);
 
+
 
+			if (callNow) {
 
+				func.apply(context, args);
 
+			}
 
+		};
 
+	}
 
+
 
+	/**
 
+	 * Get page header height and use it for top-margin on
 
+	 * site-content when above mobile breakpoint
 
+	 */
 
+	function pageHeaderHeight() {
 
+		if ( document.documentElement.clientWidth <= 640 ) {
 
+
 
+			document.getElementById("primary").style.marginTop = 0;
 
+
 
+		} else {
 
+			var body          = document.body;
 
+			var header        = document.getElementById("masthead");
 
+			var content       = document.getElementById("primary");
 
+			var archiveHeader = body.querySelector('.page-header');
 
+
 
+			if ( body.classList.contains("archive") ) {
 
+
 
+				content.style.marginTop = header.offsetHeight + "px";
 
+
 
+			} else {
 
+
 
+				content.style.marginTop = header.offsetHeight + "px";
 
+			}
 
+		}
 
+	};
 
+
 
+	/**
 
+	 * Run our function every time the window resizes
 
+	 */
 
+	var isResizing = false;
 
+	window.addEventListener( 'resize',
 
+		debounce( function() {
 
+			if ( isResizing ) {
 
+				return;
 
+			}
 
+
 
+			isResizing = true;
 
+			setTimeout( function() {
 
+				pageHeaderHeight();
 
+				isResizing = false;
 
+			}, 150 );
 
+		} )
 
+	);
 
+
 
+	/**
 
+	 * Run our page header height function
 
+	 */
 
+	pageHeaderHeight();
 
+})();

+ 23 - 23
coutoire/sass/_config-child-theme-deep.scss
查看文件 

@@ -12,7 +12,7 @@ $baseline-unit: 8px;
 
 
 $typescale-root: 18px; // Set 16px/1em default on html
 
 $typescale-base: 1rem; // Set 1em default on body == $typescale-root;
 
-$typescale-ratio: 1.2; // Run ratio math on 1em == $typescale-base * $typescale-root;
 
+$typescale-ratio: 1.333; // Run ratio math on 1em == $typescale-base * $typescale-root;
 
 
 $config-global: (
 
 
@@ -20,8 +20,8 @@ $config-global: (
 
 	"font": (
 
 		/* Font Family */
 
 		"family": (
 
-			"primary": "sans-serif",
 
-			"secondary": "serif",
 
+			"primary": "\"EB Garamond\", serif",
 
+			"secondary": "\"Work Sans\", sans-serif",
 
 			"code": "monospace, monospace",
 
 			"ui": "-apple-system\, BlinkMacSystemFont\, \"Segoe UI\"\, \"Roboto\"\, \"Oxygen\"\, \"Ubuntu\"\, \"Cantarell\"\, \"Fira Sans\"\, \"Droid Sans\"\, \"Helvetica Neue\"\, sans-serif",
 
 		),
 
@@ -29,7 +29,7 @@ $config-global: (
 
 		"size": (
 
 			"root": $typescale-root,
 
 			"ratio": $typescale-ratio,
 
-			"xs": ($typescale-base / $typescale-ratio / $typescale-ratio),
 
+			"xs": ($typescale-base / $typescale-ratio),
 
 			"sm": ($typescale-base / $typescale-ratio),
 
 			"base": $typescale-base,
 
 			"md": ($typescale-base * $typescale-ratio),
 
@@ -54,18 +54,18 @@ $config-global: (
 
 		"line-height": (
 
 			"base": strip-unit($typescale-base),
 
 			"body": 1.78,
 
-			"heading": 1.125,
 
+			"heading": 1,
 
 		),
 
 	),
 
 
 	/* Colors */
 
 	"color": (
 
 		"primary": (
 
-			"default": blue,
 
-			"hover": indigo,
 
+			"default": black,
 
+			"hover": #FF7A5C,
 
 		),
 
 		"secondary": (
 
-			"default": red,
 
+			"default": #FF7A5C,
 
 			"hover": darkred,
 
 		),
 
 		"foreground": (
 
@@ -91,7 +91,7 @@ $config-global: (
 
 	/* Spacing */
 
 	"spacing": (
 
 		"unit": (2 * $baseline-unit), // 16px
 
-		"measure": inherit, // Use ch units here. ie: 60ch = 60 character max-width
 
+		"measure": unset, // Use ch units here. ie: 60ch = 60 character max-width
 
 		"horizontal": (2 * $baseline-unit), // 16px
 
 		"vertical": (4 * $baseline-unit), // 32px matches default spacing in the editor.
 
 	),
 
@@ -162,25 +162,25 @@ $config-elements: (
 
 $config-button: (
 
 	// Colors
 
 	"color": (
 
-		"text": map-deep-get($config-global, "color", "background"),
 
-		"text-hover": map-deep-get($config-global, "color", "background"),
 
+		"text": map-deep-get($config-global, "color", "background", "default"),
 
+		"text-hover": map-deep-get($config-global, "color", "background", "default"),
 
 		"background": map-deep-get($config-global, "color", "primary", "default"),
 
 		"background-hover": map-deep-get($config-global, "color", "primary", "hover"),
 
 	),
 
 	// Fonts
 
 	"font": (
 
 		"family": map-deep-get($config-global, "font", "family", "ui"),
 
-		"size": map-deep-get($config-global, "font", "size", "md"),
 
+		"size": map-deep-get($config-global, "font", "size", "sm"),
 
 		"weight": 600,
 
 		"line-height": 1,
 
 	),
 
 	// Borders
 
-	"border-radius": map-deep-get($config-global, "border-radius", "sm"),
 
+	"border-radius": map-deep-get($config-global, "border-radius", "xs"),
 
 	"border-width": 2px,
 
 	// Padding
 
 	"padding": (
 
-		"vertical": map-deep-get($config-global, "spacing", "unit"),
 
-		"horizontal": map-deep-get($config-global, "spacing", "unit"),
 
+		"vertical": (0.725 * map-deep-get($config-global, "spacing", "unit")),
 
+		"horizontal": (0.725 * map-deep-get($config-global, "spacing", "unit")),
 
 	),
 
 );
 
 
@@ -227,7 +227,7 @@ $config-heading: (
 
 			"h1": map-deep-get($config-global, "font", "letter-spacing", "xxxl"),
 
 		),
 
 		// Font Weight
 
-		"weight": normal,
 
+		"weight": 200,
 
 	),
 
 );
 
 
@@ -294,7 +294,7 @@ $config-header: (
 
 			// Fonts
 
 			"font": (
 
 				"family": map-deep-get($config-global, "font", "family", "primary"),
 
-				"size": map-deep-get($config-global, "font", "size", "md"),
 
+				"size": map-deep-get($config-global, "font", "size", "xl"),
 
 				"weight": normal,
 
 				"line-height": 1,
 
 			),
 
@@ -303,8 +303,8 @@ $config-header: (
 
 		"description": (
 
 			// Fonts
 
 			"font": (
 
-				"family": map-deep-get($config-global, "font", "family", "secondary"),
 
-				"size": map-deep-get($config-global, "font", "size", "sm"),
 
+				"family": map-deep-get($config-global, "font", "family", "primary"),
 
+				"size": map-deep-get($config-global, "font", "size", "xl"),
 
 			),
 
 		),
 
 	),
 
@@ -319,11 +319,11 @@ $config-header: (
 
 		// Fonts
 
 		"font": (
 
 			"family": map-deep-get($config-global, "font", "family", "secondary"),
 
-			"size": map-deep-get($config-global, "font", "size", "md"),
 
-			"weight": normal,
 
+			"size": map-deep-get($config-global, "font", "size", "sm"),
 
+			"weight": 600,
 
 			"line-height": 1,
 
 		),
 
-		"link-padding": map-deep-get($config-global, "spacing", "unit"),
 
+		"link-padding": 10px,
 
 	),
 
 
 	"social-nav": (
 
@@ -348,7 +348,7 @@ $config-footer: (
 
 	),
 
 	// Fonts
 
 	"font": (
 
-		"family": map-deep-get($config-global, "font", "family", "primary"),
 
+		"family": map-deep-get($config-global, "font", "family", "secondary"),
 
 		"size": map-deep-get($config-global, "font", "size", "sm"),
 
 		"line-height": map-deep-get($config-global, "font", "line-height", "sm"),
 
 	),

+ 253 - 21
coutoire/sass/_extra-child-theme.scss
查看文件 

@@ -1,38 +1,270 @@
 
 /**
 
  * Extra Child Theme Styles
 
  */
 
-// @import "";
 
+
 
+$color_background: map-deep-get($config-global, "color", "background", "default");
 
+$color_primary: map-deep-get($config-global, "color", "primary", "default");
 
+$color_primary_hover: map-deep-get($config-global, "color", "primary", "hover");
 
+$spacing_horizontal: map-deep-get($config-global, "spacing", "horizontal");
 
+$spacing_vertical: map-deep-get($config-global, "spacing", "vertical");
 
+
 
+/**
 
+ * Elements
 
+ */
 
+
 
+html {
 
+	// Set mobile font-size
 
+	font-size: #{map-deep-get($config-global, "font", "size", "root")};
 
+}
 
+
 
+body {
 
+	font-weight: 300;
 
+}
 
 
 a {
 
-	text-decoration: none;
 
+	text-decoration-color: $color_primary_hover;
 
+
 
+	&:hover,
 
+	&:focus {
 
+		background: $color_background;
 
+		text-decoration: none;
 
+	}
 
 }
 
 
-.site-branding,
 
-.site-info,
 
-.main-navigation,
 
-.entry-header,
 
-.entry-footer,
 
-.page-title,
 
-.author-title,
 
-.comments-title,
 
-.comment-reply-title {
 
-	text-align: center;
 
+/**
 
+ * Components
 
+ */
 
+
 
+.site-title,
 
+.site-description {
 
+	color: $color_primary;
 
+	text-transform: uppercase;
 
+	line-height: 1;
 
+	max-width: 100%;
 
+	a {
 
+		color: currentColor;
 
+		padding-left: 5px;
 
+		padding-right: 5px;
 
+		margin-left: -5px;
 
+		margin-right: 5px;
 
+	}
 
+}
 
+
 
+.main-navigation > div > ul > li > a,
 
+.entry-content a {
 
+	text-decoration: underline;
 
+	text-decoration-color: $color_primary_hover;
 
+	&:hover {
 
+		text-decoration: none;
 
+	}
 
+}
 
+
 
+.main-navigation {
 
+	text-transform: uppercase;
 
 }
 
 
-.main-navigation > div {
 
-	text-align: left;
 
+.sticky-post {
 
+	text-transform: uppercase;
 
+	font-family: #{map-deep-get($config-global, "font", "family", "secondary")};
 
 }
 
 
+.page-header .page-title {
 
+	font-size: #{map-deep-get($config-global, "font", "size", "base")};
 
+	font-family: #{map-deep-get($config-global, "font", "family", "secondary")};
 
+	font-weight: 500;
 
+	text-transform: uppercase;
 
+	line-height: 1;
 
+}
 
+
 
+.entry-title,
 
+.post-navigation .post-title,
 
 .comment-reply-title {
 
-	display: inherit;
 
+	font-size: #{map-deep-get($config-heading, "font", "size", "h4")};
 
+	letter-spacing: #{map-deep-get($config-heading, "font", "letter-spacing", "h4")};
 
+	line-height: 1;
 
+	text-transform: uppercase;
 
+}
 
+
 
+
 
+.entry-meta,
 
+.entry-footer {
 
+	text-transform: uppercase;
 
+	font-weight: 500;
 
+	letter-spacing: .1em;
 
+
 
+	& > span {
 
+		display: inline;
 
+	}
 
+
 
+	a {
 
+		text-decoration-color: currentColor;
 
+	}
 
+}
 
+
 
+.nav-links .meta-nav {
 
+	text-transform: uppercase;
 
+	font-weight: 500;
 
+	letter-spacing: .1em;
 
+}
 
+
 
+.post-navigation .post-title {
 
+	font-weight: 300;
 
+}
 
+
 
+.footer-navigation,
 
+.footer-navigation .footer-menu a {
 
+	font-weight: 500;
 
+	text-transform: uppercase;
 
+	text-decoration-color: currentColor;
 
+}
 
+
 
+.site-info a {
 
+	text-decoration-color: currentColor;
 
+}
 
+
 
+.imprint {
 
+	font-weight: 500;
 
 }
 
 
-.comment .comment-reply-title {
 
-	display: flex;
 
+.has-drop-cap:not(:focus):first-letter {
 
+	color: $color_primary;
 
 }
 
 
-.main-navigation > div > ul,
 
-.social-navigation > div > ul,
 
-.pagination .nav-links {
 
-	justify-content: center;
 
+/**
 
+ * Blocks
 
+ */
 
+
 
+button,
 
+.button,
 
+input[type="submit"],
 
+.wp-block-button__link,
 
+.wp-block-file__button {
 
+	font-weight: 800;
 
+	text-transform: uppercase;
 
+}
 
+
 
+@include media(mobile-only) {
 
+	.site-header {
 
+		position: relative;
 
+		padding-right: (3.5 * $spacing_vertical);
 
+	}
 
+
 
+	.site-title,
 
+	.site-description {
 
+		font-size: #{map-deep-get($config-global, "font", "size", "lg")};
 
+		hyphens: auto;
 
+	}
 
+
 
+	#toggle-menu {
 
+		position: absolute;
 
+		top: (0.5 * $spacing_vertical);
 
+		right: (0.5 * $spacing_vertical);
 
+	}
 
+}
 
+
 
+@include media(mobile) {
 
+
 
+	// Revise header width
 
+	.site-header.alignfull {
 
+		align-items: flex-end;
 
+		display: flex;
 
+		flex-wrap: wrap;
 
+		justify-content: space-between;
 
+		max-width: 100vw;
 
+		padding-left: #{2 * $spacing_horizontal};
 
+		padding-right: #{2 * $spacing_horizontal};
 
+		margin-bottom: 0;
 
+		width: 100%;
 
+		z-index: 10;
 
+	}
 
+
 
+	.site-branding {
 
+		margin-bottom: 0;
 
+		flex: 6 1 70%;
 
+	}
 
+
 
+	.main-navigation {
 
+		align-self: flex-start;
 
+		flex: 1 1 auto;
 
+		margin: 0;
 
+	}
 
+
 
+	.social-navigation {
 
+		margin: 0;
 
+		width: auto;
 
+	}
 
+
 
+	.main-navigation > div > ul {
 
+		display: inherit;
 
+	}
 
+
 
+	.main-navigation > div > ul > li > .sub-menu {
 
+		left: inherit;
 
+		right: 0;
 
+	}
 
+
 
+	.wp-block-columns.alignfull {
 
+		padding-left: #{2 * $spacing_horizontal};
 
+		padding-right: #{2 * $spacing_horizontal};
 
+	}
 
+}
 
+
 
+@include media(tablet) {
 
+
 
+	.site-header.alignfull {
 
+		position: fixed;
 
+	}
 
+
 
+	.site-branding {
 
+		position: relative;
 
+		z-index: 99;
 
+	}
 
+
 
+	.main-navigation,
 
+	.social-navigation {
 
+		margin-top: 0;
 
+	}
 
+
 
+	.main-navigation {
 
+		z-index: 999;
 
+	}
 
+
 
+	.social-navigation {
 
+		position: fixed;
 
+		left: #{2 * $spacing_horizontal};
 
+		bottom: #{2 * $spacing_horizontal};
 
+		z-index: 888;
 
+
 
+		& > div > ul {
 
+			flex-direction: column-reverse;
 
+		}
 
+	}
 
+
 
+	.main-navigation > div > ul {
 
+		display: block;
 
+	}
 
+
 
+	.content-area {
 
+		margin-top: #{10 * $spacing_horizontal};
 
+		position: relative;
 
+		z-index: 2;
 
+	}
 
+
 
+	.nav-links {
 
+		display: block;
 
+	}
 
+
 
+	.nav-links .nav-next,
 
+	.nav-links .nav-previous {
 
+		max-width: 100%;
 
+		margin-bottom: #{$spacing_vertical};
 
+	}
 
+
 
+	.nav-links .nav-next {
 
+		text-align: left;
 
+	}
 
+}
 
+
 
+@include media(desktop) {
 
+
 
 }

+ 60 - 61
coutoire/style-editor.css
查看文件 

@@ -170,7 +170,7 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
 
 body {
 
 	color: #444444;
 
 	background-color: white;
 
-	font-family: serif;
 
+	font-family: "Work Sans", sans-serif;
 
 	font-size: 18px;
 
 	font-weight: normal;
 
 	line-height: 1.78;
 
@@ -188,11 +188,11 @@ p {
 
 }
 
 
 a {
 
-	color: blue;
 
+	color: black;
 
 }
 
 
 a:hover {
 
-	color: indigo;
 
+	color: #FF7A5C;
 
 }
 
 
 button,
 
@@ -213,14 +213,14 @@ blockquote {
 
 }
 
 
 blockquote p {
 
-	font-size: 1.728rem;
 
+	font-size: 2.36859rem;
 
 	letter-spacing: normal;
 
-	line-height: 1.125;
 
+	line-height: 1;
 
 }
 
 
 blockquote cite,
 
 blockquote footer {
 
-	font-size: 0.83333rem;
 
+	font-size: 0.75019rem;
 
 	letter-spacing: normal;
 
 }
 
 
@@ -242,7 +242,7 @@ blockquote.alignleft, blockquote.alignright {
 
 }
 
 
 blockquote.alignleft p, blockquote.alignright p {
 
-	font-size: 1.44rem;
 
+	font-size: 1.77689rem;
 
 	max-width: inherit;
 
 	width: inherit;
 
 }
 
@@ -250,13 +250,13 @@ blockquote.alignleft p, blockquote.alignright p {
 
 blockquote.alignleft cite,
 
 blockquote.alignleft footer, blockquote.alignright cite,
 
 blockquote.alignright footer {
 
-	font-size: 0.69444rem;
 
+	font-size: 0.75019rem;
 
 	letter-spacing: normal;
 
 }
 
 
 figcaption {
 
 	color: #767676;
 
-	font-size: 0.69444rem;
 
+	font-size: 0.75019rem;
 
 	margin-top: calc(0.5 * 16px);
 
 	margin-bottom: 16px;
 
 	text-align: center;
 
@@ -304,29 +304,28 @@ object {
 
 }
 
 
 .wp-block-button .wp-block-button__link {
 
-	color: ("default": white, "light": #FAFAFA, "dark": #DDDDDD);
 
+	color: white;
 
 	font-weight: 600;
 
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 
-	font-size: 1.2em;
 
+	font-size: 0.75019em;
 
 	line-height: 1;
 
-	background-color: blue;
 
-	border-radius: 9px;
 
-	padding: 16px 16px;
 
+	background-color: black;
 
+	padding: 11.6px 11.6px;
 
 }
 
 
 .wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:focus, .wp-block-button .wp-block-button__link.has-focus {
 
-	color: ("default": white, "light": #FAFAFA, "dark": #DDDDDD);
 
-	background-color: indigo;
 
+	color: white;
 
+	background-color: #FF7A5C;
 
 }
 
 
 .wp-block-button.is-style-outline .wp-block-button__link {
 
-	color: blue;
 
+	color: black;
 
 	background: transparent;
 
 	border: 2px solid currentcolor;
 
 }
 
 
 .wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:focus, .wp-block-button.is-style-outline .wp-block-button__link.has-focus {
 
-	color: indigo;
 
+	color: #FF7A5C;
 
 }
 
 
 .wp-block-button.is-style-squared .wp-block-button__link {
 
@@ -360,9 +359,9 @@ object {
 
 
 .wp-block-cover h2,
 
 .wp-block-cover-image h2 {
 
-	font-size: 2.48832em;
 
+	font-size: 4.20873em;
 
 	letter-spacing: normal;
 
-	line-height: 1.125;
 
+	line-height: 1;
 
 	padding: 0;
 
 	max-width: inherit;
 
 	text-align: inherit;
 
@@ -389,45 +388,45 @@ object {
 
 .wp-block-heading h4, h4, .h4,
 
 .wp-block-heading h5, h5, .h5,
 
 .wp-block-heading h6, h6, .h6 {
 
-	font-family: sans-serif;
 
-	font-weight: normal;
 
+	font-family: "EB Garamond", serif;
 
+	font-weight: 200;
 
 	clear: both;
 
 }
 
 
 .wp-block-heading h1, h1, .h1 {
 
-	font-size: 2.98598em;
 
+	font-size: 5.61023em;
 
 	letter-spacing: normal;
 
-	line-height: 1.125;
 
+	line-height: 1;
 
 }
 
 
 .wp-block-heading h2, h2, .h2 {
 
-	font-size: 2.48832em;
 
+	font-size: 4.20873em;
 
 	letter-spacing: normal;
 
-	line-height: 1.125;
 
+	line-height: 1;
 
 }
 
 
 .wp-block-heading h3, h3, .h3 {
 
-	font-size: 2.0736em;
 
+	font-size: 3.15733em;
 
 	letter-spacing: normal;
 
-	line-height: 1.125;
 
+	line-height: 1;
 
 }
 
 
 .wp-block-heading h4, h4, .h4 {
 
-	font-size: 1.728em;
 
+	font-size: 2.36859em;
 
 	letter-spacing: normal;
 
-	line-height: 1.125;
 
+	line-height: 1;
 
 }
 
 
 .wp-block-heading h5, h5, .h5 {
 
-	font-size: 1.44em;
 
+	font-size: 1.77689em;
 
 	letter-spacing: normal;
 
-	line-height: 1.125;
 
+	line-height: 1;
 
 }
 
 
 .wp-block-heading h6, h6, .h6 {
 
-	font-size: 1.2em;
 
+	font-size: 1.333em;
 
 	letter-spacing: normal;
 
-	line-height: 1.125;
 
+	line-height: 1;
 
 }
 
 
 .wp-block-gallery figcaption {
 
@@ -474,10 +473,10 @@ p.has-background:not(.has-background-background-color) a {
 
 }
 
 
 .wp-block-pullquote p {
 
-	font-family: sans-serif;
 
-	font-size: 1.728em;
 
+	font-family: "EB Garamond", serif;
 
+	font-size: 2.36859em;
 
 	letter-spacing: normal;
 
-	line-height: 1.125;
 
+	line-height: 1;
 
 }
 
 
 .wp-block-pullquote a {
 
@@ -488,7 +487,7 @@ p.has-background:not(.has-background-background-color) a {
 
 .wp-block-pullquote cite,
 
 .wp-block-pullquote footer {
 
 	color: #767676;
 
-	font-size: 0.83333em;
 
+	font-size: 0.75019em;
 
 	letter-spacing: normal;
 
 }
 
 
@@ -497,7 +496,7 @@ p.has-background:not(.has-background-background-color) a {
 
 }
 
 
 .wp-block-pullquote.is-style-solid-color {
 
-	background-color: blue;
 
+	background-color: black;
 
 	color: white;
 
 }
 
 
@@ -527,13 +526,13 @@ p.has-background:not(.has-background-background-color) a {
 
 }
 
 
 .wp-block-quote {
 
-	border-left-color: blue;
 
+	border-left-color: black;
 
 	margin: 32px 0;
 
 	padding-left: 16px;
 
 }
 
 
 .wp-block-quote p {
 
-	font-size: 1.728em;
 
+	font-size: 2.36859em;
 
 	letter-spacing: normal;
 
 }
 
 
@@ -543,9 +542,9 @@ p.has-background:not(.has-background-background-color) a {
 
 }
 
 
 .wp-block-quote.is-large p, .wp-block-quote.is-style-large p {
 
-	font-size: 2.0736em;
 
+	font-size: 3.15733em;
 
 	letter-spacing: normal;
 
-	line-height: 1.125;
 
+	line-height: 1;
 
 }
 
 
 .wp-block-separator,
 
@@ -577,7 +576,7 @@ hr.is-style-dots:before {
 
 
 table th,
 
 .wp-block-table th {
 
-	font-family: sans-serif;
 
+	font-family: "EB Garamond", serif;
 
 }
 
 
 table td,
 
@@ -593,19 +592,19 @@ table th,
 
  */
 
 .editor-post-title__block .editor-post-title__input {
 
 	color: #444444;
 
-	font-family: sans-serif;
 
-	font-weight: normal;
 
-	font-size: 2.48832em;
 
+	font-family: "EB Garamond", serif;
 
+	font-weight: 200;
 
+	font-size: 4.20873em;
 
 	letter-spacing: normal;
 
-	line-height: 1.125;
 
+	line-height: 1;
 
 }
 
 
 .has-primary-color[class] {
 
-	color: blue !important;
 
+	color: black !important;
 
 }
 
 
 .has-secondary-color[class] {
 
-	color: red !important;
 
+	color: #FF7A5C !important;
 
 }
 
 
 .has-foreground-color[class] {
 
@@ -633,7 +632,7 @@ table th,
 
 }
 
 
 .has-primary-background-color[class] {
 
-	background-color: blue !important;
 
+	background-color: black !important;
 
 	color: white;
 
 }
 
 
@@ -642,7 +641,7 @@ table th,
 
 }
 
 
 .has-secondary-background-color[class] {
 
-	background-color: red !important;
 
+	background-color: #FF7A5C !important;
 
 	color: white;
 
 }
 
 
@@ -706,33 +705,33 @@ table th,
 
 
 .is-small-text,
 
 .has-small-font-size {
 
-	font-size: 0.83333em;
 
+	font-size: 0.75019em;
 
 }
 
 
 .is-regular-text,
 
 .has-regular-font-size,
 
 .has-normal-font-size,
 
 .has-medium-font-size {
 
-	font-size: 1.2em;
 
+	font-size: 1.333em;
 
 }
 
 
 .is-large-text,
 
 .has-large-font-size {
 
-	font-size: 1.44em;
 
-	line-height: 1.125;
 
+	font-size: 1.77689em;
 
+	line-height: 1;
 
 }
 
 
 .is-larger-text,
 
 .has-larger-font-size,
 
 .has-huge-font-size {
 
-	font-size: 1.728em;
 
-	line-height: 1.125;
 
+	font-size: 2.36859em;
 
+	line-height: 1;
 
 }
 
 
 .has-drop-cap:not(:focus)::first-letter {
 
-	font-family: sans-serif;
 
-	font-size: calc(2 * 2.98598em);
 
-	font-weight: normal;
 
+	font-family: "EB Garamond", serif;
 
+	font-size: calc(2 * 5.61023em);
 
+	font-weight: 200;
 
 }
 
 
 /**

+ 367 - 166
coutoire/style-rtl.css
查看文件 

@@ -588,8 +588,8 @@ html {
 
  * HTML resets
 
  */
 
 html {
 
-	font-size: 15px;
 
-	font-family: serif;
 
+	font-size: 13.50338px;
 
+	font-family: "Work Sans", sans-serif;
 
 	line-height: 1.78;
 
 }
 
 
@@ -611,11 +611,11 @@ body {
 
  * Links styles
 
  */
 
 a {
 
-	color: blue;
 
+	color: black;
 
 }
 
 
 a:hover {
 
-	color: indigo;
 
+	color: #FF7A5C;
 
 }
 
 
 button,
 
@@ -646,7 +646,7 @@ a {
 
 	clip-path: none;
 
 	color: #444444;
 
 	display: block;
 
-	font-size: 1.2rem;
 
+	font-size: 1.333rem;
 
 	font-weight: bold;
 
 	height: auto;
 
 	right: 5px;
 
@@ -699,7 +699,7 @@ a {
 
 header *,
 
 main *,
 
 footer * {
 
-	max-width: inherit;
 
+	max-width: unset;
 
 }
 
 
 html,
 
@@ -912,14 +912,14 @@ blockquote {
 
 }
 
 
 blockquote p {
 
-	font-size: 1.728rem;
 
+	font-size: 2.36859rem;
 
 	letter-spacing: normal;
 
-	line-height: 1.125;
 
+	line-height: 1;
 
 }
 
 
 blockquote cite,
 
 blockquote footer {
 
-	font-size: 0.83333rem;
 
+	font-size: 0.75019rem;
 
 	letter-spacing: normal;
 
 }
 
 
@@ -941,7 +941,7 @@ blockquote.alignleft, blockquote.alignright {
 
 }
 
 
 blockquote.alignleft p, blockquote.alignright p {
 
-	font-size: 1.44rem;
 
+	font-size: 1.77689rem;
 
 	max-width: inherit;
 
 	width: inherit;
 
 }
 
@@ -949,7 +949,7 @@ blockquote.alignleft p, blockquote.alignright p {
 
 blockquote.alignleft cite,
 
 blockquote.alignleft footer, blockquote.alignright cite,
 
 blockquote.alignright footer {
 
-	font-size: 0.69444rem;
 
+	font-size: 0.75019rem;
 
 	letter-spacing: normal;
 
 }
 
 
@@ -992,7 +992,7 @@ input[type="datetime-local"]:focus,
 
 input[type="color"]:focus,
 
 textarea:focus {
 
 	color: #444444;
 
-	border-color: indigo;
 
+	border-color: #FF7A5C;
 
 }
 
 
 select {
 
@@ -1012,7 +1012,7 @@ input[type=checkbox] + label {
 
 
 figcaption {
 
 	color: #767676;
 
-	font-size: 0.69444rem;
 
+	font-size: 0.75019rem;
 
 	margin-top: calc(0.5 * 16px);
 
 	margin-bottom: 16px;
 
 	text-align: center;
 
@@ -1074,15 +1074,14 @@ input[type="submit"],
 
 .wp-block-button__link,
 
 .wp-block-file__button, .a8c-posts-list__view-all {
 
 	line-height: 1;
 
-	color: ("default": white, "light": #FAFAFA, "dark": #DDDDDD);
 
+	color: white;
 
 	cursor: pointer;
 
 	font-weight: 600;
 
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 
-	font-size: 1.2rem;
 
-	background-color: blue;
 
-	border-radius: 9px;
 
+	font-size: 0.75019rem;
 
+	background-color: black;
 
 	border-width: 0;
 
-	padding: 16px 16px;
 
+	padding: 11.6px 11.6px;
 
 }
 
 
 button:before,
 
@@ -1129,22 +1128,22 @@ input:focus[type="submit"],
 
 input.has-focus[type="submit"],
 
 .has-focus.wp-block-button__link,
 
 .has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all {
 
-	color: ("default": white, "light": #FAFAFA, "dark": #DDDDDD);
 
-	background-color: indigo;
 
+	color: white;
 
+	background-color: #FF7A5C;
 
 }
 
 
 /**
 
  * Block Options
 
  */
 
 .wp-block-button.is-style-outline .wp-block-button__link {
 
-	color: blue;
 
+	color: black;
 
 	background: transparent;
 
 	border: 2px solid currentcolor;
 
-	padding: 14px 16px;
 
+	padding: 9.6px 11.6px;
 
 }
 
 
 .wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:focus, .wp-block-button.is-style-outline .wp-block-button__link.has-focus {
 
-	color: indigo;
 
+	color: #FF7A5C;
 
 }
 
 
 .wp-block-button.is-style-squared .wp-block-button__link {
 
@@ -1153,7 +1152,7 @@ input.has-focus[type="submit"],
 
 
 .wp-block-code {
 
 	color: #444444;
 
-	font-size: 0.83333rem;
 
+	font-size: 0.75019rem;
 
 	padding: 16px;
 
 	border-color: #DDDDDD;
 
 }
 
@@ -1232,9 +1231,9 @@ input.has-focus[type="submit"],
 
 
 .wp-block-cover h2,
 
 .wp-block-cover-image h2 {
 
-	font-size: 2.48832rem;
 
+	font-size: 4.20873rem;
 
 	letter-spacing: normal;
 
-	line-height: 1.125;
 
+	line-height: 1;
 
 	max-width: inherit;
 
 	text-align: inherit;
 
 	padding: 0;
 
@@ -1278,9 +1277,9 @@ input.has-focus[type="submit"],
 
 }
 
 
 .wp-block-file .wp-block-file__button {
 
-	background-color: blue;
 
-	color: ("default": white, "light": #FAFAFA, "dark": #DDDDDD);
 
-	font-size: 0.83333rem;
 
+	background-color: black;
 
+	color: white;
 
+	font-size: 0.75019rem;
 
 	margin-right: 16px;
 
 	margin-left: 16px;
 
 }
 
@@ -1293,7 +1292,7 @@ input.has-focus[type="submit"],
 
 .wp-block-file a.wp-block-file__button:focus,
 
 .wp-block-file a.wp-block-file__button:hover,
 
 .wp-block-file a.wp-block-file__button:visited {
 
-	color: ("default": white, "light": #FAFAFA, "dark": #DDDDDD);
 
+	color: white;
 
 	opacity: .85;
 
 }
 
 
@@ -1305,7 +1304,7 @@ input.has-focus[type="submit"],
 
 .wp-block-gallery .blocks-gallery-item figcaption {
 
 	margin: 0;
 
 	color: white;
 
-	font-size: 0.69444rem;
 
+	font-size: 0.75019rem;
 
 }
 
 
 .wp-block-gallery .blocks-gallery-image,
 
@@ -1373,50 +1372,50 @@ h3, .h3,
 
 h4, .h4,
 
 h5, .h5,
 
 h6, .h6 {
 
-	font-family: sans-serif;
 
-	font-weight: normal;
 
+	font-family: "EB Garamond", serif;
 
+	font-weight: 200;
 
 	clear: both;
 
 }
 
 
 h1, .h1 {
 
-	font-size: 2.98598rem;
 
+	font-size: 5.61023rem;
 
 	letter-spacing: normal;
 
-	line-height: 1.125;
 
+	line-height: 1;
 
 }
 
 
 h2, .h2 {
 
-	font-size: 2.48832rem;
 
+	font-size: 4.20873rem;
 
 	letter-spacing: normal;
 
-	line-height: 1.125;
 
+	line-height: 1;
 
 }
 
 
 h3, .h3 {
 
-	font-size: 2.0736rem;
 
+	font-size: 3.15733rem;
 
 	letter-spacing: normal;
 
-	line-height: 1.125;
 
+	line-height: 1;
 
 }
 
 
 h4, .h4 {
 
-	font-size: 1.728rem;
 
+	font-size: 2.36859rem;
 
 	letter-spacing: normal;
 
-	line-height: 1.125;
 
+	line-height: 1;
 
 }
 
 
 h5, .h5 {
 
-	font-size: 1.44rem;
 
+	font-size: 1.77689rem;
 
 	letter-spacing: normal;
 
-	line-height: 1.125;
 
+	line-height: 1;
 
 }
 
 
 h6, .h6 {
 
-	font-size: 1.2rem;
 
+	font-size: 1.333rem;
 
 	letter-spacing: normal;
 
-	line-height: 1.125;
 
+	line-height: 1;
 
 }
 
 
 .wp-block-image figcaption {
 
 	color: #767676;
 
-	font-size: 0.69444rem;
 
+	font-size: 0.75019rem;
 
 	margin-top: calc(0.5 * 16px);
 
 	margin-bottom: 16px;
 
 	text-align: center;
 
@@ -1434,7 +1433,7 @@ img {
 
 }
 
 
 .wp-block-latest-comments .wp-block-latest-comments__comment {
 
-	font-size: 0.83333rem;
 
+	font-size: 0.75019rem;
 
 	line-height: 1.78;
 
 	/* Vertical margins logic */
 
 	margin-top: 32px;
 
@@ -1450,16 +1449,16 @@ img {
 
 }
 
 
 .wp-block-latest-comments .wp-block-latest-comments__comment-meta {
 
-	font-family: sans-serif;
 
+	font-family: "EB Garamond", serif;
 
 }
 
 
 .wp-block-latest-comments .wp-block-latest-comments__comment-date {
 
 	color: #767676;
 
-	font-size: 0.83333rem;
 
+	font-size: 0.75019rem;
 
 }
 
 
 .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
 
-	font-size: 0.83333rem;
 
+	font-size: 0.75019rem;
 
 	line-height: 1.78;
 
 	margin: 0;
 
 }
 
@@ -1483,20 +1482,20 @@ img {
 
 }
 
 
 .wp-block-latest-posts > li > a {
 
-	font-family: sans-serif;
 
-	font-size: 1.728rem;
 
-	font-weight: normal;
 
-	line-height: 1.125;
 
+	font-family: "EB Garamond", serif;
 
+	font-size: 2.36859rem;
 
+	font-weight: 200;
 
+	line-height: 1;
 
 }
 
 
 .wp-block-latest-posts .wp-block-latest-posts__post-date {
 
 	color: #767676;
 
-	font-size: 0.69444rem;
 
+	font-size: 0.75019rem;
 
 	line-height: 1.78;
 
 }
 
 
 .wp-block-latest-posts .wp-block-latest-posts__post-excerpt {
 
-	font-size: 0.83333rem;
 
+	font-size: 0.75019rem;
 
 	line-height: 1.78;
 
 	margin: 0;
 
 }
 
@@ -1550,7 +1549,7 @@ img {
 
 
 ul,
 
 ol {
 
-	font-family: serif;
 
+	font-family: "Work Sans", sans-serif;
 
 	margin: 0 16px 0 0;
 
 	padding: 0;
 
 }
 
@@ -1564,7 +1563,7 @@ ol {
 
 }
 
 
 dt {
 
-	font-family: sans-serif;
 
+	font-family: "EB Garamond", serif;
 
 	font-weight: bold;
 
 }
 
 
@@ -1631,10 +1630,10 @@ p.has-background:not(.has-background-background-color) a {
 
 
 .a8c-posts-list-item__featured span {
 
 	color: white;
 
-	background-color: blue;
 
-	font-family: sans-serif;
 
+	background-color: black;
 
+	font-family: "EB Garamond", serif;
 
 	font-weight: bold;
 
-	font-size: 0.83333rem;
 
+	font-size: 0.75019rem;
 
 	line-height: 1;
 
 	padding: calc(0.5 * 16px) calc(0.66 * 16px);
 
 }
 
@@ -1670,7 +1669,7 @@ p.has-background:not(.has-background-background-color) a {
 
 
 .a8c-posts-list__item .a8c-posts-list-item__meta {
 
 	color: #767676;
 
-	font-size: 0.83333rem;
 
+	font-size: 0.75019rem;
 
 }
 
 
 .a8c-posts-list__item .a8c-posts-list-item__meta a {
 
@@ -1678,7 +1677,7 @@ p.has-background:not(.has-background-background-color) a {
 
 }
 
 
 .a8c-posts-list__item .a8c-posts-list-item__meta a:hover, .a8c-posts-list__item .a8c-posts-list-item__meta a:active {
 
-	color: indigo;
 
+	color: #FF7A5C;
 
 }
 
 
 .a8c-posts-list__item .a8c-posts-list-item__edit-link {
 
@@ -1705,10 +1704,10 @@ p.has-background:not(.has-background-background-color) a {
 
 }
 
 
 .wp-block-pullquote p {
 
-	font-family: sans-serif;
 
-	font-size: 1.728rem;
 
+	font-family: "EB Garamond", serif;
 
+	font-size: 2.36859rem;
 
 	letter-spacing: normal;
 
-	line-height: 1.125;
 
+	line-height: 1;
 
 }
 
 
 .wp-block-pullquote a {
 
@@ -1719,7 +1718,7 @@ p.has-background:not(.has-background-background-color) a {
 
 .wp-block-pullquote cite,
 
 .wp-block-pullquote footer {
 
 	color: #767676;
 
-	font-size: 0.83333rem;
 
+	font-size: 0.75019rem;
 
 	letter-spacing: normal;
 
 	display: block;
 
 }
 
@@ -1733,7 +1732,7 @@ p.has-background:not(.has-background-background-color) a {
 
 }
 
 
 .wp-block-pullquote.is-style-solid-color {
 
-	background-color: blue;
 
+	background-color: black;
 
 	color: white;
 
 }
 
 
@@ -1758,7 +1757,7 @@ p.has-background:not(.has-background-background-color) a {
 
 }
 
 
 .wp-block-quote {
 
-	border-right-color: blue;
 
+	border-right-color: black;
 
 	margin: 32px 0;
 
 	padding: 0 16px;
 
 	/**
 
@@ -1780,22 +1779,22 @@ p.has-background:not(.has-background-background-color) a {
 
 }
 
 
 .wp-block-quote p {
 
-	font-family: sans-serif;
 
-	font-size: 1.728rem;
 
+	font-family: "EB Garamond", serif;
 
+	font-size: 2.36859rem;
 
 	letter-spacing: normal;
 
-	line-height: 1.125;
 
+	line-height: 1;
 
 }
 
 
 .wp-block-quote .wp-block-quote__citation,
 
 .wp-block-quote cite,
 
 .wp-block-quote footer {
 
 	color: #767676;
 
-	font-size: 0.83333rem;
 
+	font-size: 0.75019rem;
 
 	letter-spacing: normal;
 
 }
 
 
 .wp-block-quote[style*="text-align:right"], .wp-block-quote[style*="text-align: right"] {
 
-	border-left-color: blue;
 
+	border-left-color: black;
 
 }
 
 
 .wp-block-quote.is-style-large, .wp-block-quote.is-large {
 
@@ -1805,9 +1804,9 @@ p.has-background:not(.has-background-background-color) a {
 
 }
 
 
 .wp-block-quote.is-style-large p, .wp-block-quote.is-large p {
 
-	font-size: 2.0736rem;
 
+	font-size: 3.15733rem;
 
 	letter-spacing: normal;
 
-	line-height: 1.125;
 
+	line-height: 1;
 
 }
 
 
 .wp-block-quote.is-style-large .wp-block-quote__citation,
 
@@ -1816,7 +1815,7 @@ p.has-background:not(.has-background-background-color) a {
 
 .wp-block-quote.is-large cite,
 
 .wp-block-quote.is-large footer {
 
 	color: #767676;
 
-	font-size: 0.83333rem;
 
+	font-size: 0.75019rem;
 
 	letter-spacing: normal;
 
 }
 
 
@@ -1839,9 +1838,9 @@ hr.is-style-wide {
 
 .wp-block-separator.is-style-dots:before,
 
 hr.is-style-dots:before {
 
 	color: #DDDDDD;
 
-	font-size: 1.728rem;
 
-	letter-spacing: 0.83333rem;
 
-	padding-right: 0.83333rem;
 
+	font-size: 2.36859rem;
 
+	letter-spacing: 0.75019rem;
 
+	padding-right: 0.75019rem;
 
 }
 
 
 .wp-block-jetpack-slideshow ul {
 
@@ -1870,7 +1869,7 @@ table,
 
 
 table th,
 
 .wp-block-table th {
 
-	font-family: sans-serif;
 
+	font-family: "EB Garamond", serif;
 
 }
 
 
 table td,
 
@@ -1884,7 +1883,7 @@ table th,
 
 
 .wp-block-video figcaption {
 
 	color: #767676;
 
-	font-size: 0.69444rem;
 
+	font-size: 0.75019rem;
 
 	margin-top: calc(0.5 * 16px);
 
 	margin-bottom: 16px;
 
 	text-align: center;
 
@@ -1939,11 +1938,11 @@ table th,
 
 }
 
 
 .has-primary-color[class] {
 
-	color: blue !important;
 
+	color: black !important;
 
 }
 
 
 .has-secondary-color[class] {
 
-	color: red !important;
 
+	color: #FF7A5C !important;
 
 }
 
 
 .has-foreground-color[class] {
 
@@ -1971,7 +1970,7 @@ table th,
 
 }
 
 
 .has-primary-background-color[class] {
 
-	background-color: blue !important;
 
+	background-color: black !important;
 
 	color: white;
 
 }
 
 
@@ -1980,7 +1979,7 @@ table th,
 
 }
 
 
 .has-secondary-background-color[class] {
 
-	background-color: red !important;
 
+	background-color: #FF7A5C !important;
 
 	color: white;
 
 }
 
 
@@ -2044,33 +2043,33 @@ table th,
 
 
 .is-small-text,
 
 .has-small-font-size {
 
-	font-size: 0.83333rem;
 
+	font-size: 0.75019rem;
 
 }
 
 
 .is-regular-text,
 
 .has-regular-font-size,
 
 .has-normal-font-size,
 
 .has-medium-font-size {
 
-	font-size: 1.2rem;
 
+	font-size: 1.333rem;
 
 }
 
 
 .is-large-text,
 
 .has-large-font-size {
 
-	font-size: 1.44rem;
 
-	line-height: 1.125;
 
+	font-size: 1.77689rem;
 
+	line-height: 1;
 
 }
 
 
 .is-larger-text,
 
 .has-larger-font-size,
 
 .has-huge-font-size {
 
-	font-size: 1.728rem;
 
-	line-height: 1.125;
 
+	font-size: 2.36859rem;
 
+	line-height: 1;
 
 }
 
 
 .has-drop-cap:not(:focus)::first-letter {
 
-	font-family: sans-serif;
 
-	font-size: calc(2 * 2.98598rem);
 
-	font-weight: normal;
 
+	font-family: "EB Garamond", serif;
 
+	font-size: calc(2 * 5.61023rem);
 
+	font-weight: 200;
 
 	line-height: 0.66;
 
 	text-transform: uppercase;
 
 	font-style: normal;
 
@@ -2108,9 +2107,9 @@ table th,
 
 }
 
 
 .site-title {
 
-	color: blue;
 
-	font-family: sans-serif;
 
-	font-size: 1.2rem;
 
+	color: black;
 
+	font-family: "EB Garamond", serif;
 
+	font-size: 2.36859rem;
 
 	letter-spacing: normal;
 
 	line-height: 1;
 
 }
 
@@ -2125,13 +2124,13 @@ table th,
 
 }
 
 
 .site-title a:hover {
 
-	color: indigo;
 
+	color: #FF7A5C;
 
 }
 
 
 .site-description {
 
 	color: currentColor;
 
-	font-family: serif;
 
-	font-size: 0.83333rem;
 
+	font-family: "EB Garamond", serif;
 
+	font-size: 2.36859rem;
 
 }
 
 
 .main-navigation {
 
@@ -2152,7 +2151,7 @@ table th,
 
 }
 
 
 .main-navigation #toggle:focus + #toggle-menu {
 
-	background-color: indigo;
 
+	background-color: #FF7A5C;
 
 	outline: inherit;
 
 	text-decoration: underline;
 
 }
 
@@ -2186,7 +2185,7 @@ table th,
 
 	flex-wrap: wrap;
 
 	list-style: none;
 
 	max-width: none;
 
-	margin: 0 -16px;
 
+	margin: 0 -10px;
 
 	position: relative;
 
 	/* Sub-menus Flyout */
 
 }
 
@@ -2275,20 +2274,20 @@ table th,
 
 }
 
 
 .main-navigation a {
 
-	color: blue;
 
+	color: black;
 
 	display: block;
 
-	font-family: serif;
 
-	font-size: 1.2rem;
 
-	font-weight: normal;
 
-	padding: 16px;
 
+	font-family: "Work Sans", sans-serif;
 
+	font-size: 0.75019rem;
 
+	font-weight: 600;
 
+	padding: 10px;
 
 }
 
 
 .main-navigation a:link, .main-navigation a:visited {
 
-	color: blue;
 
+	color: black;
 
 }
 
 
 .main-navigation a:hover {
 
-	color: indigo;
 
+	color: #FF7A5C;
 
 }
 
 
 .main-navigation .sub-menu {
 
@@ -2299,8 +2298,8 @@ table th,
 
 }
 
 
 .main-navigation .sub-menu .menu-item a {
 
-	padding-top: 8px;
 
-	padding-bottom: 8px;
 
+	padding-top: 5px;
 
+	padding-bottom: 5px;
 
 }
 
 
 .main-navigation .sub-menu .menu-item a::before {
 
@@ -2314,7 +2313,7 @@ table th,
 
 	.main-navigation > div > ul > .menu-item-has-children > a::after {
 
 		content: "\00a0\25BC";
 
 		display: inline-block;
 
-		font-size: 0.69444rem;
 
+		font-size: 0.75019rem;
 
 		height: inherit;
 
 		width: inherit;
 
 	}
 
@@ -2338,13 +2337,13 @@ table th,
 
 }
 
 
 .social-navigation a {
 
-	color: blue;
 
+	color: black;
 
 	display: inline-block;
 
 	padding: 0 calc( 0.5 * calc(0.66 * 16px ));
 
 }
 
 
 .social-navigation a:hover {
 
-	color: indigo;
 
+	color: #FF7A5C;
 
 }
 
 
 .social-navigation svg {
 
@@ -2363,8 +2362,8 @@ table th,
 
 
 .site-info {
 
 	color: #767676;
 
-	font-family: sans-serif;
 
-	font-size: 0.83333rem;
 
+	font-family: "Work Sans", sans-serif;
 
+	font-size: 0.75019rem;
 
 }
 
 
 @media only screen and (min-width: 640px) {
 
@@ -2389,7 +2388,7 @@ table th,
 
 }
 
 
 .site-info a:hover {
 
-	color: indigo;
 
+	color: #FF7A5C;
 
 }
 
 
 .footer-navigation {
 
@@ -2430,10 +2429,10 @@ table th,
 
 }
 
 
 .footer-navigation .footer-menu a {
 
-	font-family: serif;
 
-	font-size: 0.83333rem;
 
-	font-weight: normal;
 
-	padding: 16px;
 
+	font-family: "Work Sans", sans-serif;
 
+	font-size: 0.75019rem;
 
+	font-weight: 600;
 
+	padding: 10px;
 
 	color: currentColor;
 
 }
 
 
@@ -2442,13 +2441,13 @@ table th,
 
 }
 
 
 .footer-navigation .footer-menu a:hover {
 
-	color: indigo;
 
+	color: #FF7A5C;
 
 }
 
 
 .entry-title {
 
-	font-size: 2.48832rem;
 
+	font-size: 4.20873rem;
 
 	letter-spacing: normal;
 
-	line-height: 1.125;
 
+	line-height: 1;
 
 }
 
 
 .entry-meta,
 
@@ -2456,7 +2455,7 @@ table th,
 
 	color: #767676;
 
 	clear: both;
 
 	float: none;
 
-	font-size: 0.83333rem;
 
+	font-size: 0.75019rem;
 
 	display: block;
 
 }
 
 
@@ -2490,7 +2489,7 @@ table th,
 
 .entry-meta a:hover, .entry-meta a:active,
 
 .entry-footer a:hover,
 
 .entry-footer a:active {
 
-	color: indigo;
 
+	color: #FF7A5C;
 
 }
 
 
 .entry-meta .svg-icon,
 
@@ -2555,17 +2554,17 @@ table th,
 
 }
 
 
 .author-bio .author-title {
 
-	font-size: 2.0736rem;
 
+	font-size: 3.15733rem;
 
 }
 
 
 /* Next/Previous navigation */
 
 .post-navigation .meta-nav {
 
-	font-size: 0.83333rem;
 
+	font-size: 0.75019rem;
 
 }
 
 
 .post-navigation .post-title {
 
-	font-family: sans-serif;
 
-	font-size: 1.44rem;
 
+	font-family: "EB Garamond", serif;
 
+	font-size: 1.77689rem;
 
 	font-weight: 600;
 
 }
 
 
@@ -2591,8 +2590,8 @@ table th,
 
 }
 
 
 .pagination .nav-links > * {
 
-	font-family: sans-serif;
 
-	font-size: 1.2rem;
 
+	font-family: "EB Garamond", serif;
 
+	font-size: 1.333rem;
 
 	font-weight: 600;
 
 	padding-right: calc(0.66 * 16px);
 
 	padding-left: calc(0.66 * 16px);
 
@@ -2640,12 +2639,12 @@ table th,
 
  * Comment Title
 
  */
 
 .comments-title {
 
-	font-size: 2.0736rem;
 
+	font-size: 3.15733rem;
 
 	letter-spacing: normal;
 
 }
 
 
 .comment-reply-title {
 
-	font-size: 1.728rem;
 
+	font-size: 2.36859rem;
 
 	display: flex;
 
 	justify-content: space-between;
 
 	align-items: center;
 
@@ -2653,9 +2652,9 @@ table th,
 
 
 .comment-reply-title small {
 
 	font-size: 1rem;
 
-	font-family: serif;
 
+	font-family: "Work Sans", sans-serif;
 
 	letter-spacing: normal;
 
-	line-height: 1.125;
 
+	line-height: 1;
 
 }
 
 
 /**
 
@@ -2734,7 +2733,7 @@ table th,
 
 }
 
 
 .comment-meta .comment-metadata a:hover, .comment-meta .comment-metadata a:active {
 
-	color: indigo;
 
+	color: #FF7A5C;
 
 }
 
 
 @media only screen and (min-width: 560px) {
 
@@ -2747,8 +2746,8 @@ table th,
 
 
 .comment-metadata,
 
 .reply {
 
-	font-size: 0.69444rem;
 
-	line-height: 1.125;
 
+	font-size: 0.75019rem;
 
+	line-height: 1;
 
 }
 
 
 .reply {
 
@@ -2772,7 +2771,7 @@ table th,
 
 .comment-author .fn,
 
 .pingback .url,
 
 .trackback .url {
 
-	font-family: sans-serif;
 
+	font-family: "EB Garamond", serif;
 
 }
 
 
 /**
 
@@ -2874,8 +2873,8 @@ table th,
 
  * Comment Nav
 
  */
 
 .comment-navigation a {
 
-	font-family: sans-serif;
 
-	font-size: 1.2rem;
 
+	font-family: "EB Garamond", serif;
 
+	font-size: 1.333rem;
 
 	font-weight: 600;
 
 }
 
 
@@ -2904,16 +2903,16 @@ img#wpstats {
 
  */
 
 .sticky-post {
 
 	color: white;
 
-	background-color: blue;
 
-	font-family: sans-serif;
 
+	background-color: black;
 
+	font-family: "EB Garamond", serif;
 
 	font-weight: bold;
 
-	font-size: 0.83333rem;
 
+	font-size: 0.75019rem;
 
 	line-height: 1;
 
 	padding: calc(0.5 * 16px) calc(0.66 * 16px);
 
 }
 
 
 .page-title {
 
-	font-size: 1.728rem;
 
+	font-size: 2.36859rem;
 
 }
 
 
 /**
 
@@ -3212,36 +3211,238 @@ img#wpstats {
 
 /**
 
  * Extra Child Theme Styles
 
  */
 
+/**
 
+ * Elements
 
+ */
 
+html {
 
+	font-size: 18px;
 
+}
 
+
 
+body {
 
+	font-weight: 300;
 
+}
 
+
 
 a {
 
+	text-decoration-color: #FF7A5C;
 
+}
 
+
 
+a:hover, a:focus {
 
+	background: white;
 
 	text-decoration: none;
 
 }
 
 
-.site-branding,
 
-.site-info,
 
-.main-navigation,
 
-.entry-header,
 
-.entry-footer,
 
-.page-title,
 
-.author-title,
 
-.comments-title,
 
-.comment-reply-title {
 
-	text-align: center;
 
+/**
 
+ * Components
 
+ */
 
+.site-title,
 
+.site-description {
 
+	color: black;
 
+	text-transform: uppercase;
 
+	line-height: 1;
 
+	max-width: 100%;
 
 }
 
 
-.main-navigation > div {
 
-	text-align: right;
 
+.site-title a,
 
+.site-description a {
 
+	color: currentColor;
 
+	padding-right: 5px;
 
+	padding-left: 5px;
 
+	margin-right: -5px;
 
+	margin-left: 5px;
 
+}
 
+
 
+.main-navigation > div > ul > li > a,
 
+.entry-content a {
 
+	text-decoration: underline;
 
+	text-decoration-color: #FF7A5C;
 
+}
 
+
 
+.main-navigation > div > ul > li > a:hover,
 
+.entry-content a:hover {
 
+	text-decoration: none;
 
 }
 
 
+.main-navigation {
 
+	text-transform: uppercase;
 
+}
 
+
 
+.sticky-post {
 
+	text-transform: uppercase;
 
+	font-family: "Work Sans", sans-serif;
 
+}
 
+
 
+.page-header .page-title {
 
+	font-size: 1rem;
 
+	font-family: "Work Sans", sans-serif;
 
+	font-weight: 500;
 
+	text-transform: uppercase;
 
+	line-height: 1;
 
+}
 
+
 
+.entry-title,
 
+.post-navigation .post-title,
 
 .comment-reply-title {
 
-	display: inherit;
 
+	font-size: 2.36859rem;
 
+	letter-spacing: normal;
 
+	line-height: 1;
 
+	text-transform: uppercase;
 
 }
 
 
-.comment .comment-reply-title {
 
-	display: flex;
 
+.entry-meta,
 
+.entry-footer {
 
+	text-transform: uppercase;
 
+	font-weight: 500;
 
+	letter-spacing: .1em;
 
 }
 
 
-.main-navigation > div > ul,
 
-.social-navigation > div > ul,
 
-.pagination .nav-links {
 
-	justify-content: center;
 
+.entry-meta > span,
 
+.entry-footer > span {
 
+	display: inline;
 
+}
 
+
 
+.entry-meta a,
 
+.entry-footer a {
 
+	text-decoration-color: currentColor;
 
+}
 
+
 
+.nav-links .meta-nav {
 
+	text-transform: uppercase;
 
+	font-weight: 500;
 
+	letter-spacing: .1em;
 
+}
 
+
 
+.post-navigation .post-title {
 
+	font-weight: 300;
 
+}
 
+
 
+.footer-navigation,
 
+.footer-navigation .footer-menu a {
 
+	font-weight: 500;
 
+	text-transform: uppercase;
 
+	text-decoration-color: currentColor;
 
+}
 
+
 
+.site-info a {
 
+	text-decoration-color: currentColor;
 
+}
 
+
 
+.imprint {
 
+	font-weight: 500;
 
+}
 
+
 
+.has-drop-cap:not(:focus):first-letter {
 
+	color: black;
 
+}
 
+
 
+/**
 
+ * Blocks
 
+ */
 
+button,
 
+.button,
 
+input[type="submit"],
 
+.wp-block-button__link,
 
+.wp-block-file__button {
 
+	font-weight: 800;
 
+	text-transform: uppercase;
 
+}
 
+
 
+@media only screen and (max-width: 559px) {
 
+	.site-header {
 
+		position: relative;
 
+		padding-left: 112px;
 
+	}
 
+	.site-title,
 
+	.site-description {
 
+		font-size: 1.77689rem;
 
+		hyphens: auto;
 
+	}
 
+	#toggle-menu {
 
+		position: absolute;
 
+		top: 16px;
 
+		left: 16px;
 
+	}
 
+}
 
+
 
+@media only screen and (min-width: 560px) {
 
+	.site-header.alignfull {
 
+		align-items: flex-end;
 
+		display: flex;
 
+		flex-wrap: wrap;
 
+		justify-content: space-between;
 
+		max-width: 100vw;
 
+		padding-right: 32px;
 
+		padding-left: 32px;
 
+		margin-bottom: 0;
 
+		width: 100%;
 
+		z-index: 10;
 
+	}
 
+	.site-branding {
 
+		margin-bottom: 0;
 
+		flex: 6 1 70%;
 
+	}
 
+	.main-navigation {
 
+		align-self: flex-start;
 
+		flex: 1 1 auto;
 
+		margin: 0;
 
+	}
 
+	.social-navigation {
 
+		margin: 0;
 
+		width: auto;
 
+	}
 
+	.main-navigation > div > ul {
 
+		display: inherit;
 
+	}
 
+	.main-navigation > div > ul > li > .sub-menu {
 
+		right: inherit;
 
+		left: 0;
 
+	}
 
+	.wp-block-columns.alignfull {
 
+		padding-right: 32px;
 
+		padding-left: 32px;
 
+	}
 
+}
 
+
 
+@media only screen and (min-width: 640px) {
 
+	.site-header.alignfull {
 
+		position: fixed;
 
+	}
 
+	.site-branding {
 
+		position: relative;
 
+		z-index: 99;
 
+	}
 
+	.main-navigation,
 
+	.social-navigation {
 
+		margin-top: 0;
 
+	}
 
+	.main-navigation {
 
+		z-index: 999;
 
+	}
 
+	.social-navigation {
 
+		position: fixed;
 
+		right: 32px;
 
+		bottom: 32px;
 
+		z-index: 888;
 
+	}
 
+	.social-navigation > div > ul {
 
+		flex-direction: column-reverse;
 
+	}
 
+	.main-navigation > div > ul {
 
+		display: block;
 
+	}
 
+	.content-area {
 
+		margin-top: 160px;
 
+		position: relative;
 
+		z-index: 2;
 
+	}
 
+	.nav-links {
 
+		display: block;
 
+	}
 
+	.nav-links .nav-next,
 
+	.nav-links .nav-previous {
 
+		max-width: 100%;
 
+		margin-bottom: 32px;
 
+	}
 
+	.nav-links .nav-next {
 
+		text-align: right;
 
+	}
 
 }

+ 367 - 166
coutoire/style.css
查看文件 

@@ -588,8 +588,8 @@ html {
 
  * HTML resets
 
  */
 
 html {
 
-	font-size: 15px;
 
-	font-family: serif;
 
+	font-size: 13.50338px;
 
+	font-family: "Work Sans", sans-serif;
 
 	line-height: 1.78;
 
 }
 
 
@@ -611,11 +611,11 @@ body {
 
  * Links styles
 
  */
 
 a {
 
-	color: blue;
 
+	color: black;
 
 }
 
 
 a:hover {
 
-	color: indigo;
 
+	color: #FF7A5C;
 
 }
 
 
 button,
 
@@ -646,7 +646,7 @@ a {
 
 	clip-path: none;
 
 	color: #444444;
 
 	display: block;
 
-	font-size: 1.2rem;
 
+	font-size: 1.333rem;
 
 	font-weight: bold;
 
 	height: auto;
 
 	left: 5px;
 
@@ -699,7 +699,7 @@ a {
 
 header *,
 
 main *,
 
 footer * {
 
-	max-width: inherit;
 
+	max-width: unset;
 
 }
 
 
 html,
 
@@ -912,14 +912,14 @@ blockquote {
 
 }
 
 
 blockquote p {
 
-	font-size: 1.728rem;
 
+	font-size: 2.36859rem;
 
 	letter-spacing: normal;
 
-	line-height: 1.125;
 
+	line-height: 1;
 
 }
 
 
 blockquote cite,
 
 blockquote footer {
 
-	font-size: 0.83333rem;
 
+	font-size: 0.75019rem;
 
 	letter-spacing: normal;
 
 }
 
 
@@ -941,7 +941,7 @@ blockquote.alignleft, blockquote.alignright {
 
 }
 
 
 blockquote.alignleft p, blockquote.alignright p {
 
-	font-size: 1.44rem;
 
+	font-size: 1.77689rem;
 
 	max-width: inherit;
 
 	width: inherit;
 
 }
 
@@ -949,7 +949,7 @@ blockquote.alignleft p, blockquote.alignright p {
 
 blockquote.alignleft cite,
 
 blockquote.alignleft footer, blockquote.alignright cite,
 
 blockquote.alignright footer {
 
-	font-size: 0.69444rem;
 
+	font-size: 0.75019rem;
 
 	letter-spacing: normal;
 
 }
 
 
@@ -992,7 +992,7 @@ input[type="datetime-local"]:focus,
 
 input[type="color"]:focus,
 
 textarea:focus {
 
 	color: #444444;
 
-	border-color: indigo;
 
+	border-color: #FF7A5C;
 
 }
 
 
 select {
 
@@ -1012,7 +1012,7 @@ input[type=checkbox] + label {
 
 
 figcaption {
 
 	color: #767676;
 
-	font-size: 0.69444rem;
 
+	font-size: 0.75019rem;
 
 	margin-top: calc(0.5 * 16px);
 
 	margin-bottom: 16px;
 
 	text-align: center;
 
@@ -1074,15 +1074,14 @@ input[type="submit"],
 
 .wp-block-button__link,
 
 .wp-block-file__button, .a8c-posts-list__view-all {
 
 	line-height: 1;
 
-	color: ("default": white, "light": #FAFAFA, "dark": #DDDDDD);
 
+	color: white;
 
 	cursor: pointer;
 
 	font-weight: 600;
 
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 
-	font-size: 1.2rem;
 
-	background-color: blue;
 
-	border-radius: 9px;
 
+	font-size: 0.75019rem;
 
+	background-color: black;
 
 	border-width: 0;
 
-	padding: 16px 16px;
 
+	padding: 11.6px 11.6px;
 
 }
 
 
 button:before,
 
@@ -1129,22 +1128,22 @@ input:focus[type="submit"],
 
 input.has-focus[type="submit"],
 
 .has-focus.wp-block-button__link,
 
 .has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all {
 
-	color: ("default": white, "light": #FAFAFA, "dark": #DDDDDD);
 
-	background-color: indigo;
 
+	color: white;
 
+	background-color: #FF7A5C;
 
 }
 
 
 /**
 
  * Block Options
 
  */
 
 .wp-block-button.is-style-outline .wp-block-button__link {
 
-	color: blue;
 
+	color: black;
 
 	background: transparent;
 
 	border: 2px solid currentcolor;
 
-	padding: 14px 16px;
 
+	padding: 9.6px 11.6px;
 
 }
 
 
 .wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:focus, .wp-block-button.is-style-outline .wp-block-button__link.has-focus {
 
-	color: indigo;
 
+	color: #FF7A5C;
 
 }
 
 
 .wp-block-button.is-style-squared .wp-block-button__link {
 
@@ -1153,7 +1152,7 @@ input.has-focus[type="submit"],
 
 
 .wp-block-code {
 
 	color: #444444;
 
-	font-size: 0.83333rem;
 
+	font-size: 0.75019rem;
 
 	padding: 16px;
 
 	border-color: #DDDDDD;
 
 }
 
@@ -1232,9 +1231,9 @@ input.has-focus[type="submit"],
 
 
 .wp-block-cover h2,
 
 .wp-block-cover-image h2 {
 
-	font-size: 2.48832rem;
 
+	font-size: 4.20873rem;
 
 	letter-spacing: normal;
 
-	line-height: 1.125;
 
+	line-height: 1;
 
 	max-width: inherit;
 
 	text-align: inherit;
 
 	padding: 0;
 
@@ -1278,9 +1277,9 @@ input.has-focus[type="submit"],
 
 }
 
 
 .wp-block-file .wp-block-file__button {
 
-	background-color: blue;
 
-	color: ("default": white, "light": #FAFAFA, "dark": #DDDDDD);
 
-	font-size: 0.83333rem;
 
+	background-color: black;
 
+	color: white;
 
+	font-size: 0.75019rem;
 
 	margin-left: 16px;
 
 	margin-right: 16px;
 
 }
 
@@ -1293,7 +1292,7 @@ input.has-focus[type="submit"],
 
 .wp-block-file a.wp-block-file__button:focus,
 
 .wp-block-file a.wp-block-file__button:hover,
 
 .wp-block-file a.wp-block-file__button:visited {
 
-	color: ("default": white, "light": #FAFAFA, "dark": #DDDDDD);
 
+	color: white;
 
 	opacity: .85;
 
 }
 
 
@@ -1305,7 +1304,7 @@ input.has-focus[type="submit"],
 
 .wp-block-gallery .blocks-gallery-item figcaption {
 
 	margin: 0;
 
 	color: white;
 
-	font-size: 0.69444rem;
 
+	font-size: 0.75019rem;
 
 }
 
 
 .wp-block-gallery .blocks-gallery-image,
 
@@ -1373,50 +1372,50 @@ h3, .h3,
 
 h4, .h4,
 
 h5, .h5,
 
 h6, .h6 {
 
-	font-family: sans-serif;
 
-	font-weight: normal;
 
+	font-family: "EB Garamond", serif;
 
+	font-weight: 200;
 
 	clear: both;
 
 }
 
 
 h1, .h1 {
 
-	font-size: 2.98598rem;
 
+	font-size: 5.61023rem;
 
 	letter-spacing: normal;
 
-	line-height: 1.125;
 
+	line-height: 1;
 
 }
 
 
 h2, .h2 {
 
-	font-size: 2.48832rem;
 
+	font-size: 4.20873rem;
 
 	letter-spacing: normal;
 
-	line-height: 1.125;
 
+	line-height: 1;
 
 }
 
 
 h3, .h3 {
 
-	font-size: 2.0736rem;
 
+	font-size: 3.15733rem;
 
 	letter-spacing: normal;
 
-	line-height: 1.125;
 
+	line-height: 1;
 
 }
 
 
 h4, .h4 {
 
-	font-size: 1.728rem;
 
+	font-size: 2.36859rem;
 
 	letter-spacing: normal;
 
-	line-height: 1.125;
 
+	line-height: 1;
 
 }
 
 
 h5, .h5 {
 
-	font-size: 1.44rem;
 
+	font-size: 1.77689rem;
 
 	letter-spacing: normal;
 
-	line-height: 1.125;
 
+	line-height: 1;
 
 }
 
 
 h6, .h6 {
 
-	font-size: 1.2rem;
 
+	font-size: 1.333rem;
 
 	letter-spacing: normal;
 
-	line-height: 1.125;
 
+	line-height: 1;
 
 }
 
 
 .wp-block-image figcaption {
 
 	color: #767676;
 
-	font-size: 0.69444rem;
 
+	font-size: 0.75019rem;
 
 	margin-top: calc(0.5 * 16px);
 
 	margin-bottom: 16px;
 
 	text-align: center;
 
@@ -1434,7 +1433,7 @@ img {
 
 }
 
 
 .wp-block-latest-comments .wp-block-latest-comments__comment {
 
-	font-size: 0.83333rem;
 
+	font-size: 0.75019rem;
 
 	line-height: 1.78;
 
 	/* Vertical margins logic */
 
 	margin-top: 32px;
 
@@ -1450,16 +1449,16 @@ img {
 
 }
 
 
 .wp-block-latest-comments .wp-block-latest-comments__comment-meta {
 
-	font-family: sans-serif;
 
+	font-family: "EB Garamond", serif;
 
 }
 
 
 .wp-block-latest-comments .wp-block-latest-comments__comment-date {
 
 	color: #767676;
 
-	font-size: 0.83333rem;
 
+	font-size: 0.75019rem;
 
 }
 
 
 .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
 
-	font-size: 0.83333rem;
 
+	font-size: 0.75019rem;
 
 	line-height: 1.78;
 
 	margin: 0;
 
 }
 
@@ -1483,20 +1482,20 @@ img {
 
 }
 
 
 .wp-block-latest-posts > li > a {
 
-	font-family: sans-serif;
 
-	font-size: 1.728rem;
 
-	font-weight: normal;
 
-	line-height: 1.125;
 
+	font-family: "EB Garamond", serif;
 
+	font-size: 2.36859rem;
 
+	font-weight: 200;
 
+	line-height: 1;
 
 }
 
 
 .wp-block-latest-posts .wp-block-latest-posts__post-date {
 
 	color: #767676;
 
-	font-size: 0.69444rem;
 
+	font-size: 0.75019rem;
 
 	line-height: 1.78;
 
 }
 
 
 .wp-block-latest-posts .wp-block-latest-posts__post-excerpt {
 
-	font-size: 0.83333rem;
 
+	font-size: 0.75019rem;
 
 	line-height: 1.78;
 
 	margin: 0;
 
 }
 
@@ -1550,7 +1549,7 @@ img {
 
 
 ul,
 
 ol {
 
-	font-family: serif;
 
+	font-family: "Work Sans", sans-serif;
 
 	margin: 0 0 0 16px;
 
 	padding: 0;
 
 }
 
@@ -1564,7 +1563,7 @@ ol {
 
 }
 
 
 dt {
 
-	font-family: sans-serif;
 
+	font-family: "EB Garamond", serif;
 
 	font-weight: bold;
 
 }
 
 
@@ -1631,10 +1630,10 @@ p.has-background:not(.has-background-background-color) a {
 
 
 .a8c-posts-list-item__featured span {
 
 	color: white;
 
-	background-color: blue;
 
-	font-family: sans-serif;
 
+	background-color: black;
 
+	font-family: "EB Garamond", serif;
 
 	font-weight: bold;
 
-	font-size: 0.83333rem;
 
+	font-size: 0.75019rem;
 
 	line-height: 1;
 
 	padding: calc(0.5 * 16px) calc(0.66 * 16px);
 
 }
 
@@ -1670,7 +1669,7 @@ p.has-background:not(.has-background-background-color) a {
 
 
 .a8c-posts-list__item .a8c-posts-list-item__meta {
 
 	color: #767676;
 
-	font-size: 0.83333rem;
 
+	font-size: 0.75019rem;
 
 }
 
 
 .a8c-posts-list__item .a8c-posts-list-item__meta a {
 
@@ -1678,7 +1677,7 @@ p.has-background:not(.has-background-background-color) a {
 
 }
 
 
 .a8c-posts-list__item .a8c-posts-list-item__meta a:hover, .a8c-posts-list__item .a8c-posts-list-item__meta a:active {
 
-	color: indigo;
 
+	color: #FF7A5C;
 
 }
 
 
 .a8c-posts-list__item .a8c-posts-list-item__edit-link {
 
@@ -1705,10 +1704,10 @@ p.has-background:not(.has-background-background-color) a {
 
 }
 
 
 .wp-block-pullquote p {
 
-	font-family: sans-serif;
 
-	font-size: 1.728rem;
 
+	font-family: "EB Garamond", serif;
 
+	font-size: 2.36859rem;
 
 	letter-spacing: normal;
 
-	line-height: 1.125;
 
+	line-height: 1;
 
 }
 
 
 .wp-block-pullquote a {
 
@@ -1719,7 +1718,7 @@ p.has-background:not(.has-background-background-color) a {
 
 .wp-block-pullquote cite,
 
 .wp-block-pullquote footer {
 
 	color: #767676;
 
-	font-size: 0.83333rem;
 
+	font-size: 0.75019rem;
 
 	letter-spacing: normal;
 
 	display: block;
 
 }
 
@@ -1733,7 +1732,7 @@ p.has-background:not(.has-background-background-color) a {
 
 }
 
 
 .wp-block-pullquote.is-style-solid-color {
 
-	background-color: blue;
 
+	background-color: black;
 
 	color: white;
 
 }
 
 
@@ -1758,7 +1757,7 @@ p.has-background:not(.has-background-background-color) a {
 
 }
 
 
 .wp-block-quote {
 
-	border-left-color: blue;
 
+	border-left-color: black;
 
 	margin: 32px 0;
 
 	padding: 0 16px;
 
 	/**
 
@@ -1780,22 +1779,22 @@ p.has-background:not(.has-background-background-color) a {
 
 }
 
 
 .wp-block-quote p {
 
-	font-family: sans-serif;
 
-	font-size: 1.728rem;
 
+	font-family: "EB Garamond", serif;
 
+	font-size: 2.36859rem;
 
 	letter-spacing: normal;
 
-	line-height: 1.125;
 
+	line-height: 1;
 
 }
 
 
 .wp-block-quote .wp-block-quote__citation,
 
 .wp-block-quote cite,
 
 .wp-block-quote footer {
 
 	color: #767676;
 
-	font-size: 0.83333rem;
 
+	font-size: 0.75019rem;
 
 	letter-spacing: normal;
 
 }
 
 
 .wp-block-quote[style*="text-align:right"], .wp-block-quote[style*="text-align: right"] {
 
-	border-right-color: blue;
 
+	border-right-color: black;
 
 }
 
 
 .wp-block-quote.is-style-large, .wp-block-quote.is-large {
 
@@ -1805,9 +1804,9 @@ p.has-background:not(.has-background-background-color) a {
 
 }
 
 
 .wp-block-quote.is-style-large p, .wp-block-quote.is-large p {
 
-	font-size: 2.0736rem;
 
+	font-size: 3.15733rem;
 
 	letter-spacing: normal;
 
-	line-height: 1.125;
 
+	line-height: 1;
 
 }
 
 
 .wp-block-quote.is-style-large .wp-block-quote__citation,
 
@@ -1816,7 +1815,7 @@ p.has-background:not(.has-background-background-color) a {
 
 .wp-block-quote.is-large cite,
 
 .wp-block-quote.is-large footer {
 
 	color: #767676;
 
-	font-size: 0.83333rem;
 
+	font-size: 0.75019rem;
 
 	letter-spacing: normal;
 
 }
 
 
@@ -1839,9 +1838,9 @@ hr.is-style-wide {
 
 .wp-block-separator.is-style-dots:before,
 
 hr.is-style-dots:before {
 
 	color: #DDDDDD;
 
-	font-size: 1.728rem;
 
-	letter-spacing: 0.83333rem;
 
-	padding-left: 0.83333rem;
 
+	font-size: 2.36859rem;
 
+	letter-spacing: 0.75019rem;
 
+	padding-left: 0.75019rem;
 
 }
 
 
 .wp-block-jetpack-slideshow ul {
 
@@ -1870,7 +1869,7 @@ table,
 
 
 table th,
 
 .wp-block-table th {
 
-	font-family: sans-serif;
 
+	font-family: "EB Garamond", serif;
 
 }
 
 
 table td,
 
@@ -1884,7 +1883,7 @@ table th,
 
 
 .wp-block-video figcaption {
 
 	color: #767676;
 
-	font-size: 0.69444rem;
 
+	font-size: 0.75019rem;
 
 	margin-top: calc(0.5 * 16px);
 
 	margin-bottom: 16px;
 
 	text-align: center;
 
@@ -1944,11 +1943,11 @@ table th,
 
 }
 
 
 .has-primary-color[class] {
 
-	color: blue !important;
 
+	color: black !important;
 
 }
 
 
 .has-secondary-color[class] {
 
-	color: red !important;
 
+	color: #FF7A5C !important;
 
 }
 
 
 .has-foreground-color[class] {
 
@@ -1976,7 +1975,7 @@ table th,
 
 }
 
 
 .has-primary-background-color[class] {
 
-	background-color: blue !important;
 
+	background-color: black !important;
 
 	color: white;
 
 }
 
 
@@ -1985,7 +1984,7 @@ table th,
 
 }
 
 
 .has-secondary-background-color[class] {
 
-	background-color: red !important;
 
+	background-color: #FF7A5C !important;
 
 	color: white;
 
 }
 
 
@@ -2049,33 +2048,33 @@ table th,
 
 
 .is-small-text,
 
 .has-small-font-size {
 
-	font-size: 0.83333rem;
 
+	font-size: 0.75019rem;
 
 }
 
 
 .is-regular-text,
 
 .has-regular-font-size,
 
 .has-normal-font-size,
 
 .has-medium-font-size {
 
-	font-size: 1.2rem;
 
+	font-size: 1.333rem;
 
 }
 
 
 .is-large-text,
 
 .has-large-font-size {
 
-	font-size: 1.44rem;
 
-	line-height: 1.125;
 
+	font-size: 1.77689rem;
 
+	line-height: 1;
 
 }
 
 
 .is-larger-text,
 
 .has-larger-font-size,
 
 .has-huge-font-size {
 
-	font-size: 1.728rem;
 
-	line-height: 1.125;
 
+	font-size: 2.36859rem;
 
+	line-height: 1;
 
 }
 
 
 .has-drop-cap:not(:focus)::first-letter {
 
-	font-family: sans-serif;
 
-	font-size: calc(2 * 2.98598rem);
 
-	font-weight: normal;
 
+	font-family: "EB Garamond", serif;
 
+	font-size: calc(2 * 5.61023rem);
 
+	font-weight: 200;
 
 	line-height: 0.66;
 
 	text-transform: uppercase;
 
 	font-style: normal;
 
@@ -2113,9 +2112,9 @@ table th,
 
 }
 
 
 .site-title {
 
-	color: blue;
 
-	font-family: sans-serif;
 
-	font-size: 1.2rem;
 
+	color: black;
 
+	font-family: "EB Garamond", serif;
 
+	font-size: 2.36859rem;
 
 	letter-spacing: normal;
 
 	line-height: 1;
 
 }
 
@@ -2130,13 +2129,13 @@ table th,
 
 }
 
 
 .site-title a:hover {
 
-	color: indigo;
 
+	color: #FF7A5C;
 
 }
 
 
 .site-description {
 
 	color: currentColor;
 
-	font-family: serif;
 
-	font-size: 0.83333rem;
 
+	font-family: "EB Garamond", serif;
 
+	font-size: 2.36859rem;
 
 }
 
 
 .main-navigation {
 
@@ -2157,7 +2156,7 @@ table th,
 
 }
 
 
 .main-navigation #toggle:focus + #toggle-menu {
 
-	background-color: indigo;
 
+	background-color: #FF7A5C;
 
 	outline: inherit;
 
 	text-decoration: underline;
 
 }
 
@@ -2191,7 +2190,7 @@ table th,
 
 	flex-wrap: wrap;
 
 	list-style: none;
 
 	max-width: none;
 
-	margin: 0 -16px;
 
+	margin: 0 -10px;
 
 	position: relative;
 
 	/* Sub-menus Flyout */
 
 }
 
@@ -2280,20 +2279,20 @@ table th,
 
 }
 
 
 .main-navigation a {
 
-	color: blue;
 
+	color: black;
 
 	display: block;
 
-	font-family: serif;
 
-	font-size: 1.2rem;
 
-	font-weight: normal;
 
-	padding: 16px;
 
+	font-family: "Work Sans", sans-serif;
 
+	font-size: 0.75019rem;
 
+	font-weight: 600;
 
+	padding: 10px;
 
 }
 
 
 .main-navigation a:link, .main-navigation a:visited {
 
-	color: blue;
 
+	color: black;
 
 }
 
 
 .main-navigation a:hover {
 
-	color: indigo;
 
+	color: #FF7A5C;
 
 }
 
 
 .main-navigation .sub-menu {
 
@@ -2304,8 +2303,8 @@ table th,
 
 }
 
 
 .main-navigation .sub-menu .menu-item a {
 
-	padding-top: 8px;
 
-	padding-bottom: 8px;
 
+	padding-top: 5px;
 
+	padding-bottom: 5px;
 
 }
 
 
 .main-navigation .sub-menu .menu-item a::before {
 
@@ -2319,7 +2318,7 @@ table th,
 
 	.main-navigation > div > ul > .menu-item-has-children > a::after {
 
 		content: "\00a0\25BC";
 
 		display: inline-block;
 
-		font-size: 0.69444rem;
 
+		font-size: 0.75019rem;
 
 		height: inherit;
 
 		width: inherit;
 
 	}
 
@@ -2343,13 +2342,13 @@ table th,
 
 }
 
 
 .social-navigation a {
 
-	color: blue;
 
+	color: black;
 
 	display: inline-block;
 
 	padding: 0 calc( 0.5 * calc(0.66 * 16px ));
 
 }
 
 
 .social-navigation a:hover {
 
-	color: indigo;
 
+	color: #FF7A5C;
 
 }
 
 
 .social-navigation svg {
 
@@ -2368,8 +2367,8 @@ table th,
 
 
 .site-info {
 
 	color: #767676;
 
-	font-family: sans-serif;
 
-	font-size: 0.83333rem;
 
+	font-family: "Work Sans", sans-serif;
 
+	font-size: 0.75019rem;
 
 }
 
 
 @media only screen and (min-width: 640px) {
 
@@ -2394,7 +2393,7 @@ table th,
 
 }
 
 
 .site-info a:hover {
 
-	color: indigo;
 
+	color: #FF7A5C;
 
 }
 
 
 .footer-navigation {
 
@@ -2435,10 +2434,10 @@ table th,
 
 }
 
 
 .footer-navigation .footer-menu a {
 
-	font-family: serif;
 
-	font-size: 0.83333rem;
 
-	font-weight: normal;
 
-	padding: 16px;
 
+	font-family: "Work Sans", sans-serif;
 
+	font-size: 0.75019rem;
 
+	font-weight: 600;
 
+	padding: 10px;
 
 	color: currentColor;
 
 }
 
 
@@ -2447,13 +2446,13 @@ table th,
 
 }
 
 
 .footer-navigation .footer-menu a:hover {
 
-	color: indigo;
 
+	color: #FF7A5C;
 
 }
 
 
 .entry-title {
 
-	font-size: 2.48832rem;
 
+	font-size: 4.20873rem;
 
 	letter-spacing: normal;
 
-	line-height: 1.125;
 
+	line-height: 1;
 
 }
 
 
 .entry-meta,
 
@@ -2461,7 +2460,7 @@ table th,
 
 	color: #767676;
 
 	clear: both;
 
 	float: none;
 
-	font-size: 0.83333rem;
 
+	font-size: 0.75019rem;
 
 	display: block;
 
 }
 
 
@@ -2495,7 +2494,7 @@ table th,
 
 .entry-meta a:hover, .entry-meta a:active,
 
 .entry-footer a:hover,
 
 .entry-footer a:active {
 
-	color: indigo;
 
+	color: #FF7A5C;
 
 }
 
 
 .entry-meta .svg-icon,
 
@@ -2560,17 +2559,17 @@ table th,
 
 }
 
 
 .author-bio .author-title {
 
-	font-size: 2.0736rem;
 
+	font-size: 3.15733rem;
 
 }
 
 
 /* Next/Previous navigation */
 
 .post-navigation .meta-nav {
 
-	font-size: 0.83333rem;
 
+	font-size: 0.75019rem;
 
 }
 
 
 .post-navigation .post-title {
 
-	font-family: sans-serif;
 
-	font-size: 1.44rem;
 
+	font-family: "EB Garamond", serif;
 
+	font-size: 1.77689rem;
 
 	font-weight: 600;
 
 }
 
 
@@ -2596,8 +2595,8 @@ table th,
 
 }
 
 
 .pagination .nav-links > * {
 
-	font-family: sans-serif;
 
-	font-size: 1.2rem;
 
+	font-family: "EB Garamond", serif;
 
+	font-size: 1.333rem;
 
 	font-weight: 600;
 
 	padding-left: calc(0.66 * 16px);
 
 	padding-right: calc(0.66 * 16px);
 
@@ -2645,12 +2644,12 @@ table th,
 
  * Comment Title
 
  */
 
 .comments-title {
 
-	font-size: 2.0736rem;
 
+	font-size: 3.15733rem;
 
 	letter-spacing: normal;
 
 }
 
 
 .comment-reply-title {
 
-	font-size: 1.728rem;
 
+	font-size: 2.36859rem;
 
 	display: flex;
 
 	justify-content: space-between;
 
 	align-items: center;
 
@@ -2658,9 +2657,9 @@ table th,
 
 
 .comment-reply-title small {
 
 	font-size: 1rem;
 
-	font-family: serif;
 
+	font-family: "Work Sans", sans-serif;
 
 	letter-spacing: normal;
 
-	line-height: 1.125;
 
+	line-height: 1;
 
 }
 
 
 /**
 
@@ -2739,7 +2738,7 @@ table th,
 
 }
 
 
 .comment-meta .comment-metadata a:hover, .comment-meta .comment-metadata a:active {
 
-	color: indigo;
 
+	color: #FF7A5C;
 
 }
 
 
 @media only screen and (min-width: 560px) {
 
@@ -2752,8 +2751,8 @@ table th,
 
 
 .comment-metadata,
 
 .reply {
 
-	font-size: 0.69444rem;
 
-	line-height: 1.125;
 
+	font-size: 0.75019rem;
 
+	line-height: 1;
 
 }
 
 
 .reply {
 
@@ -2777,7 +2776,7 @@ table th,
 
 .comment-author .fn,
 
 .pingback .url,
 
 .trackback .url {
 
-	font-family: sans-serif;
 
+	font-family: "EB Garamond", serif;
 
 }
 
 
 /**
 
@@ -2879,8 +2878,8 @@ table th,
 
  * Comment Nav
 
  */
 
 .comment-navigation a {
 
-	font-family: sans-serif;
 
-	font-size: 1.2rem;
 
+	font-family: "EB Garamond", serif;
 
+	font-size: 1.333rem;
 
 	font-weight: 600;
 
 }
 
 
@@ -2909,16 +2908,16 @@ img#wpstats {
 
  */
 
 .sticky-post {
 
 	color: white;
 
-	background-color: blue;
 
-	font-family: sans-serif;
 
+	background-color: black;
 
+	font-family: "EB Garamond", serif;
 
 	font-weight: bold;
 
-	font-size: 0.83333rem;
 
+	font-size: 0.75019rem;
 
 	line-height: 1;
 
 	padding: calc(0.5 * 16px) calc(0.66 * 16px);
 
 }
 
 
 .page-title {
 
-	font-size: 1.728rem;
 
+	font-size: 2.36859rem;
 
 }
 
 
 /**
 
@@ -3217,36 +3216,238 @@ img#wpstats {
 
 /**
 
  * Extra Child Theme Styles
 
  */
 
+/**
 
+ * Elements
 
+ */
 
+html {
 
+	font-size: 18px;
 
+}
 
+
 
+body {
 
+	font-weight: 300;
 
+}
 
+
 
 a {
 
+	text-decoration-color: #FF7A5C;
 
+}
 
+
 
+a:hover, a:focus {
 
+	background: white;
 
 	text-decoration: none;
 
 }
 
 
-.site-branding,
 
-.site-info,
 
-.main-navigation,
 
-.entry-header,
 
-.entry-footer,
 
-.page-title,
 
-.author-title,
 
-.comments-title,
 
-.comment-reply-title {
 
-	text-align: center;
 
+/**
 
+ * Components
 
+ */
 
+.site-title,
 
+.site-description {
 
+	color: black;
 
+	text-transform: uppercase;
 
+	line-height: 1;
 
+	max-width: 100%;
 
 }
 
 
-.main-navigation > div {
 
-	text-align: left;
 
+.site-title a,
 
+.site-description a {
 
+	color: currentColor;
 
+	padding-left: 5px;
 
+	padding-right: 5px;
 
+	margin-left: -5px;
 
+	margin-right: 5px;
 
+}
 
+
 
+.main-navigation > div > ul > li > a,
 
+.entry-content a {
 
+	text-decoration: underline;
 
+	text-decoration-color: #FF7A5C;
 
+}
 
+
 
+.main-navigation > div > ul > li > a:hover,
 
+.entry-content a:hover {
 
+	text-decoration: none;
 
 }
 
 
+.main-navigation {
 
+	text-transform: uppercase;
 
+}
 
+
 
+.sticky-post {
 
+	text-transform: uppercase;
 
+	font-family: "Work Sans", sans-serif;
 
+}
 
+
 
+.page-header .page-title {
 
+	font-size: 1rem;
 
+	font-family: "Work Sans", sans-serif;
 
+	font-weight: 500;
 
+	text-transform: uppercase;
 
+	line-height: 1;
 
+}
 
+
 
+.entry-title,
 
+.post-navigation .post-title,
 
 .comment-reply-title {
 
-	display: inherit;
 
+	font-size: 2.36859rem;
 
+	letter-spacing: normal;
 
+	line-height: 1;
 
+	text-transform: uppercase;
 
 }
 
 
-.comment .comment-reply-title {
 
-	display: flex;
 
+.entry-meta,
 
+.entry-footer {
 
+	text-transform: uppercase;
 
+	font-weight: 500;
 
+	letter-spacing: .1em;
 
 }
 
 
-.main-navigation > div > ul,
 
-.social-navigation > div > ul,
 
-.pagination .nav-links {
 
-	justify-content: center;
 
+.entry-meta > span,
 
+.entry-footer > span {
 
+	display: inline;
 
+}
 
+
 
+.entry-meta a,
 
+.entry-footer a {
 
+	text-decoration-color: currentColor;
 
+}
 
+
 
+.nav-links .meta-nav {
 
+	text-transform: uppercase;
 
+	font-weight: 500;
 
+	letter-spacing: .1em;
 
+}
 
+
 
+.post-navigation .post-title {
 
+	font-weight: 300;
 
+}
 
+
 
+.footer-navigation,
 
+.footer-navigation .footer-menu a {
 
+	font-weight: 500;
 
+	text-transform: uppercase;
 
+	text-decoration-color: currentColor;
 
+}
 
+
 
+.site-info a {
 
+	text-decoration-color: currentColor;
 
+}
 
+
 
+.imprint {
 
+	font-weight: 500;
 
+}
 
+
 
+.has-drop-cap:not(:focus):first-letter {
 
+	color: black;
 
+}
 
+
 
+/**
 
+ * Blocks
 
+ */
 
+button,
 
+.button,
 
+input[type="submit"],
 
+.wp-block-button__link,
 
+.wp-block-file__button {
 
+	font-weight: 800;
 
+	text-transform: uppercase;
 
+}
 
+
 
+@media only screen and (max-width: 559px) {
 
+	.site-header {
 
+		position: relative;
 
+		padding-right: 112px;
 
+	}
 
+	.site-title,
 
+	.site-description {
 
+		font-size: 1.77689rem;
 
+		hyphens: auto;
 
+	}
 
+	#toggle-menu {
 
+		position: absolute;
 
+		top: 16px;
 
+		right: 16px;
 
+	}
 
+}
 
+
 
+@media only screen and (min-width: 560px) {
 
+	.site-header.alignfull {
 
+		align-items: flex-end;
 
+		display: flex;
 
+		flex-wrap: wrap;
 
+		justify-content: space-between;
 
+		max-width: 100vw;
 
+		padding-left: 32px;
 
+		padding-right: 32px;
 
+		margin-bottom: 0;
 
+		width: 100%;
 
+		z-index: 10;
 
+	}
 
+	.site-branding {
 
+		margin-bottom: 0;
 
+		flex: 6 1 70%;
 
+	}
 
+	.main-navigation {
 
+		align-self: flex-start;
 
+		flex: 1 1 auto;
 
+		margin: 0;
 
+	}
 
+	.social-navigation {
 
+		margin: 0;
 
+		width: auto;
 
+	}
 
+	.main-navigation > div > ul {
 
+		display: inherit;
 
+	}
 
+	.main-navigation > div > ul > li > .sub-menu {
 
+		left: inherit;
 
+		right: 0;
 
+	}
 
+	.wp-block-columns.alignfull {
 
+		padding-left: 32px;
 
+		padding-right: 32px;
 
+	}
 
+}
 
+
 
+@media only screen and (min-width: 640px) {
 
+	.site-header.alignfull {
 
+		position: fixed;
 
+	}
 
+	.site-branding {
 
+		position: relative;
 
+		z-index: 99;
 
+	}
 
+	.main-navigation,
 
+	.social-navigation {
 
+		margin-top: 0;
 
+	}
 
+	.main-navigation {
 
+		z-index: 999;
 
+	}
 
+	.social-navigation {
 
+		position: fixed;
 
+		left: 32px;
 
+		bottom: 32px;
 
+		z-index: 888;
 
+	}
 
+	.social-navigation > div > ul {
 
+		flex-direction: column-reverse;
 
+	}
 
+	.main-navigation > div > ul {
 
+		display: block;
 
+	}
 
+	.content-area {
 
+		margin-top: 160px;
 
+		position: relative;
 
+		z-index: 2;
 
+	}
 
+	.nav-links {
 
+		display: block;
 
+	}
 
+	.nav-links .nav-next,
 
+	.nav-links .nav-previous {
 
+		max-width: 100%;
 
+		margin-bottom: 32px;
 
+	}
 
+	.nav-links .nav-next {
 
+		text-align: left;
 
+	}
 
 }

+ 33 - 0
coutoire/template-parts/content/content-excerpt.php
查看文件 

@@ -0,0 +1,33 @@
 
+<?php
 
+/**
 
+ * Template part for displaying post archives and search results
 
+ *
 
+ * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
 
+ *
 
+ * @package WordPress
 
+ * @subpackage Varia
 
+ * @since 1.0.0
 
+ */
 
+
 
+?>
 
+
 
+<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
 
+	<header class="entry-header responsive-max-width">
 
+		<?php
 
+		if ( is_sticky() && is_home() && ! is_paged() ) {
 
+			printf( '<span class="sticky-post">%s</span>', _x( 'Featured', 'post', 'varia' ) );
 
+		}
 
+		the_title( sprintf( '<h2 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h2>' );
 
+		?>
 
+	</header><!-- .entry-header -->
 
+
 
+	<?php varia_post_thumbnail(); ?>
 
+
 
+	<div class="entry-content responsive-max-width">
 
+		<?php the_excerpt(); ?>
 
+	</div><!-- .entry-content -->
 
+
 
+	<footer class="entry-footer responsive-max-width">
 
+		<?php varia_entry_footer(); ?>
 
+	</footer><!-- .entry-footer -->
 
+</article><!-- #post-${ID} -->

+ 53 - 0
coutoire/template-parts/content/content-none.php
查看文件 

@@ -0,0 +1,53 @@
 
+<?php
 
+/**
 
+ * Template part for displaying a message that posts cannot be found
 
+ *
 
+ * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
 
+ *
 
+ * @package WordPress
 
+ * @subpackage Varia
 
+ * @since 1.0.0
 
+ */
 
+
 
+?>
 
+
 
+<section class="no-results not-found">
 
+	<header class="page-header">
 
+		<h1 class="page-title"><?php _e( 'Nothing Found', 'varia' ); ?></h1>
 
+	</header><!-- .page-header -->
 
+
 
+	<div class="page-content">
 
+		<?php
 
+		if ( is_home() && current_user_can( 'publish_posts' ) ) :
 
+
 
+			printf(
 
+				'<p>' . wp_kses(
 
+					/* translators: 1: link to WP admin new post page. */
 
+					__( 'Ready to publish your first post? <a href="%1$s">Get started here</a>.', 'varia' ),
 
+					array(
 
+						'a' => array(
 
+							'href' => array(),
 
+						),
 
+					)
 
+				) . '</p>',
 
+				esc_url( admin_url( 'post-new.php' ) )
 
+			);
 
+
 
+		elseif ( is_search() ) :
 
+			?>
 
+
 
+			<p><?php _e( 'Sorry, but nothing matched your search terms. Please try again with some different keywords.', 'varia' ); ?></p>
 
+			<?php
 
+			get_search_form();
 
+
 
+		else :
 
+			?>
 
+
 
+			<p><?php _e( 'It seems we can&rsquo;t find what you&rsquo;re looking for. Perhaps searching can help.', 'varia' ); ?></p>
 
+			<?php
 
+			get_search_form();
 
+
 
+		endif;
 
+		?>
 
+	</div><!-- .page-content -->
 
+</section><!-- .no-results -->

+ 55 - 0
coutoire/template-parts/content/content-page.php
查看文件 

@@ -0,0 +1,55 @@
 
+<?php
 
+/**
 
+ * Template part for displaying page content in page.php
 
+ *
 
+ * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
 
+ *
 
+ * @package WordPress
 
+ * @subpackage Varia
 
+ * @since 1.0.0
 
+ */
 
+
 
+?>
 
+
 
+<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
 
+
 
+	<header class="entry-header">
 
+		<?php get_template_part( 'template-parts/header/entry', 'header' ); ?>
 
+	</header>
 
+
 
+	<div class="entry-content responsive-max-width">
 
+		<?php
 
+		the_content();
 
+
 
+		wp_link_pages(
 
+			array(
 
+				'before' => '<div class="page-links">' . __( 'Pages:', 'varia' ),
 
+				'after'  => '</div>',
 
+			)
 
+		);
 
+		?>
 
+	</div><!-- .entry-content -->
 
+
 
+	<?php if ( get_edit_post_link() ) : ?>
 
+		<footer class="entry-footer responsive-max-width">
 
+			<?php
 
+			edit_post_link(
 
+				sprintf(
 
+					wp_kses(
 
+						/* translators: %s: Name of current post. Only visible to screen readers */
 
+						__( 'Edit <span class="screen-reader-text">%s</span>', 'varia' ),
 
+						array(
 
+							'span' => array(
 
+								'class' => array(),
 
+							),
 
+						)
 
+					),
 
+					get_the_title()
 
+				),
 
+				'<span class="edit-link">',
 
+				'</span>'
 
+			);
 
+			?>
 
+		</footer><!-- .entry-footer -->
 
+	<?php endif; ?>
 
+</article><!-- #post-<?php the_ID(); ?> -->

+ 61 - 0
coutoire/template-parts/content/content-single.php
查看文件 

@@ -0,0 +1,61 @@
 
+<?php
 
+/**
 
+ * Template part for displaying posts
 
+ *
 
+ * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
 
+ *
 
+ * @package WordPress
 
+ * @subpackage Varia
 
+ * @since 1.0.0
 
+ */
 
+
 
+?>
 
+
 
+<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
 
+
 
+	<header class="entry-header">
 
+		<?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
 
+		<?php if ( ! is_page() ) : ?>
 
+		<div class="entry-meta">
 
+			<?php varia_entry_meta(); ?>
 
+		</div><!-- .meta-info -->
 
+		<?php endif; ?>
 
+	</header>
 
+
 
+	<?php varia_post_thumbnail(); ?>
 
+
 
+	<div class="entry-content responsive-max-width">
 
+		<?php
 
+		the_content(
 
+			sprintf(
 
+				wp_kses(
 
+					/* translators: %s: Name of current post. Only visible to screen readers */
 
+					__( 'Continue reading<span class="screen-reader-text"> "%s"</span>', 'varia' ),
 
+					array(
 
+						'span' => array(
 
+							'class' => array(),
 
+						),
 
+					)
 
+				),
 
+				get_the_title()
 
+			)
 
+		);
 
+
 
+		wp_link_pages(
 
+			array(
 
+				'before' => '<div class="page-links">' . __( 'Pages:', 'varia' ),
 
+				'after'  => '</div>',
 
+			)
 
+		);
 
+		?>
 
+	</div><!-- .entry-content -->
 
+
 
+	<footer class="entry-footer responsive-max-width">
 
+		<?php varia_entry_footer(); ?>
 
+	</footer><!-- .entry-footer -->
 
+
 
+	<?php if ( ! is_singular( 'attachment' ) ) : ?>
 
+		<?php get_template_part( 'template-parts/post/author', 'bio' ); ?>
 
+	<?php endif; ?>
 
+
 
+</article><!-- #post-${ID} -->

+ 59 - 0
coutoire/template-parts/content/content.php
查看文件 

@@ -0,0 +1,59 @@
 
+<?php
 
+/**
 
+ * Template part for displaying posts
 
+ *
 
+ * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
 
+ *
 
+ * @package WordPress
 
+ * @subpackage Varia
 
+ * @since 1.0.0
 
+ */
 
+
 
+?>
 
+
 
+<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
 
+	<header class="entry-header alignfull">
 
+		<?php
 
+		if ( is_sticky() && is_home() && ! is_paged() ) {
 
+			printf( '<span class="sticky-post">%s</span>', _x( 'Featured', 'post', 'varia' ) );
 
+		}
 
+		if ( is_singular() ) :
 
+			the_title( '<h1 class="entry-title">', '</h1>' );
 
+		else :
 
+			the_title( sprintf( '<h2 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h2>' );
 
+		endif;
 
+		?>
 
+	</header><!-- .entry-header -->
 
+
 
+	<?php varia_post_thumbnail(); ?>
 
+
 
+	<div class="entry-content responsive-max-width">
 
+		<?php
 
+		the_content(
 
+			sprintf(
 
+				wp_kses(
 
+					/* translators: %s: Name of current post. Only visible to screen readers */
 
+					__( 'Continue reading<span class="screen-reader-text"> "%s"</span>', 'varia' ),
 
+					array(
 
+						'span' => array(
 
+							'class' => array(),
 
+						),
 
+					)
 
+				),
 
+				get_the_title()
 
+			)
 
+		);
 
+
 
+		wp_link_pages(
 
+			array(
 
+				'before' => '<div class="page-links">' . __( 'Pages:', 'varia' ),
 
+				'after'  => '</div>',
 
+			)
 
+		);
 
+		?>
 
+	</div><!-- .entry-content -->
 
+
 
+	<footer class="entry-footer responsive-max-width">
 
+		<?php varia_entry_footer(); ?>
 
+	</footer><!-- .entry-footer -->
 
+</article><!-- #post-${ID} -->

+ 17 - 0
coutoire/template-parts/header/entry-header.php
查看文件 

@@ -0,0 +1,17 @@
 
+<?php
 
+/**
 
+ * Displays the post header
 
+ *
 
+ * @package WordPress
 
+ * @subpackage Varia
 
+ * @since 1.0.0
 
+ */
 
+?>
 
+
 
+<?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
 
+
 
+<?php if ( ! is_page() ) : ?>
 
+<div class="entry-meta">
 
+	<?php varia_entry_footer(); ?>
 
+</div><!-- .meta-info -->
 
+<?php endif; ?>

+ 32 - 0
coutoire/template-parts/header/site-branding.php
查看文件 

@@ -0,0 +1,32 @@
 
+<?php
 
+/**
 
+ * Displays header site branding
 
+ *
 
+ * @package WordPress
 
+ * @subpackage Varia
 
+ * @since 1.0.0
 
+ */
 
+?>
 
+<div class="site-branding">
 
+
 
+	<?php if ( has_custom_logo() ) : ?>
 
+		<div class="site-logo"><?php the_custom_logo(); ?></div>
 
+	<?php endif; ?>
 
+	<?php $blog_info = get_bloginfo( 'name' ); ?>
 
+	<?php if ( ! empty( $blog_info ) ) : ?>
 
+		<?php if ( is_front_page() && is_home() ) : ?>
 
+			<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
 
+		<?php else : ?>
 
+			<p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
 
+		<?php endif; ?>
 
+	<?php endif; ?>
 
+
 
+	<?php
 
+	$description = get_bloginfo( 'description', 'display' );
 
+	if ( $description || is_customize_preview() ) :
 
+		?>
 
+			<p class="site-description">
 
+				<?php echo $description; ?>
 
+			</p>
 
+	<?php endif; ?>
 
+</div><!-- .site-branding -->

Contact | Legal | Takedown | Status
Self-hosted public services - About
NibbleSpot by 0ct0pu5