Publicize docs

Customizing CSS


Tooling Setup

Publicize uses npm scripts for its build system. Publicize's package.json inlcudes methods to working with publicize, including compiling SCSS, running test and more

To use our build system, follow these steps:

  1. Download and install Node.js which we use to manage publicize's depedencies
  2. Navigate to publicize-html directory and run npm install to install our local depedencies listed in package.json
  3. Install PostCSS Cli
  4. Install Clean CSS
  5. Install Browsersync

When completed, you’ll be able to run the various commands provided from the command line.

Customizing

To start Customizing CSS run npm run start and open url http://localhost:3000/ in your browser.

You can easlily change color, size etc by modifying variables inside scss/main/_variables.scss. To avoid loosing your customization, create scss/main/_variable-custom.scss and include it inside scss/main/publicize.scss and scss/main/publicize-boostrap.scss