{"id":18601503,"url":"https://github.com/cluzier/prefacecss","last_synced_at":"2025-04-10T19:30:37.084Z","repository":{"id":35290695,"uuid":"193175150","full_name":"cluzier/PrefaceCSS","owner":"cluzier","description":"A CSS Boilerplate for minimalists","archived":false,"fork":false,"pushed_at":"2024-06-11T14:32:24.000Z","size":930,"stargazers_count":30,"open_issues_count":1,"forks_count":3,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-25T03:01:40.397Z","etag":null,"topics":["boilerplate","css","minimal","prefacecss"],"latest_commit_sha":null,"homepage":"https://cluzier.github.io/PrefaceCSS/dist/index.html","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/cluzier.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":"2019-06-22T00:44:14.000Z","updated_at":"2024-12-23T06:38:14.000Z","dependencies_parsed_at":"2024-05-12T08:31:19.427Z","dependency_job_id":null,"html_url":"https://github.com/cluzier/PrefaceCSS","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/cluzier%2FPrefaceCSS","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cluzier%2FPrefaceCSS/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cluzier%2FPrefaceCSS/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cluzier%2FPrefaceCSS/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/cluzier","download_url":"https://codeload.github.com/cluzier/PrefaceCSS/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248281395,"owners_count":21077423,"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":["boilerplate","css","minimal","prefacecss"],"created_at":"2024-11-07T02:08:36.384Z","updated_at":"2025-04-10T19:30:36.694Z","avatar_url":"https://github.com/cluzier.png","language":"SCSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# `PrefaceCSS`\n\n[![GitHub issues](https://img.shields.io/github/issues/cluzier/PrefaceCSS.svg)](https://github.com/cluzier/PrefaceCSS/issues)\n[![GitHub forks](https://img.shields.io/github/forks/cluzier/PrefaceCSS.svg)](https://github.com/cluzier/PrefaceCSS/network)\n[![GitHub stars](https://img.shields.io/github/stars/cluzier/PrefaceCSS.svg)](https://github.com/cluzier/PrefaceCSS/stargazers)\n[![GitHub license](https://img.shields.io/github/license/cluzier/PrefaceCSS.svg)](https://github.com/cluzier/PrefaceCSS/blob/master/LICENSE)\n[![HitCount](http://hits.dwyl.io/cluzier/PrefaceCSS.svg)](http://hits.dwyl.io/cluzier/PrefaceCSS)\n\n`PrefaceCSS` is a fresh looking simple css framework.\n\n## About\n\n`PrefaceCSS` is a fresh looking simple css framework that should be taken as the basis for your next website. We designed it to be flexible but still small, thanks to `scss` all you need to change are some variables and you have your own flavor of `PrefaceCSS`.\n\n# Screenshot\n\n[![Image of PrefaceCSS](./screenshots/screenshot.png)](https://cluzier.github.io/PrefaceCSS/dist/index.html)\n*Hint*: Click the image to view a web page full of HTML examples.\n\n## How to use it\n\nThanks to the opportunities the open-source development offers us, there are thousand ways to use this libary or change it. Below here I list only a few of them.\n\n### Use\n\nAdd `\u003clink rel=\"stylesheet\" href=\"css/preface.css\"\u003e` or `\u003clink rel=\"stylesheet\" href=\"css/preface.min.css\"\u003e` to your `\u003chead\u003e`.\n\n### Download\n\nDownload from Github with the following command:\n\n**GitHub**: `$ git clone https://github.com/cluzier/PrefaceCSS`\n\n### Contribute\n\nClone and mix up things. If you think your edits are interesting for the public, just open a new pull request on that.\n\nHere a brief overview of our folder structure:\n\n```\nPrefaceCSS\n├── dist # Our destination folder\n│   ├── preface.css\n│   ├── preface.min.css\n│   └── index.html\n├── screenshots # Houses screenshots\n├── src # Our source folder\n│   ├── _base.scss\n│   ├── _button.scss\n│   ├── _extra.scss\n│   ├── _grid.scss\n│   ├── _input.scss\n│   ├── _loaders.scss\n│   ├── _navigation.scss\n│   ├── _scrollbars.scss\n│   ├── _table.scss\n│   ├── _typography.scss\n│   └── style.scss\n├── LICENSE\n├── README.md\n├── gulpfile.js\n└── package.json\n```\n\nSome `gulp` task you should know about:\n\n- `scss` compiles the scss to css\n- `scss:min` compress the compiled css files\n- `watch` executes `scss` and `scss:min` on any file change\n\n**Note**\n```diff\n- when running `gulp scss` you will notice a warning, just disregard it. \n```\n\n**Required tools for development:**\n\n- Node.js\n- NPM\n- Gulp installed globally (`npm install gulp -g`)\n\n## Acknowledgements\nBased off [Skeleton-plus](https://github.com/oltdaniel/skeleton-plus) by [oltdaniel](https://github.com/oltdaniel).  \nCSS loaders from [Spinkit](https://tobiasahlin.com/spinkit/) \u0026 [Loading.io](https://loading.io/css/)\n\n## Credits\n\nA project by [Conner Luzier](https://github.com/cluzier).\nOther amazing contributors [here](https://github.com/cluzier/PrefaceCSS/graphs/contributors).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcluzier%2Fprefacecss","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcluzier%2Fprefacecss","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcluzier%2Fprefacecss/lists"}