Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/do-community/do-bulma

Customized Bulma styling for DigitalOcean Community tools.
https://github.com/do-community/do-bulma

bulma bulma-css bulma-scss bulmacss digitalocean digitalocean-community-tools hacktoberfest scss

Last synced: 4 days ago
JSON representation

Customized Bulma styling for DigitalOcean Community tools.

Awesome Lists containing this project

README

        

# Community Bulma Styles

Customized Bulma styling for DigitalOcean Community tools.

---

## Development/Building

To setup the build/develop environment, you will need to having Node.js installed (matching the version specified in
`.nvmrc`), and then run `npm ci` to install dependencies (this will respect the lockfile).

We make use of `sass-lint` to maintain code quality in the SCSS files.
To run this you can use `npm test`.

A demo project is included in the `demo` directory, which helps ensure the styles are working as expected.
This can be run with `demo:dev` to start a server with hot reloading, or `demo:build` to build the demo project.

## Usage Example

This styling package is being used in the [DigitalOcean Community DNS tools](https://github.com/do-community/dns-tool),
which act as a great example of what customisations this package provide on top of Bulma, and how it integrates
seamlessly into the DigitalOcean Community website.

## Source Structure

### [`src/components`](./src/components)

This directory contains all the styling components that are available within `.do-bulma`.

### [`src/globals`](./src/globals)

This directory contains all the styling that is applied to the whole page.

## Contributing

If you are contributing, please read the [contributing file](CONTRIBUTING.md) before submitting your pull requests.