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 git@github.com:blockchain/brand-assets.gitcd brand-assetsgit checkout origin/cssgit checkout -b css-change
Install dependencies and link to npm globals
npm installnpm 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-Frontendnpm 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' }]