{"id":13409171,"url":"https://github.com/kaangokdemir/bulma-spacing","last_synced_at":"2025-04-16T16:31:40.050Z","repository":{"id":40314353,"uuid":"242420962","full_name":"kaangokdemir/bulma-spacing","owner":"kaangokdemir","description":"Missing spacing classes for Bulma ecosystem","archived":false,"fork":false,"pushed_at":"2023-12-15T14:11:18.000Z","size":394,"stargazers_count":19,"open_issues_count":5,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-10T18:36:57.972Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"SCSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/kaangokdemir.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-02-22T22:31:36.000Z","updated_at":"2023-01-22T07:25:02.000Z","dependencies_parsed_at":"2024-10-30T03:23:41.356Z","dependency_job_id":null,"html_url":"https://github.com/kaangokdemir/bulma-spacing","commit_stats":{"total_commits":34,"total_committers":2,"mean_commits":17.0,"dds":0.2941176470588235,"last_synced_commit":"2920db16744e02bc4afe0e68e4d3c244bdefc26e"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kaangokdemir%2Fbulma-spacing","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kaangokdemir%2Fbulma-spacing/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kaangokdemir%2Fbulma-spacing/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kaangokdemir%2Fbulma-spacing/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kaangokdemir","download_url":"https://codeload.github.com/kaangokdemir/bulma-spacing/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249259146,"owners_count":21239422,"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":[],"created_at":"2024-07-30T20:00:58.511Z","updated_at":"2025-04-16T16:31:39.753Z","avatar_url":"https://github.com/kaangokdemir.png","language":"SCSS","funding_links":[],"categories":["Extensions"],"sub_categories":["Courses"],"readme":"# Bulma Spacing\n\n\n\u003e Missing Bulma spacing library without JavaScript dependency for pixel perfect designs. You can use library with or without Bulma \n\n[![NPM](https://nodei.co/npm/bulma-spacing.png?stars\u0026downloads)](https://nodei.co/npm/bulma-spacing/)\n\n[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT) [![npm package](https://img.shields.io/npm/v/bulma-spacing.svg)](https://www.npmjs.org/package/bulma-spacing) [![downloads](https://img.shields.io/npm/dt/bulma-spacing.svg)](https://www.npmjs.com/package/bulma-spacing) [![size](https://img.shields.io/bundlephobia/minzip/bulma-spacing)](https://www.npmjs.com/package/bulma-spacing)\n\n\u003ca href=\"https://bulma.io\"\u003e\u003cimg src=\"https://raw.githubusercontent.com/jgthms/bulma/master/docs/images/bulma-banner.png\" alt=\"Bulma: a Flexbox CSS framework\" style=\"max-width:100%;\" width=\"600\"\u003e\u003c/a\u003e\n\u003ca href=\"https://github.com/kaangokdemir/bulma-spacing\"\u003e\u003cimg src=\"https://bulma.io/images/extensions/bulma-spacing.png\" alt=\"Bulma Spacing\" style=\"max-width:100%;\" width=\"600\"\u003e\u003c/a\u003e\n\n\u003e Note: Bulma released missing spacing helpers with version [0.9.0.](https://bulma.io/documentation/helpers/spacing-helpers/) (June 2020) If your project is using Bulma and if you think generic classes should be enough, it is suggested to use official spacing classes. However you may still consider to use this library with pixel perfect needed designs, with your pre 0.9.0 Bulma projects or with non-Bulma projects as well. (since this is a zero dependency package). \n\n## Installation and Usage\n\n### With JavaScript (Recommended)\n\n#### Install Module First\n\n```bash\n# Yarn\nyarn add bulma-spacing\n```\n```bash\n# NPM\nnpm i bulma-spacing\n```\n#### Then just import in your .js file\n\n```javascript\nimport 'bulma-spacing'\n```\n\n\n### Without JavaScript\n\n#### Add that line at the end of your head element on your HTML file\n\n```html\n\u003clink rel=\"stylesheet\" href=\"https://unpkg.com/bulma-spacing\"\u003e\n```\n\n## How to use\n\n### Keywords\n```css\nproperties: margin padding\ndirections: top, right, bottom, left\nvalues(px): -100, -99, -98 ... -1 0 1 2 3 ... 98 99 100 (-100 to 100)\n```\n\n### For positive numbers\n\n```css\n.has-{property}-{direction}-{value}\n```\n```\n.has-margin-top-24 // margin-top: 24px !important\n.has-padding-right-6 // padding-right: 6px !important\n.has-margin-left-0 // margin-left: 0px !important\n```\n### For negative numbers\n\n```css\n.has-{property}-{direction}-minus-{value}\n```\n**Note:** Negative padding is not supported by CSS\n```\n.has-margin-top-minus-100 // margin-top: -100px !important\n.has-margin-bottom-minus-17 // margin-bottom: -17px !important\n.has-margin-right-minus-33 // margin-right: -33px !important\n```\n\n\n## Contributing\n\n1. Fork it!\n2. Create your feature branch: `git checkout -b my-new-feature`\n3. Commit your changes: `git commit -am 'Add some feature'`\n4. Push to the branch: `git push origin my-new-feature`\n5. Submit a pull request\n\n### Contributors\n\nKaan Gökdemir - Maintainer ([@kaangokdemir](https://twitter.com/kaangokdemir)) - [kaangokdemir.com](https://kaangokdemir.com) \n\n### Changelog\n\nSee the [CHANGELOG.md](https://github.com/kaangokdemir/bulma-spacing/blob/master/CHANGELOG.md) file\n\n### License\n\nMIT\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkaangokdemir%2Fbulma-spacing","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkaangokdemir%2Fbulma-spacing","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkaangokdemir%2Fbulma-spacing/lists"}