{"id":16832500,"url":"https://github.com/kennethormandy/base-forms","last_synced_at":"2025-03-18T00:53:27.436Z","repository":{"id":145823212,"uuid":"43789033","full_name":"kennethormandy/base-forms","owner":"kennethormandy","description":"se form styles for Basscss","archived":false,"fork":false,"pushed_at":"2015-10-07T01:40:55.000Z","size":93,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-24T09:12:19.864Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://basscss.com","language":"CSS","has_issues":false,"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/kennethormandy.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}},"created_at":"2015-10-07T01:40:33.000Z","updated_at":"2016-02-06T21:56:42.000Z","dependencies_parsed_at":"2023-04-09T03:56:17.834Z","dependency_job_id":null,"html_url":"https://github.com/kennethormandy/base-forms","commit_stats":null,"previous_names":[],"tags_count":17,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kennethormandy%2Fbase-forms","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kennethormandy%2Fbase-forms/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kennethormandy%2Fbase-forms/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kennethormandy%2Fbase-forms/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kennethormandy","download_url":"https://codeload.github.com/kennethormandy/base-forms/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244135905,"owners_count":20403797,"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-10-13T11:49:17.979Z","updated_at":"2025-03-18T00:53:27.419Z","avatar_url":"https://github.com/kennethormandy.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"\nThis modules sets structural styles for base form elements, creating a consistent visual rhythm among forms\nwhile allowing for color to be adjusted where needed.\nThese styles do not rely on markup structure and can be combined with\nutilities to make fine-grained, contextual adjustments.\nForm element styles are intended to be interoperable with all other utility styles.\n\n\n## Inline Forms\nBy default, form elements follow browser defaults and display inline.\nNote: the `.field` style is part of `basscss-color-forms`.\n\n```html\n\u003cform\u003e\n  \u003clabel for=\"search\"\u003eSearch\u003c/label\u003e\n  \u003cinput id=\"search\" type=\"text\" class=\"field\"\u003e\n  \u003cbutton class=\"btn btn-primary\"\u003eGo\u003c/button\u003e\n\u003c/form\u003e\n```\n\n## Stacked Forms\n\nUse `.block`, `.col-12`, and other layout utilities to stack form elements and adjust margins.\n\n```html\n\u003cform class=\"sm-col-6\"\u003e\n  \u003clabel\u003eEmail Address\u003c/label\u003e\n  \u003cinput type=\"text\" class=\"block col-12 mb1 field\"\u003e\n  \u003clabel\u003ePassword\u003c/label\u003e\n  \u003cinput type=\"password\" class=\"block col-12 mb1 field\"\u003e\n  \u003clabel\u003eSelect\u003c/label\u003e\n  \u003cselect class=\"block col-12 mb1 field\"\u003e\n    \u003coption\u003eOption 1\u003c/option\u003e\n    \u003coption\u003eOption 2\u003c/option\u003e\n    \u003coption\u003eOption 3\u003c/option\u003e\n    \u003coption\u003eOption 4\u003c/option\u003e\n    \u003coption\u003eOption 5\u003c/option\u003e\n  \u003c/select\u003e\n  \u003clabel class=\"block col-12 mb2\"\u003e\n    \u003cinput type=\"checkbox\" checked\u003e\n    Remember me\n  \u003c/label\u003e\n  \u003cbutton type=\"submit\" class=\"btn btn-primary\"\u003eSign In\u003c/button\u003e\n  \u003cbutton type=\"reset\" class=\"btn btn-primary black bg-gray\"\u003eCancel\u003c/button\u003e\n\u003c/form\u003e\n```\nTo adjust the color of forms, use the styles in `basscss-color-forms` and `basscss-color-forms-dark`.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkennethormandy%2Fbase-forms","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkennethormandy%2Fbase-forms","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkennethormandy%2Fbase-forms/lists"}