{"id":15621810,"url":"https://github.com/chalarangelo/mocka","last_synced_at":"2025-05-16T18:09:24.648Z","repository":{"id":57300136,"uuid":"92277838","full_name":"Chalarangelo/mocka","owner":"Chalarangelo","description":"Simple, elegant content placeholder","archived":false,"fork":false,"pushed_at":"2017-05-26T11:25:31.000Z","size":48,"stargazers_count":1187,"open_issues_count":1,"forks_count":38,"subscribers_count":15,"default_branch":"master","last_synced_at":"2025-05-16T18:09:20.164Z","etag":null,"topics":["css","placeholder"],"latest_commit_sha":null,"homepage":"https://chalarangelo.github.io/mocka/","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/Chalarangelo.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-05-24T10:00:24.000Z","updated_at":"2025-04-18T11:00:35.000Z","dependencies_parsed_at":"2022-08-26T18:21:56.247Z","dependency_job_id":null,"html_url":"https://github.com/Chalarangelo/mocka","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Chalarangelo%2Fmocka","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Chalarangelo%2Fmocka/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Chalarangelo%2Fmocka/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Chalarangelo%2Fmocka/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Chalarangelo","download_url":"https://codeload.github.com/Chalarangelo/mocka/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254582907,"owners_count":22095518,"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":["css","placeholder"],"created_at":"2024-10-03T09:51:56.540Z","updated_at":"2025-05-16T18:09:24.596Z","avatar_url":"https://github.com/Chalarangelo.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# mocka\nSimple, elegant content placeholder\n\n![Mocka](/docs/demo.gif)\n\n```\nnpm install mocka-placeholder\n```\n\n## Introduction\n\nThe **mocka** placeholder is a very simple content placeholder that you can use for your website or web application, while loading your page's content. It weighs very little (about 500 bytes minified and gzipped), is fully customizable and you can easily include it in your project's CSS file, by using the Sass mixin provided. Alternatively, you can copy its code and inline it in your HTML for even faster loading.\n\n## Usage\n\nAfter loading the css, you can create a placeholder using the code provided below:\n\n```html\n\u003cdiv class=\"mocka-container\"\u003e\n  \u003cspan class=\"mocka-media\"\u003e\u003c/span\u003e\n  \u003cspan class=\"mocka-heading\"\u003e\u003c/span\u003e\n  \u003cspan class=\"mocka-text\"\u003e\u003c/span\u003e\n\u003c/div\u003e\n```\n\n## Customization\n\nDownload the npm package, add the mixin to your project, then `@import` the file and `@include` the mixin, passing a single map as an argument. The map contains all the information needed to generate the classes from the mixin. You can find the map with the default values in the [mocka.scss](https://github.com/Chalarangelo/mocka/blob/master/src/mocka/mocka.scss) file.\n\n## License\n\n**Mocka** is an open-source Sass/CSS component and is licensed under the [MIT License](https://github.com/Chalarangelo/mocka/blob/master/LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchalarangelo%2Fmocka","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchalarangelo%2Fmocka","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchalarangelo%2Fmocka/lists"}