keithdevon

<?php
/**
 * This function appends a grid overlay div to the body depending on the environment.
 *
 */
function tgf_add_grid_overlay_debugging_helper() {

	if ( WP_LOCAL ) {

		// echo the script

keithdevon

/*
* Layout debugging display
*/
body {
	&.env--local {

		.grid-overlay {
			display: none;
			position: fixed;
			z-index: 99999999;

keithdevon

:root {
	--gutter: 32px;
}    

@media screen and (min-width: 782px) {

	/* For the '25's' in the 25 / 50 / 25 variation */
	.wp-block-column[style='flex-basis:25%'] {

		flex-basis: calc(var(--gutter) * 2) !important;