{"id":13397187,"url":"https://github.com/jonathanharrell/hiq","last_synced_at":"2025-05-15T16:05:28.318Z","repository":{"id":21283028,"uuid":"90506412","full_name":"jonathanharrell/hiq","owner":"jonathanharrell","description":"A lightweight, progressive, high-IQ CSS framework.","archived":false,"fork":false,"pushed_at":"2025-03-10T22:23:15.000Z","size":6571,"stargazers_count":317,"open_issues_count":1,"forks_count":19,"subscribers_count":10,"default_branch":"master","last_synced_at":"2025-03-31T19:11:36.208Z","etag":null,"topics":["css","custom-properties","postcss","responsive-typography"],"latest_commit_sha":null,"homepage":"https://jonathanharrell.github.io/hiq/","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/jonathanharrell.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"license.md","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-05-07T03:31:53.000Z","updated_at":"2025-03-17T22:41:25.000Z","dependencies_parsed_at":"2023-09-28T05:00:25.128Z","dependency_job_id":"0a93c9f2-2f4e-4c80-b210-83441ca2eab7","html_url":"https://github.com/jonathanharrell/hiq","commit_stats":{"total_commits":502,"total_committers":8,"mean_commits":62.75,"dds":0.4223107569721115,"last_synced_commit":"a479f039e432be974590ff1602c02a99f47a8dba"},"previous_names":[],"tags_count":89,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jonathanharrell%2Fhiq","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jonathanharrell%2Fhiq/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jonathanharrell%2Fhiq/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jonathanharrell%2Fhiq/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jonathanharrell","download_url":"https://codeload.github.com/jonathanharrell/hiq/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247721898,"owners_count":20985084,"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":["css","custom-properties","postcss","responsive-typography"],"created_at":"2024-07-30T18:01:12.331Z","updated_at":"2025-04-07T20:11:45.078Z","avatar_url":"https://github.com/jonathanharrell.png","language":"CSS","funding_links":[],"categories":["CSS","Frameworks / Resources"],"sub_categories":["H"],"readme":"# HiQ\nA simple CSS foundation with responsive typography and input styling, built with [PostCSS](https://github.com/postcss/postcss).\n\nView the [documentation](https://jonathanharrell.github.io/hiq/).\n\nIn the age of Flexbox, CSS grid, and other exciting layout features, there is less and less need for a bloated CSS framework. What we do need is a simple foundation on top of which to build our own styles. Enter HiQ.\n\n## Install\n\nStart using HiQ by using npm to install the package or use the Github repository to get the latest development version.\n\n```bash\nnpm install hiq\n```\n\n## Usage\n\n### Basic\n\nImport the compiled minified version in your CSS:\n\n```css\n@import '~hiq/dist/hiq.min.css';\n```\n\n### Advanced\n\nImport the source version and process your CSS using PostCSS. This will give you access to the utility mixins that HiQ provides. Note that source files use the `.css` file extension.\n\n```css\n@import '~hiq/css/hiq.css';\n```\n\nTo take full advantage of the PostCSS features in HiQ, you will need to configure your `postcss.config.js` to include these plugins (already installed with HiQ):\n\n```js\nmodule.exports = {\n    plugins: [\n        require('postcss-mixins'),\n        require('postcss-custom-selectors'),\n        require('postcss-custom-media')\n    ]\n};\n```\n\nFor more information on using PostCSS, read the [PostCSS documentation](https://github.com/postcss/postcss#usage) usage section.\n\n## Theming\n\nHiQ is built with custom properties and is easy to theme according to your own brand. Refer to the [custom property reference](https://jonathanharrell.github.io/hiq/reference/custom-properties/), grab the properties you want to change, and include them in your project.\n\nThese can be included anywhere, before or after HiQ!\n\n```css\n@import '~hiq/dist/hiq.min.css';\n\n:root {\n  --hiq-button-border-color: lightgray;\n  --hiq-button-background-color: lightgray;\n  --hiq-button-text-color: black;\n}\n```\n\nIf you want your custom property definitions to apply globally, you should define them on the root element using `:root`. Otherwise, you can scope them to whatever element you wish.\n\nFor example, if you are creating a button variant, you could define the locally scoped custom properties on a specific class:\n\n```css\nbutton.is-primary {\n  --button-border-color: blue;\n  --button-background-color: blue;\n  --button-text-color: white;\n}\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjonathanharrell%2Fhiq","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjonathanharrell%2Fhiq","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjonathanharrell%2Fhiq/lists"}