{"id":13399959,"url":"https://github.com/shgysk8zer0/core-css","last_synced_at":"2026-04-08T00:01:25.023Z","repository":{"id":32665309,"uuid":"36253215","full_name":"shgysk8zer0/core-css","owner":"shgysk8zer0","description":"A collection of CSS styles, categoiezed by files, which are useful on common projects","archived":false,"fork":false,"pushed_at":"2026-03-22T23:12:41.000Z","size":1729,"stargazers_count":5,"open_issues_count":1,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2026-03-23T17:46:18.553Z","etag":null,"topics":["animations","css","css3","custom-properties","fonts","mathml","styles"],"latest_commit_sha":null,"homepage":"https://npmjs.com/package/@shgysk8zer0/core-css","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/shgysk8zer0.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":".github/CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":".github/CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":".github/CODEOWNERS","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},"funding":{"github":"shgysk8zer0","liberapay":"shgysk8zer0"}},"created_at":"2015-05-25T20:34:47.000Z","updated_at":"2026-03-22T23:12:44.000Z","dependencies_parsed_at":"2023-01-14T21:52:40.991Z","dependency_job_id":"434f8432-e4c2-4d02-b70f-da56016a3757","html_url":"https://github.com/shgysk8zer0/core-css","commit_stats":{"total_commits":376,"total_committers":4,"mean_commits":94.0,"dds":"0.35106382978723405","last_synced_commit":"056af69c43c51a98bbb20f06ac5ef133ad2803ec"},"previous_names":[],"tags_count":22,"template":false,"template_full_name":null,"purl":"pkg:github/shgysk8zer0/core-css","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shgysk8zer0%2Fcore-css","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shgysk8zer0%2Fcore-css/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shgysk8zer0%2Fcore-css/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shgysk8zer0%2Fcore-css/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/shgysk8zer0","download_url":"https://codeload.github.com/shgysk8zer0/core-css/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shgysk8zer0%2Fcore-css/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31533824,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-07T16:28:08.000Z","status":"ssl_error","status_checked_at":"2026-04-07T16:28:06.951Z","response_time":105,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: 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":["animations","css","css3","custom-properties","fonts","mathml","styles"],"created_at":"2024-07-30T19:00:45.624Z","updated_at":"2026-04-08T00:01:24.997Z","avatar_url":"https://github.com/shgysk8zer0.png","language":"CSS","funding_links":["https://github.com/sponsors/shgysk8zer0","https://liberapay.com/shgysk8zer0","https://liberapay.com/shgysk8zer0/donate"],"categories":["CSS"],"sub_categories":[],"readme":"# core-css\nA collection of stylesheets that enable quick and easy styling with customization\n\n[![Dependabot Status](https://api.dependabot.com/badges/status?host=github\u0026repo=shgysk8zer0/core-css)](https://dependabot.com)\n[![Node CI](https://github.com/shgysk8zer0/core-css/workflows/Node%20CI/badge.svg)](https://github.com/shgysk8zer0/core-css/actions)\n[![Super Linter](https://github.com/shgysk8zer0/core-css/workflows/Lint%20Code%20Base/badge.svg)](https://github.com/shgysk8zer0/core-css/actions?query=workflow%3A%22Lint+Code+Base%22)\n\n[![GitHub license](https://img.shields.io/github/license/shgysk8zer0/core-css.svg)](https://github.com/shgysk8zer0/core-css/blob/master/LICENSE)\n[![GitHub issues](https://img.shields.io/github/issues/shgysk8zer0/core-css.svg)](https://github.com/shgysk8zer0/core-css/issues)\n[![GitHub pull requests](https://img.shields.io/github/issues-pr/shgysk8zer0/core-css.svg)](https://github.com/shgysk8zer0/core-css/pulls)\n[![GitHub last commit](https://img.shields.io/github/last-commit/shgysk8zer0/core-css.svg)](https://github.com/shgysk8zer0/core-css/commits/master)\n[![GitHub release](https://img.shields.io/github/release/shgysk8zer0/core-css.svg)](https://github.com/shgysk8zer0/core-css/releases)\n[![GitHub stars](https://img.shields.io/github/stars/shgysk8zer0/core-css.svg)](https://github.com/shgysk8zer0/core-css/stargazers)\n\n![GitHub followers](https://img.shields.io/github/followers/shgysk8zer0.svg?style=social)\n![GitHub forks](https://img.shields.io/github/forks/shgysk8zer0/core-css.svg?style=social)\n![GitHub stars](https://img.shields.io/github/stars/shgysk8zer0/core-css.svg?style=social)\n[![Twitter Follow](https://img.shields.io/twitter/follow/shgysk8zer0.svg?style=social)](https://twitter.com/shgysk8zer0)\n\n[![Donate using Liberapay](https://img.shields.io/liberapay/receives/shgysk8zer0.svg?logo=liberapay)](https://liberapay.com/shgysk8zer0/donate \"Donate using Liberapay\")\n![Keybase BTC](https://img.shields.io/keybase/btc/shgysk8zer0.svg)\n![Keybase PGP](https://img.shields.io/keybase/pgp/shgysk8zer0.svg)\n- - -\n\n## Helpful Links\n- [Overview](#overview)\n- [Example](#example)\n- [Code of Conduct](./.github/CODE_OF_CONDUCT.md)\n- [Contributing](./.github/CONTRIBUTING.md)\n- [Issues](https://github.com/shgysk8zer0/core-css/issues)\n- [CSS custom properties](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_variables)\n\n## Overview\nUnlike many CSS libraries, this one has the aim of allowing customization and\nadvanced features by utilizing the amazing features of modern CSS. Just changing\na `--custom-property` or two can completely change the theme of a site and, since\nthis is native CSS, you can edit these **in your browser and see the results live.**\n\nFor best results, namely in production, you should transpile your CSS using PostCSS\nusing:\n- `cssnano`\n- `cssnano-preset-default`\n- `postcss`\n- `postcss-cli`\n- `postcss-import`\n- `postcss-preset-env`\n- `postcss-url`\n\nIt is intended to be used with  [shgysk8zer0/fonts](https://github.com/shgysk8zer0/fonts),\nbut that is completely optional. Simply don't use `fonts.css` and use whatever\nfont stylesheet(s) you want instead.\n\n## Example\n```css\n@import url(\"./viewport.css\");\n@import url(\"./rem.css\");\n@import url(\"./fonts.css\");\n@import url(\"./animations.css\");\n@import url(\"./element.css\");\n@import url(\"./class-rules.css\");\n@import url(\"./jekyll-highlight.css\");\n\n:root {\n  /*================= Font Size and loading =================*/\n  --desktop-rem: 1.3vw;\n  --tablet-rem: 1.5vw;\n  --mobile-rem: 3.3vw;\n  --main-font: \"Roboto\";\n  --title-font: \"Ubuntu\";\n  --header-font: \"Alice\";\n  --article-font: \"Ubuntu\";\n  --article-header-font: var(--header-font);\n  --font-display: optional;\n\n  /*================= Set color vars here =================*/\n  --default-color: #010101;\n  --alt-color: #FAFAFA;\n  --primary-color: #E0E0E0;\n  --link-color: var(--accent-color);\n  --accent-color: #135f9d;\n  --accent-color-2: #0d4a7c;\n  --border-color: #2D2D2D;\n\n  /*================= Button styles and config =================*/\n  --button-background: var(--accent-color);\n  --button-active-background: var(--accent-color-2);\n  --button-disabled-background: var(--button-active-background);\n  --button-border: border;\n  --button-disabled-border: var(--button-border);\n  --button-active-border: var(--button-disabled-border);\n  --button-color: var(--alt-color);\n  --button-active-color: var(--button-color);\n  --button-border-radius: 4px;\n  --button-accept-background: #1e8709;\n  --button-reject-background: #b41e1e;\n\n  /*================== Animation properties ==================*/\n  --animation-stagger: 150ms;\n\n  /* ================= Syntax Highlighting ====================*/\n  --highlight-color: black;\n  --highlight-background: #efefef;\n  --highlight-literal-number-color: #CCA418;\n}\n```\n\n```html\n\u003cbody class=\"border-box scroll-smooth\"\u003e\n  \u003c!-- ... --\u003e\n  \u003cdialog class=\"animation-speed-normal animation-ease-in fade-in font-main\"\u003e\n     \u003cheader class=\"clearfix sticky top background-primary\"\u003e\n      \u003cbutton type=\"button\" class=\"background-accent color-alt float-right\"\u003e\n        \u003csvg class=\"current-color icon\"\u003e\n          \u003cuse xlink:href=\"#close\" /\u003e\n        \u003c/svg\u003e\n      \u003c/button\u003e\n    \u003c/header\u003e\n    \u003cdiv class=\"card shadow\"\u003e\n      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor\n      incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis\n      nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\n      Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore\n      eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,\n      sunt in culpa qui officia deserunt mollit anim id est laborum.\n    \u003c/div\u003e\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshgysk8zer0%2Fcore-css","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fshgysk8zer0%2Fcore-css","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshgysk8zer0%2Fcore-css/lists"}