/*
Theme Name: WP Theming
Theme URI: https://wptheming.com/
Description: Child theme of Mētis for wptheming.com: a writing-first home page, real navigation, and a footer for the site.
Author: Devin
Template: metis
Requires at least: 7.1
Requires PHP: 7.4
Version: 0.8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wptheming
*/

/*
 * Topics: the Categories block on the home page as a wrap of Mētis's own
 * category pills, with the post count beside each.
 */
.wptheming-topics {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
	margin: 0;
	padding: 0;
	list-style: none;
}

.wptheming-topics li {
	margin: 0;
	color: var(--wp--preset--color--theme-3);
	font-size: var(--wp--preset--font-size--small);
}

/*
 * Code samples. Most tutorials are classic posts whose code is plain
 * <pre class="wp-block-code"> HTML, not Code blocks, so core never prints
 * Mētis's per-block Code styles for them. These rules apply everywhere.
 */
.wp-block-code {
	overflow-x: auto;
	padding: var(--wp--preset--spacing--40);
	border: 1px solid var(--wp--preset--color--theme-4);
	border-radius: 12px;
	background: var(--wp--preset--color--theme-6);
	color: var(--wp--preset--color--theme-2);
	font-family: var(--wp--preset--font-family--recursive-mono), monospace;
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.6;
	tab-size: 4;
}

.wp-block-code code {
	font-family: inherit;
	white-space: pre;
}

/*
 * Old posts and comments are full of bare URLs and inline code that can't
 * wrap, which pushes phones into sideways scrolling. Let them break.
 */
.wp-block-post-content,
.wp-block-comment-content {
	overflow-wrap: anywhere;
}