Shameen shameen

Hello, visitors! If you want an updated version of this styleguide in repo form with tons of real-life examples… check out Trellisheets! https://github.com/trello/trellisheets

Trello CSS Guide

“I perfectly understand our CSS. I never have any issues with cascading rules. I never have to use !important or inline styles. Even though somebody else wrote this bit of CSS, I know exactly how it works and how to extend it. Fixes are easy! I have a hard time breaking our CSS. I know exactly where to put new CSS. We use all of our CSS and it’s pretty small overall. When I delete a template, I know the exact corresponding CSS file and I can delete it all at once. Nothing gets left behind.”

You often hear updog saying stuff like this. Who’s updog? Not much, who is up with you?

	//This will make a desktop notification EVERY TIME the inspected element $0 changes text.
	//in Google Chrome, $0 is the current element inspected in the dev tools.
	var initialElem = $0;
	var initialText = initialElem.innerText;
	var initialVisibility = isVisible(initialElem);
	function isVisible(elem) { return !(elem.offsetWidth === 0 && elem.offsetHeight === 0) }
	Notification.requestPermission();
	clearInterval(x);
	var x = setInterval(() => {
	var newText = initialElem.innerText;