Blockchain.info CSS

Global CSS Shared between all the blockchain.info web projects (.info, .com, /wallet, etc...).

Develop

Clone the brand-assets repo and checkout a branch off origin/css

git clone [email protected]:blockchain/brand-assets.git
cd brand-assets
git checkout origin/css
git checkout -b css-change

Install dependencies and link to npm globals

npm install
npm link

Head over to your other project and use the blockchain-css project. If you're working on My-Wallet-V3-Frontend for example

cd ../My-Wallet-V3-Frontend
npm link blockchain-css

Grunt or Gulp, depending on the project, should be set up to watch changes made in your brand-assets directory now.

Projects

Link to the blockchain-css project like so in your project.scss file:

@import 'blockchain-css/sass/bootstrap-blockchain';
@import 'blockchain-css/sass/fonts';
@import 'blockchain-css/sass/utilities/colors';
...

Make sure your project has it's own build tool to handle compiling the CSS.

sass:
  options:
    includePaths: ["node_modules", "bower_components"]
  build:
    files: [{
      expand: true,
      cwd: 'css',
      src: ['**/*.scss'],
      dest: 'build/css',
      ext: '.css'
    }]