{"id":16251178,"url":"https://github.com/samline/shido","last_synced_at":"2025-10-29T22:50:13.658Z","repository":{"id":32439272,"uuid":"73501263","full_name":"samline/shido","owner":"samline","description":"Build interfaces quickly with a lightweight, flexible, and friendly CSS framework designed to be quick and easy without forcing you to overwrite styles or components. Your design, your rules.","archived":false,"fork":false,"pushed_at":"2023-01-06T02:17:49.000Z","size":5406,"stargazers_count":14,"open_issues_count":16,"forks_count":1,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-06-17T21:54:23.587Z","etag":null,"topics":["artisan","css","css-framework","css-modules","front-end","frontend","functional-css","grid","grid-layout","grid-system","helpers-library","less","less-mixins","mixins","postcss","responsive","sass","shido","ui","utility-classes"],"latest_commit_sha":null,"homepage":"https://samline.github.io/shido/","language":"SCSS","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/samline.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"license","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null},"funding":{"github":"samline","custom":"https://paypal.me/jsamline"}},"created_at":"2016-11-11T18:24:18.000Z","updated_at":"2023-12-07T19:52:22.000Z","dependencies_parsed_at":"2023-01-14T21:15:20.635Z","dependency_job_id":null,"html_url":"https://github.com/samline/shido","commit_stats":null,"previous_names":[],"tags_count":12,"template":false,"template_full_name":null,"purl":"pkg:github/samline/shido","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/samline%2Fshido","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/samline%2Fshido/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/samline%2Fshido/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/samline%2Fshido/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/samline","download_url":"https://codeload.github.com/samline/shido/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/samline%2Fshido/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261282324,"owners_count":23134939,"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":["artisan","css","css-framework","css-modules","front-end","frontend","functional-css","grid","grid-layout","grid-system","helpers-library","less","less-mixins","mixins","postcss","responsive","sass","shido","ui","utility-classes"],"created_at":"2024-10-10T15:09:12.989Z","updated_at":"2025-10-29T22:50:08.605Z","avatar_url":"https://github.com/samline.png","language":"SCSS","funding_links":["https://github.com/sponsors/samline","https://paypal.me/jsamline"],"categories":[],"sub_categories":[],"readme":"[![image](https://github.com/samline/shido/raw/master/shido-share.png)](\u003chttps://samline.github.io/shido\u003e)\n\n## What is Shido?\nBuild fast with Shido, a CSS framework for building custom designs without any annoying style or component you have to fight to override.\n\nShido is different from others css frameworks, it doesn't have preloaded UI kits. Provide only what is necessary to design your web pages, like margins, font sizes, positioning, colors, helpers, that kind of thing. \n\nIt is up to you to use Shido to create your own components, this provides immense freedom where others only restrict what you create.\n\n## Docs\n\u003chttps://samline.github.io/shido\u003e\n\n## Getting started\n\n### Install via npm or yarn\nTo take advantage of the customization features, the best way to install Shido is via npm or yarn, this installation method guarantees a trouble-free use with bundlers like Webpack.\n\n```bash\nnpm i shido --save\n```\n```bash\nyarn add shido\n```\n\n### Install via CDN\nBefore using CDN compilation, keep in mind that the customization of variables are not available without incorporating Shido in your build process. I recommend downloading the file and placing it in your projects directory for offline use or otherwise.\n\n```html\n\u003clink href=\"https://unpkg.com/shido@^3.1.1/dist/css/shido.min.css\" rel=\"stylesheet\"\u003e\n```\n\n```html\n\u003clink href=\"https://cdn.jsdelivr.net/npm/shido@^3.1.1/dist/css/shido.min.css\" rel=\"stylesheet\"\u003e\n```\n\n### Add shido to your project\nIf you're install via npm or yarn and using `postcss-import` or a tool that uses it such as Webpack or Gulp, you can use `@import` to add Shido directly to your build process.\n\n```less\n// Less\n@import \"~shido/src/less/shido\";\n```\n\n```scss\n// Sass\n@import \"~shido/src/sass/shido\";\n```\n\n## License\nReleased under the MIT License\n\nCopyright © 2013-2020 Samuel Olvera\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsamline%2Fshido","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsamline%2Fshido","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsamline%2Fshido/lists"}