Darcy Murphy mrDarcyMurphy

CSS Layer Cake

A layered strategy to managing massive amounts of CSS across a massive amount of projects.

Structural Foundation
App Foundation
UI Foundation
Aesthetics

I needed a way to clear out a model and all of it's children, and its children's children. I simply extended ampersand-model and overrode its clear method to do so. Now I just create all my models from it to ensure they get cleared all the way down.

Keybase proof

I hereby claim:

I am mrdarcymurphy on github.
I am mrdarcymurphy (https://keybase.io/mrdarcymurphy) on keybase.
I have a public key ASBmTQgh1INZVLiQPZxFM0ZPwHiAUD9KuX1uIpSHx_mmyQo

To claim this, I am signing this object:

	<!DOCTYPE html>
	<html lang="en-us">
	<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
	<title>OOCSS Inspired Responsive Framework</title>
	<link rel="stylesheet" href="./structure.css" />
	</head>
	<body>

	var global = this

	// Terminal Colors

	// FG
	// \033[30m black
	// \033[31m red
	// \033[32m green
	// \033[33m yellow
	// \033[34m blue

	{
	"bitwise": false,
	"camelcase": true,
	"curly": false,
	"eqeqeq": false,
	"es3": false,
	"forin": true,
	"freeze": true,
	"immed": true,
	"indent": 2,

	{
	/* Basic Logs */
	"🌲 Log - Log": {
	"scope": "javascript,javascriptreact,typescript,typescriptreact",
	"prefix": "logLog",
	"body": "console.log(`🌲 $1`)"
	},
	"ℹ️ Log - Info": {
	"scope": "javascript,javascriptreact,typescript,typescriptreact",
	"prefix": "infoLog",

	Car&*

	Engine*
	EngineOff*
	insert KEY -> EngineOff
	turn KEY -> EngineOn
	EngineOn
	turn KEY -> EngineOff

	Key?*

	Car*&

	insert KEY -> EngineOff

	Engine*
	EngineOff*
	turn KEY -> EngineOn
	EngineOn
	turn KEY -> EngineOff

	Root?
	loaded -> SignedUp?
	SignedUp?
	signed up? -> Confirmed
	not signed up? -> Sign Up
	Sign Up
	submit -> Confirmed
	Confirmed