{"id":13407788,"url":"https://github.com/jgthms/bulma-start","last_synced_at":"2025-04-04T15:10:48.376Z","repository":{"id":25892962,"uuid":"106818191","full_name":"jgthms/bulma-start","owner":"jgthms","description":"Start package for Bulma","archived":false,"fork":false,"pushed_at":"2023-07-03T16:06:31.000Z","size":576,"stargazers_count":277,"open_issues_count":20,"forks_count":81,"subscribers_count":13,"default_branch":"master","last_synced_at":"2025-03-28T14:09:45.121Z","etag":null,"topics":["bulma","css"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/bulma-start","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jgthms.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2017-10-13T11:52:28.000Z","updated_at":"2025-02-25T10:35:37.000Z","dependencies_parsed_at":"2024-01-18T03:48:40.045Z","dependency_job_id":null,"html_url":"https://github.com/jgthms/bulma-start","commit_stats":{"total_commits":9,"total_committers":2,"mean_commits":4.5,"dds":"0.11111111111111116","last_synced_commit":"ed1701f2a8cee9b3ab798721ce832c026d9cb16b"},"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jgthms%2Fbulma-start","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jgthms%2Fbulma-start/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jgthms%2Fbulma-start/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jgthms%2Fbulma-start/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jgthms","download_url":"https://codeload.github.com/jgthms/bulma-start/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247198463,"owners_count":20900080,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bulma","css"],"created_at":"2024-07-30T20:00:48.649Z","updated_at":"2025-04-04T15:10:48.359Z","avatar_url":"https://github.com/jgthms.png","language":"CSS","funding_links":[],"categories":["Resources","CSS"],"sub_categories":["Starters"],"readme":"# Start package for [Bulma](http://bulma.io)\n\nTiny npm package that includes the `npm` **dependencies** you need to **build your own website** with Bulma.\n\n\u003ca href=\"http://bulma.io\"\u003e\u003cimg src=\"https://raw.githubusercontent.com/jgthms/bulma-start/master/bulma-start.png\" alt=\"Bulma: a Flexbox CSS framework\" style=\"max-width:100%;\" width=\"600\" height=\"315\"\u003e\u003c/a\u003e\n\n## Install\n\n```sh\nnpm install bulma-start\n```\n_or_\n\n```sh\nyarn add bulma-start\n```\n\n## What's included\n\nThe `npm` dependencies included in `package.json` are:\n\n* \u003ccode\u003e[bulma](https://github.com/jgthms/bulma)\u003c/code\u003e\n* \u003ccode\u003e[node-sass](https://github.com/sass/node-sass)\u003c/code\u003e to compile your own Sass file\n* \u003ccode\u003e[postcss-cli](https://github.com/postcss/postcss-cli)\u003c/code\u003e and \u003ccode\u003e[autoprefixer](https://github.com/postcss/autoprefixer)\u003c/code\u003e to add support for older browsers\n* \u003ccode\u003e[babel-cli](https://babeljs.io/docs/usage/cli/)\u003c/code\u003e, \u003ccode\u003e[babel-preset-env](https://github.com/babel/babel-preset-env)\u003c/code\u003e and \u003ccode\u003e[babel-preset-es2015-ie](https://github.com/jmcriffey/babel-preset-es2015-ie)\u003c/code\u003e for compiling ES6 JavaScript files\n\nApart from `package.json`, the following files are included:\n\n* `.babelrc` configuration file for [Babel](https://babeljs.io/)\n* `.gitignore` common [Git](https://git-scm.com/) ignored files\n* `index.html` this HTML5 file\n* `_sass/main.scss` a basic SCSS file that **imports Bulma** and explains how to **customize** your styles, and compiles to `css/main.css`\n* `_javascript/main.js` an ES6 JavaScript that compiles to `lib/main.js`\n\n\n## Get your feet wet\n\nThis package is meant to provide a **good starting point** for working with Bulma.\n\nWhen installing this package with the commands above, it landed in `$HOME/node_packages/bulma-start`.\nIn order to use it as a **template** for your **project**, you might consider copying it to a better suited location:\n\n```sh\ncd $HOME/projects\ncp -a $HOME/node_modules/bulma-start my-bulma-project\n```\n\nAlternatively, you could do something similar with a GitHub clone as well.\n\n```sh\ncd $HOME/projects\ngit clone https://github.com/jgthms/bulma-start\nmv bulma-start my-bulma-project\nrm -rf my-bulma-project/.git     # cut its roots\n```\n\nNow, that you prepared the groundwork for your project, set up Bulma and run the watchers:\n\n```sh\ncd my-bulma-project\nnpm install\nnpm start\n```\n\nAs long as `npm start` is running, it will **watch** your changes. You can edit `_sass/main.scss` and `_javascript/main.js` at will. Changes are **immediately** compiled to their destinations, where `index.html` will pick them up upon reload in your browser.\n\nSome controlling output is written to the `npm start` console in that process:\n\n```sh\n_javascript/main.js -\u003e lib/main.js\n\n=\u003e changed: $HOME/projects/start-with-bulma/_sass/main.scss\nRendering Complete, saving .css file...\nWrote CSS to $HOME/projects/start-with-bulma/css/main.css\n```\n\nUse `npm run` to show all available commands:\n\n```sh\nLifecycle scripts included in bulma-start:\n  start\n    npm-run-all --parallel css-watch js-watch\n\navailable via `npm run-script`:\n  css-build\n    node-sass _sass/main.scss css/main.css\n  css-deploy\n    npm run css-build \u0026\u0026 npm run css-postcss\n  css-postcss\n    postcss --use autoprefixer --output css/main.css css/main.css\n  css-watch\n    npm run css-build -- --watch\n  deploy\n    npm run css-deploy \u0026\u0026 npm run js-build\n  js-build\n    babel _javascript --out-dir lib\n  js-watch\n    npm run js-build -- --watch\n```\n\nIf you want to learn more, follow these links: [Bulma homepage](http://bulma.io) and [Documentation](http://bulma.io/documentation/overview/start/).\n\n\n## Copyright and license\n\nCode copyright 2017 Jeremy Thomas. Code released under [the MIT license](https://github.com/jgthms/bulma-start/blob/master/LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjgthms%2Fbulma-start","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjgthms%2Fbulma-start","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjgthms%2Fbulma-start/lists"}