{"id":16594380,"url":"https://github.com/simonpadbury/baselayer-3","last_synced_at":"2025-10-29T12:30:22.304Z","repository":{"id":199201551,"uuid":"702340813","full_name":"SimonPadbury/baselayer-3","owner":"SimonPadbury","description":"A modern starter CSS library with container queries, a real CSS grid system, clamp() powered typography and spacing sizes, color-mix() shade utilities, and custom properties.","archived":false,"fork":false,"pushed_at":"2025-01-11T19:02:40.000Z","size":550,"stargazers_count":3,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-02-02T01:11:28.653Z","etag":null,"topics":["accessibility","cascade-layers","color-mix","container-queries","css","cssgrid","cssvariables","eleventy-site","oklch-color","postcss","responsive-layout"],"latest_commit_sha":null,"homepage":"https://simonpadbury.github.io/baselayer-3/","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/SimonPadbury.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","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":"2023-10-09T06:15:29.000Z","updated_at":"2025-01-11T19:02:43.000Z","dependencies_parsed_at":"2023-10-14T15:30:53.563Z","dependency_job_id":"f6a18955-1bbb-4a8e-ac5b-f6efa4484ce4","html_url":"https://github.com/SimonPadbury/baselayer-3","commit_stats":null,"previous_names":["simonpadbury/baselayer-3"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SimonPadbury%2Fbaselayer-3","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SimonPadbury%2Fbaselayer-3/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SimonPadbury%2Fbaselayer-3/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SimonPadbury%2Fbaselayer-3/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SimonPadbury","download_url":"https://codeload.github.com/SimonPadbury/baselayer-3/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":238817548,"owners_count":19535552,"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":["accessibility","cascade-layers","color-mix","container-queries","css","cssgrid","cssvariables","eleventy-site","oklch-color","postcss","responsive-layout"],"created_at":"2024-10-11T23:46:05.025Z","updated_at":"2025-10-29T12:30:22.298Z","avatar_url":"https://github.com/SimonPadbury.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Baselayer 3\n\nv.3.4.6 • 24 KB (minified) • MIT licence.\n\nDesigned as a good place to start, Baselayer may be all you need — for small web projects. Or you may use it as a _baselayer_ to quick-start your mega project.\n\nReady to use as-is, Baselayer gives you all this:\n\n* A modern CSS reset\n* Minimalist styled classless typographic, and form elements\n* Reliable accessibility features for assistive technology users\n* A lightweight system of utility classes for controlling dimensions, positioning, spacing, borders, text, and images\n* `@container` query responsive layout utilities using CSS grid and flexbox\n* Responsive typography, layout, and spacing using `clamp()` ramps\n* A compact color lightnesssystem based on `color-mix(in OKLCH)` for text, borders, and backgrounds\n* Built-in dark mode using `light-dark()`\n* Theming control using CSS variables\n* And more\n\nBaselayer uses modern CSS technologies such as `grid`, functions (e.g. `clamp()`, `color-mix()`, `light-dark()`), `var()` custom properties, and CSS class nesting. Therefore it supports only [Basline: widely available](https://developer.mozilla.org/en-US/docs/Glossary/Baseline/Compatibility) (mid-2023 forward) web browsers such as Safari, Firefox, Chrome, Edge, etc.\n\n**Documentation:** [https://simonpadbury.github.io/baselayer-3/](https://simonpadbury.github.io/baselayer-3/)\n\n**Changelog:** [https://github.com/SimonPadbury/baselayer-3/blob/main/README.md](https://github.com/baselayer/blob/main/CHANGELOG.md)\n\n---\n\nDocs search powered by [Pagefind](https://pagefind.app).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsimonpadbury%2Fbaselayer-3","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsimonpadbury%2Fbaselayer-3","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsimonpadbury%2Fbaselayer-3/lists"}