{"id":19382618,"url":"https://github.com/prosazhin/pbstyles","last_synced_at":"2026-03-04T13:32:05.893Z","repository":{"id":60433538,"uuid":"543113128","full_name":"prosazhin/pbstyles","owner":"prosazhin","description":"Basic styles for quick prototyping","archived":false,"fork":false,"pushed_at":"2026-02-26T20:38:41.000Z","size":185,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-02-27T02:00:07.536Z","etag":null,"topics":["css","design","design-system","design-tokens","design-tool","less","scss","style","system","tailwind","tailwind-theme","theme","tokens","tool"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/pbstyles","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/prosazhin.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,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2022-09-29T12:33:57.000Z","updated_at":"2026-02-26T20:38:45.000Z","dependencies_parsed_at":"2024-08-14T16:04:29.541Z","dependency_job_id":"609473d9-7e33-4e6a-aa8f-8e535f3c3639","html_url":"https://github.com/prosazhin/pbstyles","commit_stats":{"total_commits":31,"total_committers":2,"mean_commits":15.5,"dds":"0.032258064516129004","last_synced_commit":"8a01878f01b8e2388d79d76f7375ed4e060c9f3b"},"previous_names":[],"tags_count":9,"template":false,"template_full_name":null,"purl":"pkg:github/prosazhin/pbstyles","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/prosazhin%2Fpbstyles","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/prosazhin%2Fpbstyles/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/prosazhin%2Fpbstyles/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/prosazhin%2Fpbstyles/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/prosazhin","download_url":"https://codeload.github.com/prosazhin/pbstyles/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/prosazhin%2Fpbstyles/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30081427,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-04T13:22:36.021Z","status":"ssl_error","status_checked_at":"2026-03-04T13:20:45.750Z","response_time":59,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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","design","design-system","design-tokens","design-tool","less","scss","style","system","tailwind","tailwind-theme","theme","tokens","tool"],"created_at":"2024-11-10T09:22:28.555Z","updated_at":"2026-03-04T13:32:05.854Z","avatar_url":"https://github.com/prosazhin.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# pbstyles\n\n[Figma community](https://www.figma.com/community/file/1213609862805339771/pbstyles) | [Behance](https://www.behance.net/gallery/162935391/pbstyles)\n\n## prosazhin basic styles\n\nBasic styles for quick prototyping. Includes typography, semantic colors, color palette, basic sizes, containers and columns, breakpoints, border sizes, rounding, opacity, and shadows.\n\nFor generating styles, design tokens are used based on the [Style Dictionary](https://github.com/amzn/style-dictionary) package documentation, but extended with mixins thanks to the [Mixin Dictionary](https://github.com/prosazhin/mixin-dictionary) package. For generating a Tailwind Theme, the [Tailwind Dictionary](https://github.com/prosazhin/tailwind-dictionary) package is used.\n\n## Installation\n\n```bash\nyarn add pbstyles\n# or\nnpm install pbstyles\n```\n\n## Includes\n\n### Basic variables\n\n| Category              | CSS | LESS | SCSS | Tailwind Theme |\n| :-------------------- | :-- | :--- | :--- | :------------- |\n| Typography            | +   | +    | +    | +              |\n| Semantic colors       | +   | +    | +    | +              |\n| Colors palette        | +   | +    | +    | +              |\n| Basic sizes           | +   | +    | +    | +              |\n| Containers sizes      | +   | +    | +    | +              |\n| Columns               | +   | +    | +    | -              |\n| Border sizes          | +   | +    | +    | +              |\n| Border rounding sizes | +   | +    | +    | +              |\n| Opacity               | +   | +    | +    | +              |\n| Shadows               | +   | +    | +    | +              |\n\n### Mixins\n\n| Mixin       | CSS | LESS | SCSS | Tailwind Theme |\n| :---------- | :-- | :--- | :--- | :------------- |\n| Animation   | -   | +    | +    | +              |\n| Typography  | -   | +    | +    | +              |\n| Breakpoints | -   | +    | +    | +              |\n\n## Usage examples\n\n### CSS Variables\n\nPackage contains only a [basic set of variables](https://github.com/prosazhin/pbstyles/blob/main/styles/css/index.css).\nAt the moment, CSS does not yet have the ability to use mixins.\n\n```css\n@import 'pbstyles/styles/css';\n```\n\n### LESS\n\nPackage contains [basic set of LESS variables and mixins](https://github.com/prosazhin/pbstyles/blob/main/styles/less/index.less).\n\n```less\n@import 'pbstyles/styles/less';\n```\n\n### SCSS\n\nPackage contains [basic set of SCSS variables and mixins](https://github.com/prosazhin/pbstyles/blob/main/styles/scss/index.scss).\n\n```scss\n@import 'pbstyles/styles/scss';\n```\n\n### Tailwind Theme version 4\n\nPackage contains [Tailwind Theme](https://github.com/prosazhin/pbstyles/blob/main/styles/tailwind/theme.css).\n\n```css\n@import 'tailwindcss';\n@import 'pbstyles/styles/tailwind/theme.css';\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fprosazhin%2Fpbstyles","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fprosazhin%2Fpbstyles","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fprosazhin%2Fpbstyles/lists"}