{"id":21708543,"url":"https://github.com/ufologist/purecss-cheat-sheet","last_synced_at":"2025-03-20T17:33:42.626Z","repository":{"id":136686951,"uuid":"82651059","full_name":"ufologist/purecss-cheat-sheet","owner":"ufologist","description":"Pure.css Cheat Sheet","archived":false,"fork":false,"pushed_at":"2017-02-21T07:48:28.000Z","size":3,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-25T16:25:02.929Z","etag":null,"topics":["cheat-sheets","purecss"],"latest_commit_sha":null,"homepage":null,"language":null,"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/ufologist.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}},"created_at":"2017-02-21T07:42:39.000Z","updated_at":"2019-02-14T04:43:06.000Z","dependencies_parsed_at":null,"dependency_job_id":"55ba2fab-8d1f-489c-84a1-7cafabf88676","html_url":"https://github.com/ufologist/purecss-cheat-sheet","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/ufologist%2Fpurecss-cheat-sheet","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ufologist%2Fpurecss-cheat-sheet/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ufologist%2Fpurecss-cheat-sheet/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ufologist%2Fpurecss-cheat-sheet/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ufologist","download_url":"https://codeload.github.com/ufologist/purecss-cheat-sheet/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244660705,"owners_count":20489382,"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":["cheat-sheets","purecss"],"created_at":"2024-11-25T22:27:45.489Z","updated_at":"2025-03-20T17:33:42.607Z","avatar_url":"https://github.com/ufologist.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# purecss-cheat-sheet@`0.6.2`\n\n[Pure.css](https://github.com/yahoo/pure/) Cheat Sheet.\n\n\u003e A set of small, responsive CSS modules that you can use in every web project. The entire set of modules clocks in at *3.8KB* minified and gzipped.\n\n## Base\n\n\u003e In addition to [Normalize.css](https://necolas.github.io/normalize.css/) rules, Pure's Base module contains some common styles that are used by most websites.\n\n* `[hidden]`\n* `img.pure-img`\n\n\n## Grids\n\n\u003e Pure Grids consist of two types of classes: the grid class (`pure-g`) and unit classes (`pure-u` or `pure-u-*`). For example, `pure-u-1-2` has a width of 50%, whereas `pure-u-1-5` would have a width of 20%.\n\n\u003e Pure ships with both a **5ths** and **24ths** based grid.\n\n\u003e Since media queries cannot be over-written, we **do not** include the grid system as part of pure.css. You'll have to pull it in as a separate CSS file.\n\u003e \n\u003e `\u003clink rel=\"stylesheet\" href=\"https://unpkg.com/purecss@0.6.2/build/grids-responsive-min.css\"\u003e`\n\n* `.pure-g`\n  * `.pure-u-*`\n  * `.pure-u-sm-*`\n  * `.pure-u-md-*`\n  * `.pure-u-lg-*`\n  * `.pure-u-xl-*`\n\n## Menus\n\n\u003e Menus are vertical by default. Menu items take up 100% of the width of their container, so you may want to limit the menu width or set the menu to `display:inline-block`.\n\n用作菜单或者导航\n\n* `.pure-menu.pure-menu-horizontal.pure-menu-scrollable.pure-menu-fixed`\n  * `.pure-menu-heading`\n  * `ul.pure-menu-list`\n    * `li.pure-menu-item.pure-menu-selected.pure-menu-disabled.pure-menu-has-children.pure-menu-allow-hover`\n      * `a.pure-menu-link`\n      * `ul.pure-menu-children`\n        * `li.pure-menu-item`\n    * `li.pure-menu-separator`\n\n## Buttons\n\n\u003e To create a Pure Button, add the `pure-button` classname to any `\u003ca\u003e` or `\u003cbutton\u003e` element.\n\n* `.pure-button-group`\n  * `.pure-button.pure-button-primary.pure-button-active.pure-button-disabled`\n\n## Forms\n\n\u003e To create a default inline form, add the `pure-form` classname to any `\u003cform\u003e` element.\n\n* `form.pure-form.pure-form-stacked`\n  * `.pure-form-message.pure-form-message-inline`\n  * `.pure-checkbox`\n  * `.pure-radio`\n  * `.pure-input-rounded`\n\n### Aligned Form\n\n* `form.pure-form.pure-form-aligned`\n  * `.pure-control-group`\n  * `.pure-controls`\n\n### Grouped Inputs\n\n* `.form.pure-form`\n  * `fieldset.pure-group`\n    * `.pure-input-1-2`\n\n## Tables\n\n\u003e To style an HTML table, add the `pure-table` classname.\n\n* `table.pure-table.pure-table-horizontal.pure-table-bordered`\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fufologist%2Fpurecss-cheat-sheet","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fufologist%2Fpurecss-cheat-sheet","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fufologist%2Fpurecss-cheat-sheet/lists"}