beenull/themes-wordpress
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Coutoire: Adding template file overides and cleaning up styles

Browse source
This commit is contained in:
Allan Cole 2019-08-01 19:04:25 -04:00
parent da06730222
commit b351681ac7
15 changed files with 1549 additions and 446 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
coutoire/functions.php
View file

@ -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
coutoire/header.php Executable file
View file

@ -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
coutoire/js/header-spacing.js Normal file
View file

@ -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();
})();

46
coutoire/sass/_config-child-theme-deep.scss
View file

@ -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"),
),

274
coutoire/sass/_extra-child-theme.scss
View file

@ -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,
/**
* 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;
}
.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 {
text-align: center;
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;
}
.main-navigation > div {
text-align: left;
.entry-meta,
.entry-footer {
text-transform: uppercase;
font-weight: 500;
letter-spacing: .1em;
& > span {
display: inline;
}
a {
text-decoration-color: currentColor;
}
}
.comment-reply-title {
display: inherit;
.nav-links .meta-nav {
text-transform: uppercase;
font-weight: 500;
letter-spacing: .1em;
}
.comment .comment-reply-title {
display: flex;
.post-navigation .post-title {
font-weight: 300;
}
.main-navigation > div > ul,
.social-navigation > div > ul,
.pagination .nav-links {
justify-content: center;
.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: $color_primary;
}
/**
* 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) {
}

121
coutoire/style-editor.css
View file

@ -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;
}
/**

533
coutoire/style-rtl.css
View file

File diff suppressed because it is too large Load diff

533
coutoire/style.css
View file

File diff suppressed because it is too large Load diff

33
coutoire/template-parts/content/content-excerpt.php Executable file
View file

@ -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
coutoire/template-parts/content/content-none.php Executable file
View file

@ -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
coutoire/template-parts/content/content-page.php Executable file
View file

@ -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
coutoire/template-parts/content/content-single.php Executable file
View file

@ -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
coutoire/template-parts/content/content.php Executable file
View file

@ -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
coutoire/template-parts/header/entry-header.php Executable file
View file

@ -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
coutoire/template-parts/header/site-branding.php Normal file
View file

@ -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 -->