mirror of
https://github.com/jgthms/bulma
synced 2026-03-15 02:04:29 -07:00
59fb1dba28
* Add breakpoints variables in responsivness docs page * Update breakpoints list values by looping through page.breakpoints * Add link to responsiveness variables repo file * Add mixins variables in responsivness docs page * Update mixins list values by looping through page.mixins * Add link to responsiveness mixins repo file * Update responsivness demo table header * Add responsivness variables reference table * Add variables to repo files urls (dry) * Add breakpoints as jekyll data * Use responsiveness breakpoints from jekyll data * Replace breakpoints.yml with breakpoints.json and update relevant code accordingly * Update URLs to source files in responsiveness docs page
Building the documentation
The documentation HTML is produced with the Ruby-based jekyll tool.
- Make sure Ruby 2.x is installed.
gem install jekyll
Viewing the documentation locally
Then to view the documentation in your local checkout:
- Before you begin, cd into
docs/directory, andcp _config.yml _config.local.yml. Then edit_config.local.ymland change theurl:value tohttp://localhost:4000. This local config file will be ignored by git. - In a separate shell session,
cdto thedocs/directory, and do:
jekyll serve --incremental --config _config.local.yml
This will start an HTTP server at http://localhost:4000/ that serves the docs built in the _site directory; and anytime the docs are rebuilt by you, it will serve the docs site on the fly.
2. In your main shell session where you develop, if you change anything in docs/ the jekyll server will rebuild those on the fly. But if you change anything about the Bulma SASS or CSS, you need to do npm run start-docs to build the docs' CSS before you will see it in the browser. The process running jekyll serve will pick up the new CSS automatically.