{"id":20818331,"url":"https://github.com/lpgray/reba-style","last_synced_at":"2025-10-09T18:36:58.533Z","repository":{"id":30547970,"uuid":"34102699","full_name":"lpgray/reba-style","owner":"lpgray","description":"A web style util based on main color design principle.","archived":false,"fork":false,"pushed_at":"2015-10-28T00:37:07.000Z","size":348,"stargazers_count":7,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-09-07T16:55:08.624Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://lpgray.github.io/reba-style","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/lpgray.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":"2015-04-17T07:26:24.000Z","updated_at":"2015-05-09T03:04:42.000Z","dependencies_parsed_at":"2022-08-31T00:01:13.202Z","dependency_job_id":null,"html_url":"https://github.com/lpgray/reba-style","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/lpgray/reba-style","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lpgray%2Freba-style","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lpgray%2Freba-style/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lpgray%2Freba-style/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lpgray%2Freba-style/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lpgray","download_url":"https://codeload.github.com/lpgray/reba-style/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lpgray%2Freba-style/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278820227,"owners_count":26051765,"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","status":"online","status_checked_at":"2025-10-07T02:00:06.786Z","response_time":59,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":[],"created_at":"2024-11-17T21:46:23.550Z","updated_at":"2025-10-09T18:36:58.487Z","avatar_url":"https://github.com/lpgray.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# reba-style\nreba 不是框架，只能算是笔者的一个工作总结。笔者发现，常见的网站设计中，只要拥有一个主色，网站的基本设计风格就能奠定，因此笔者整理了reba-style（REset BAse style）。\n\n## 步骤\n\n### 获得代码\n\n    bower install reba-style --save-dev\n\n在你的less代码中\n\n    @import \"bower_components/reba.less\"\n\n    // 定义你的主色\n    @main: YOUR_COLOR\n\n### 定义你的主色\n在reba的源码中var.less里面只定义了四个色值变量，笔者发现一种颜色就可以奠定网站基调，你只需要定义你自己的`@main`变量即可。\n\n你可以自己新建一个style.less，然后import reba，然后在自己的代码中覆写默认的 @main 即可，当然你也可以直接修改reba的var.less，详见源码 [example/reba-site/style.less](https://github.com/lpgray/reba-style/blob/master/examples/reba-site/style.less) 的写法。\n\n[示例网站](http://lpgray.github.io/reba-style/)\n\n### 只有按钮\n日常的网站开发需求中，各种视觉控件很难做到统一，但唯独按钮这个控件大部分场景下都差不多，因此笔者只整理了按钮这一个控件，你可以使用\n`class=\"btn\"`来使用。\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flpgray%2Freba-style","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flpgray%2Freba-style","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flpgray%2Freba-style/lists"}