planswell / bulma

Modern CSS framework based on Flexbox

Home Page:http://bulma.io

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Editing the styles locally

Prerequisites

Ruby

The documentation HTML is produced with the Ruby-based jekyll tool.

Make sure Ruby 2.x is installed.

NodeJS

The Sass compiler uses NodeJS.

Make sure NodeJS is installed.

AWS command line tools (only for HTML changes)

Our style guide is hosted on AWS so we need tools to push code there. You will need to get AWS credentials and authenticate your command tools.

First time

  1. Clone the repo
git clone git@github.com:planswell/bulma.git styleguide
cd styleguide
npm install
gem install jekyll

Every time

  1. In a terminal
npm run start-docs
  1. In another terminal,
cd docs
jekyll serve --incremental --config _config.local.yml --port 4010
  1. Open a browser to
http://localhost:4010
  1. Now open an editor and edit
docs/_sass/planswell.scss

Save the files, refresh the browser, and you should see the changes.

Publish changes once done

  1. Push to git
git commit -am "<describe changes>"
git push origin master
  1. Push to AWS (might not be needed unless HTML is changed)
cd docs
jekyll build
aws s3 sync ./_site s3://styleguide.planswell.ca

About

Modern CSS framework based on Flexbox

http://bulma.io

License:MIT License


Languages

Language:CSS 99.8%Language:HTML 0.2%