bobbygrace

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?

joladev

CUSTOM_CSS_PATH="/Users/$(whoami)/Library/Application Support/Google/Chrome/Default/User StyleSheets/Custom.css"
CUSTOM_CSS="body { -webkit-transform: rotate(180deg); }"

if [ "$1" = "--undo" ] 
  then
    mv "$CUSTOM_CSS_PATH.backup" "$CUSTOM_CSS_PATH"
  else
    cp "$CUSTOM_CSS_PATH" "$CUSTOM_CSS_PATH.backup"
    echo $CUSTOM_CSS >> "$CUSTOM_CSS_PATH"
fi

joladev

function april {
  param([Switch] $Undo)
   
  $customCssPath = "C:/Users/$env:username/AppData/Local/Google/Chrome/User Data/Default/User StyleSheets/Custom.css"
  $customCss = "body { -webkit-transform: rotate(180deg); }"
   
  if ($Undo)
  {
    copy "$customCssPath.backup" $customCssPath
  }

hzlzh

<snippet>
    <!-- put this file in /packages/User/<Folder Name>/console_log.sublime-snippet then restart your Sublime Text 2 -->
    <content><![CDATA[console.log($1);$0]]></content>
    <tabTrigger>conl</tabTrigger>
    <scope>text.html,source.js</scope>
    <description>console.log()</description>
</snippet>

<snippet>
    <!-- put this in another file /packages/User/<Folder Name>/console_dir.sublime-snippet then restart your Sublime Text 2 -->