functions.php

<?php
/**
 * Patch Child functions and definitions
 *
 * Bellow you will find several ways to tackle the enqueue of static resources/files
 * It depends on the amount of customization you want to do
 * If you either wish to simply overwrite/add some CSS rules or JS code
 * Or if you want to replace certain files from the parent with your own (like style.css or main.js)
 *
 * @package PatchChild
 */




/**
 * Setup Patch Child Theme's textdomain.
 *
 * Declare textdomain for this child theme.
 * Translations can be filed in the /languages/ directory.
 */
function patch_child_theme_setup() {
	load_child_theme_textdomain( 'patch-child-theme', get_stylesheet_directory() . '/languages' );
}
add_action( 'after_setup_theme', 'patch_child_theme_setup' );





/**
 * 
 * 1. Add a Child Theme "style.css" file
 * ----------------------------------------------------------------------------
 * 
 * If you want to add static resources files from the child theme, use the
 * example function written below.
 * 
 */

function patch_child_enqueue_styles() {

	$theme = wp_get_theme();
	// use the parent version for cachebusting
	$parent = $theme->parent();

	if ( !is_rtl() ) {
		wp_enqueue_style( 'patch-style', get_template_directory_uri() . '/style.css', array(), $parent->get( 'Version' ) );
	} else {
		wp_enqueue_style( 'patch-style', get_template_directory_uri() . '/rtl.css', array(), $parent->get( 'Version' ) );
	}
	// Here we are adding the child style.css while still retaining
	// all of the parents assets (style.css, JS files, etc)
	wp_enqueue_style( 'patch-child-style',
		get_stylesheet_directory_uri() . '/style.css',
		array('patch-style') //make sure the the child's style.css comes after the parents so you can overwrite rules
	);

}

add_action( 'wp_enqueue_scripts', 'patch_child_enqueue_styles' );





/**
 * 
 * 2. Overwrite Static Resources (eg. style.css or main.js)
 * ----------------------------------------------------------------------------
 * 
 * If you want to overwrite static resources files from the parent theme 
 * and use only the ones from the Child Theme, this is the way to do it.
 * 
 */


/*

function patch_child_overwrite_files() {
	
	// 1. The "main.js" file
	//
	// Let's assume you want to completely overwrite the "main.js" file from the parent
	
	// First you will have to make sure the parent's file is not loaded
	// See the parent's function.php -> the patch_scripts_styles() function
	// for details like resources names
	//
	// Remember that the rest of the static resources will still get loaded like 
	// patch-imagesloaded, patch-hoverintent and patch-velocity

		wp_dequeue_script( 'patch-scripts' );
	

	// We will add the main.js from the child theme (located in assets/js/main.js) 
	// with the same dependecies as the main.js in the parent
	// This is not required, but I assume you are not modifying that much :)

		wp_enqueue_script( 'patch-child-scripts',
			get_stylesheet_directory_uri() . '/assets/js/main.js',
			array( 'jquery', 'masonry', 'patch-imagesloaded', 'patch-hoverintent', 'patch-velocity' ),
			'1.0.0', true );



	// 2. The "style.css" file
	//
	// First, remove the parent style files
	// see the parent's function.php -> the patch_scripts_styles() function for details like resources names
	
		wp_dequeue_style( 'patch-style' );


	// Now you can add your own, modified version of the "style.css" file

		wp_enqueue_style( 'patch-child-style',
			get_stylesheet_directory_uri() . '/style.css',
			array('patch-font-awesome-style') //use the same dependencies as the parent because we want to still use FontAwesome icons
		);
}

// Load the files from the function mentioned above:

	add_action( 'wp_enqueue_scripts', 'patch_child_overwrite_files', 11 );

// Notes:
// The 11 priority parameter is need so we do this after the function in the parent so there is something to dequeue
// The default priority of any action is 10

*/