Brian Steele briansteeleca

##IMPORTANT: This example uses gutter-position: inside

##Example: nth-of-type(an+b) nth-of-type(3n+1)

In that expression, the number b represents the ordinal position of the first element that we want to match, and the number a represents the ordinal number of every element we want to match after that. So our example expression, 3n+1 will match the first element, and every third element after that.

For IE8 see: http://stackoverflow.com/questions/8492121/ie8-nth-child-and-before

	[
	{
	"key": "group_636145701ece0",
	"title": "Experience-Skill Relationship",
	"fields": [
	{
	"key": "field_636148bd139e0",
	"label": "Experience Skill Relationship",
	"name": "experience-skill-relationship",
	"aria-label": "",

	/* (Bricks adds this – it's NOT overridden by Codebase) */
	/* headings */
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
	text-rendering: optimizeLegibility;
	margin: 0;

	<p>In HTML, <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Block-level_elements">block-level elements</a> such as headers, paragraphs, and DIVs, occupy 100% of the width of their parent element. Their height depends on how much content they have inside.</p>
	<h2 id="headings" tabindex="-1">Headings</h2>
	<p>Heading font weights have been set to <code>normal</code> (default). You can override this for all headings in the SCSS default variables, or add a bold weight yourself on a per-heading or per-word basis, for emphasis.</p>
	<p>Same as with paragraphs, headings have zero top margin while the bottom margin is set as equal to 3 <a href="/codebase-5/docs/1-getting-started/element-grid">element grid</a> units, or <em>one line-height of the default text size</em> (1.5rem) – thereby leaving an “empty line” gap between paragraphs and headings.</p>
	<p>Heading sizes, weights and line heights are set using three SCSS maps in the default variables file – you can control the rhythm of each from there.</p>
	<p>B

	add_filter('wp_grid_builder_map/marker_content',
	function( $content, $marker ) {
	ob_start();
	$url = wp_get_attachment_url( get_post_thumbnail_id() );
	$excerpt = get_the_excerpt();
	if ( $url ) {
	echo '<div class="wpgb-map-marker-img">';
	echo '<div style="background-image:url(' . esc_url( $url ) . ');"></div>';
	echo '</div>';
	}

	<script>
	import Nav from '../components/Nav.svelte';

	export let segment;
	</script>

	<Nav {segment}/>

	<main>
	<slot></slot>

	<div class="shopify-section">
	<div class="list-collections-template" data-section-id="" data-section-type="list-collections-template">
	<div class="page-width">

	<div class="grid text-center">
	<div class="grid__item medium-up--ten-twelfths medium-up--push-one-twelfth">
	<header class="section-header text-center">
	<h1 class="section-header__title h2">{{ page.title }}</h1>
	</header>
	<div class="rte">

	# This tag ensures the rewrite module is loaded
	<IfModule mod_rewrite.c>
	# enable the rewrite engine
	RewriteEngine On
	# Set your root directory
	RewriteBase /

	# remove the .html extension
	RewriteCond %{THE_REQUEST} ^GET\ (.*)\.html\ HTTP
	RewriteRule (.*)\.html$ $1 [R=301]

	// http://stackoverflow.com/questions/1218118/overriding-a-function-within-the-jquery-validation-plugin
	$("form#user-register").validate({
	// focus will normally go to the last error
	// but this will make it go to the first!
	invalidHandler: function(form, validator){
	$(validator.invalidElements()[0]).focus();
	},
	focusInvalid:false
	});

	<?php
	$args = [
	// Location pickable in Customizer
	'theme_location' => 'main-menu',
	// Assigns a default menu to location
	'menu' => 'Main Menu',
	// Main wrapper around the ul of posts
	'container' => 'div',
	'container_class' => 'container-class',
	'container_id' => 'container-id',