{"id":13881070,"url":"https://github.com/daneden/basehold.it","last_synced_at":"2025-07-16T17:31:43.782Z","repository":{"id":2988072,"uuid":"4004336","full_name":"daneden/basehold.it","owner":"daneden","description":"A quick, painless, Javascript-free baseline overlay.","archived":false,"fork":false,"pushed_at":"2024-04-29T08:18:49.000Z","size":584,"stargazers_count":541,"open_issues_count":8,"forks_count":26,"subscribers_count":14,"default_branch":"master","last_synced_at":"2024-11-24T10:34:29.747Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://basehold.it","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/daneden.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2012-04-12T12:19:36.000Z","updated_at":"2024-11-23T23:30:15.000Z","dependencies_parsed_at":"2024-11-24T10:41:07.563Z","dependency_job_id":null,"html_url":"https://github.com/daneden/basehold.it","commit_stats":{"total_commits":226,"total_committers":9,"mean_commits":25.11111111111111,"dds":0.6460176991150443,"last_synced_commit":"e08c50a74b456d66bfed9007ce393d1569594f22"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/daneden/basehold.it","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/daneden%2Fbasehold.it","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/daneden%2Fbasehold.it/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/daneden%2Fbasehold.it/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/daneden%2Fbasehold.it/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/daneden","download_url":"https://codeload.github.com/daneden/basehold.it/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/daneden%2Fbasehold.it/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265527557,"owners_count":23782480,"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":[],"created_at":"2024-08-06T08:03:58.263Z","updated_at":"2025-07-16T17:31:40.808Z","avatar_url":"https://github.com/daneden.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"# Baseline\n\nGet a baseline grid overlay on your site in one painless, javascript-free step.\n\nHere's an example demonstrating how to get a 24px baseline overlay on your site:\n\n`\u003clink rel=\"stylesheet\" href=\"http://basehold.it/24\"\u003e`\n\nEasy, huh?\n\n## Further Examples:\n\nSpecify a 6 digit hex code:\n\n`\u003clink rel=\"stylesheet\" href=\"http://basehold.it/24/DEEFFF\"\u003e`\n\nSpecify separate RGB values:\n\n`\u003clink rel=\"stylesheet\" href=\"http://basehold.it/24/255/42/85\"\u003e`\n\nSpecify 50% alpha using RGBA:\n\n`\u003clink rel=\"stylesheet\" href=\"http://basehold.it/24/255/42/85/0.5\"\u003e`\n\n## Image Only Mode\n\nYou can use Baseline to grab the image on it's own, if you'd rather apply it as a background in your own stylesheet.\n\nSimple example:\n\n```css\nhtml {\n  background-image: url(http://basehold.it/i/24); /* 24px baseline */\n  background-image: url(http://basehold.it/i/24/ff0000); /* with Hex colour */\n  background-image: url(http://basehold.it/i/24/255/0/0); /* with RGB colour */\n  background-image: url(http://basehold.it/i/24/255/0/0/0.85); /* with RGBA colour */\n}\n```\n\n## Bookmarklet\n\nJust add this as a bookmark:\n\n```js\njavascript:(function(){var%20link=document.createElement(\"link\");link.setAttribute(\"rel\",\"stylesheet\");link.setAttribute(\"href\",\"http://basehold.it/\"+parseInt(window.getComputedStyle(document.body).getPropertyValue(\"line-height\"),10));document.head.appendChild(link);})()\n```\n\nThis will add the default grid according to your body line-height (using `getComputedStyle`).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdaneden%2Fbasehold.it","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdaneden%2Fbasehold.it","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdaneden%2Fbasehold.it/lists"}