{"id":20815855,"url":"https://github.com/aurbano/ui-grid-css","last_synced_at":"2025-05-07T12:25:50.728Z","repository":{"id":57385170,"uuid":"83781078","full_name":"aurbano/ui-grid-css","owner":"aurbano","description":"Improved CSS for UI-Grid (Available as Sass or CSS)","archived":false,"fork":false,"pushed_at":"2019-12-18T20:59:25.000Z","size":44,"stargazers_count":3,"open_issues_count":0,"forks_count":3,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-30T03:04:07.255Z","etag":null,"topics":["angular","angular2","css","sass","ui-grid"],"latest_commit_sha":null,"homepage":"https://aurbano.github.io/ui-grid-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/aurbano.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-03-03T09:25:13.000Z","updated_at":"2023-08-22T05:54:45.000Z","dependencies_parsed_at":"2022-09-07T16:13:51.417Z","dependency_job_id":null,"html_url":"https://github.com/aurbano/ui-grid-css","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aurbano%2Fui-grid-css","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aurbano%2Fui-grid-css/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aurbano%2Fui-grid-css/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aurbano%2Fui-grid-css/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/aurbano","download_url":"https://codeload.github.com/aurbano/ui-grid-css/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252875324,"owners_count":21818001,"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":["angular","angular2","css","sass","ui-grid"],"created_at":"2024-11-17T21:26:34.803Z","updated_at":"2025-05-07T12:25:50.702Z","avatar_url":"https://github.com/aurbano.png","language":"CSS","readme":"# UI Grid - Custom CSS\n\nSome improvements over UI Grid. Just load the CSS after theirs to override the styles.\n\n```html\n\u003clink rel=\"stylesheet\" href=\"http://ui-grid.info/release/ui-grid.css\" type=\"text/css\"\u003e\n\u003clink rel=\"stylesheet\" href=\"/path/to/ui-grid-custom.css\" type=\"text/css\"\u003e\n```\n\n## [Demo](https://aurbano.github.io/ui-grid-css/)\n*Note: The demo reports being insecure because ui-grid.info has a broken certificate (last time I checked)*\n\n![Normal UI Grid](https://github.com/aurbano/ui-grid-css/raw/master/demo/normal.png \"A normal UI Grid\")\n\u003e A normal UI Grid with the custom CSS applied\n\n![Clickable rows UI Grid](https://github.com/aurbano/ui-grid-css/raw/master/demo/clickable.png \"Clickable rows UI Grid\")\n\u003e UI Grid with clickable rows enabled\n\n## NPM\n\nYou can install this via NPM:\n\n```bash\n$ npm install --save ui-grid-css\n```\n\nThen import the CSS file directly:\n```html\n\u003clink rel=\"stylesheet\" href=\"/node_modules/ui-grid-css/dist/ui-grid-custom.css\" type=\"text/css\"\u003e\n```\n\nOr the minified version:\n```html\n\u003clink rel=\"stylesheet\" href=\"/node_modules/ui-grid-css/dist/ui-grid-custom.min.css\" type=\"text/css\"\u003e\n```\n## Building\n\nThe source is provided in Sass, so it can be easily changed (to match your color scheme for example)\n\nThere are two files in the src directory:\n\n```\n/src\n  _variables.scss\n  ui-grid-custom.scss\n```\n\nIn the variables file you can change the main colors used as you can imagine.\n\nOnce done, build with gulp: (If you don't have it installed, run `npm install -g gulp` first)\n\n```bash\n$ gulp build\n```\n\nAnd this will update both `css` files in the `dist` folder.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faurbano%2Fui-grid-css","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faurbano%2Fui-grid-css","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faurbano%2Fui-grid-css/lists"}