Eddie Givens egivensjr

The search for a Regex to match BEM CSS class-names

TL;DR

Use this regular expression to match BEM class-names:

^\.[a-z]([a-z0-9-]+)?(__([a-z0-9]+-?)+)?(--([a-z0-9]+-?)+){0,2}$

Watch CSS setup with node-sass and nodemon

npm install --save-dev node-sass nodemon

Add the following scripts to package.json

Build CSS

"build-css": "node-sass -o css css"

Set up remotes

setup local repo

mkdir myrepository
cd myrepository
git init

add bitbucket remote as "origin"

How to set up Gulp with a Craft CMS project

I freaking love working with technologies like Gulp, and wanted to share how to get my current Craft front-end workflow set up. With a few tweaks, this can also be used with virtually any other sites (I've used it with Laravel, static sites, ExpressionEngine, etc).

Project Directory Structure

project root/
- craft/
  - templates/
(your craft template files)

	# I'll be doing another one for Linux, but this one will give you
	# a pop up notification and sound alert (using the built-in sounds for macOS)

	# Requires https://github.com/caarlos0/timer to be installed

	# Mac setup for pomo
	alias work="timer 60m && terminal-notifier -message 'Pomodoro'\
	-title 'Work Timer is up! Take a Break 😊'\
	-appIcon '~/Pictures/pumpkin.png'\
	-sound Crystal"

	const PRINT_HEADER = "Generating export...";
	const PRINT_OPTS = {
	'size': 0,
	'fzr': false,
	'portrait': false,
	'fitw': true,
	'gridlines': false,
	'printtitle': false,
	'sheetnames': false,
	'pagenum': 'CENTER',