ericduran / dotcss-ish

Simple system to manage small css changes around the internet.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

dotCss-ish (sort of)

❗❗DOES NOT WORK AS OF CHROME 32 SEE https://stackoverflow.com/a/21210882❗❗

Simple system to manage small css changes around the internet.

I like the idea of dotCss (and dotJs) I just don't think you should run a server just to serve css files :-/.

This works with Chrome Default Styles sheets and a tiny extension. The chrome exention just gives the website a class we can target. You can read more about the extension over at dotcss-ish

  1. Pull this repo into .css
  • git clone git@github.com:ericduran/dotcss-ish.git ~/.css
  1. Symlink your chrome Default styles directory to ~/.css
  • ln -s ~/Library/Application\ Support/Google/Chrome/Default/User\ StyleSheets ~/.css
  1. compass compile
  2. Install dotcss-ish chrome extension.
  • Visit chrome://extensions/
  • Drag dotcss-ish.crx into the page.

The chrome extention just adds the hostname of the site as a class to you document. Except it replaces "." with "-".

Chaging the web

/* Use the hostname as a class */

.mycloud-pointhq-com {
  .free {
    display: none;
  }
}

The last step is running compass compile. To update your actual Custom.css file.

About

Simple system to manage small css changes around the internet.


Languages

Language:JavaScript 50.4%Language:CSS 27.7%Language:Ruby 21.9%