Tyler Benton tjbenton

# commit your changes
git commit -am "Made some awesome new changes, now its even awesomer"

# tag the commit
git tag -a v0.0.2 -m "Release version 0.0.2"

# push to GitHub
git push origin master --tags

Styling native elements

Native HTML controls are a challenge to style. You can style any element in the web platform that uses Shadow DOM with a pseudo element ::pseudo-element or the /deep/ path selector.

video::webkit-media-controls-timeline {
  background-color: lime;
}

video /deep/ input[type=range] {

If you know you've already added the upstream repo then skip to step 5

cd to the working directory
List the current configured remote repository for your fork.

git remote -v
# origin  https://github.com/YOUR_USERNAME/YOUR_FORK.git (fetch)
# origin  https://github.com/YOUR_USERNAME/YOUR_FORK.git (push)

Just copy the namespaces.js and past it in the console for the site you're checking and it will log out any namespaces that are used.

	<div class="o-slider">
	<div class="o-slider__slide"></div>
	<div class="o-slider__slide"></div>
	</div>

	# update brew because `brew update` is broken after updating to El Capitan
	cd `brew --prefix`
	git fetch origin
	git reset --hard origin/master
	sudo shutdown -r now # restart the computer


	# open terminal and run the following
	brew update
	brew cleanup

	function copy(obj) {
	try {
	if (obj) selectContent(obj)
	document.execCommand('copy')
	// clears the current selection
	window.getSelection().removeAllRanges()
	} catch (err) {
	console.log(err)
	}
	}

	export async function styles() {
	await this.start([ 'stylesSite', 'stylesPages' ], { parallel: true })
	}

	export async function stylesWatch() {
	await Promise.all([
	this.watch('app/styles/*/{site,_}.scss', 'stylesSite'),
	this.watch([ 'app/styles/tools/*/_.scss', 'app/styles/pages/*/.scss' ], 'stylesPages'),
	])
	}

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<script src="./ready.js"></script>
	<script>
	document.ready.then(function() {
	console.log('READY!');
	});
	</script>