{"id":19762553,"url":"https://github.com/msmadeira/bulma-utilities","last_synced_at":"2025-04-30T14:30:51.379Z","repository":{"id":57149365,"uuid":"110116504","full_name":"msmadeira/bulma-utilities","owner":"msmadeira","description":"Bulma’s extension to add utility classes","archived":false,"fork":false,"pushed_at":"2019-02-13T02:29:25.000Z","size":43,"stargazers_count":35,"open_issues_count":0,"forks_count":8,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-04-06T02:34:09.482Z","etag":null,"topics":["bulma-css-framework","bulma-extension","css","sass","utility-classes"],"latest_commit_sha":null,"homepage":"","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/msmadeira.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}},"created_at":"2017-11-09T13:07:15.000Z","updated_at":"2022-02-05T02:28:15.000Z","dependencies_parsed_at":"2022-08-31T23:51:38.665Z","dependency_job_id":null,"html_url":"https://github.com/msmadeira/bulma-utilities","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/msmadeira%2Fbulma-utilities","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/msmadeira%2Fbulma-utilities/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/msmadeira%2Fbulma-utilities/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/msmadeira%2Fbulma-utilities/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/msmadeira","download_url":"https://codeload.github.com/msmadeira/bulma-utilities/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251721380,"owners_count":21632827,"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-framework","bulma-extension","css","sass","utility-classes"],"created_at":"2024-11-12T04:05:05.211Z","updated_at":"2025-04-30T14:30:51.132Z","avatar_url":"https://github.com/msmadeira.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Bulma Utilities\n\nBulma Utilities is a \u003ca target='_blank' href='https://github.com/jgthms/bulma'\u003eBulma Framework\u003c/a\u003e extension that add tons of utility classes.\n\n## Installation\n\n### NPM\n```sh\nnpm install bulma-utilities\n```\nIf you have custom Bulma variables,  you can import bulma-utilities.sass after your variables file and it will use your custom $sizes and $colors lists.\n\n## Documentation\n\n### Utility Classes\n\n#### Chart legend:\u003cbr\u003e {x} - is a number that represents the position in $sizes (Bulma's derived variable) array (Example: has-margin-3)\u003cbr\u003e{d} - is a letter that represents the direction, b stands for bottom, l for left, r for right and t for top (b, l, r, t, bl, br, bt, lr, lt, rt, blr, blt, brt, lrt) (Example: has-margin-b-3)\u003cbr\u003e{c} - is the color used in the class (Example: has-bg-primary)\n\n| Class                                                 | Description                                            |\n|-------------------------------------------------------|--------------------------------------------------------|\n| has-margin-{x}                                        | Adds margin to element                                 |\n| has-margin-{d}-{x}                                    | Adds margin to element in respective direction         |\n| has-padding-{x}                                       | Adds padding to element                                |\n| has-padding-{d}-{x}                                   | Adds padding to element in respective direction        |\n| is-paddingless-{d}                                    | Removes padding in respective direction                |\n| is-marginless-{d}                                     | Removes margin in respective direction                 |\n| has-bg-{c}                                            | Changes background color to respective color           |\n| is-clickable                                          | Changes cursor to pointer                              |\n| is-zoom-in                                            | Changes cursor to zoom-in                              |\n| is-zoom-out                                           | Changes cursor to zoom-out                             |\n| is-cell                                               | Changes cursor to cell                                 |\n| is-not-allowed                                        | Changes cursor to not-allowed                          |\n| can-move                                              | Changes cursor to move                                 |\n| is-waiting                                            | Changes cursor to wait                                 |\n| has-margin-x-auto                                     | Adds 'margin: 0 auto' to element                       |\n| hide-overflow                                         | Hides overflow                                         |\n| hide-overflow-x                                       | Hides horizontal overflow                              |\n| hide-overflow-y                                       | Hides vertical overflow                                |\n| has-position-absolute                                 | Adds position absolute to element                      |\n| has-position-relative                                 | Adds position relative to element                      |\n| has-position-fixed                                    | Adds position fixed to element                         |\n| has-flex-center-items                                 | Adds display flex and align-items center               |\n| has-flex-start-items                                  | Adds display flex and align-items flex-start           |\n| has-flex-end-items                                    | Adds display flex and align-items flex-end             |\n| has-border-dashed                                     | Adds 'dashed' style to border                          |\n| has-border-dotted                                     | Adds 'dotted' style to border                          |\n| has-border-double                                     | Adds 'double' style to border                          |\n| has-border-hidden                                     | Adds 'hidden' style to border                          |\n| has-border-solid                                      | Adds 'solid' style to border                           |\n| is-circle                                             | Makes element circular adding border-radius: 60px      |\n| unbreakable-text                                      | Makes text don't break lines                           |\n| has-text-underlined                                   | Adds 'text-decoration: underline' to element           |\n\n## Copyright and license\n\nCode copyright 2019 Matheus Madeira. Code released under [the MIT license](https://github.com/msmadeira/bulma-utilities/blob/master/LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmsmadeira%2Fbulma-utilities","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmsmadeira%2Fbulma-utilities","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmsmadeira%2Fbulma-utilities/lists"}