{"id":13397243,"url":"https://github.com/dhanishgajjar/css-flags","last_synced_at":"2025-09-17T11:32:22.227Z","repository":{"id":24586600,"uuid":"101983793","full_name":"dhanishgajjar/css-flags","owner":"dhanishgajjar","description":"A collection of pure CSS flags, all single divs.","archived":false,"fork":false,"pushed_at":"2023-01-04T14:15:50.000Z","size":2139,"stargazers_count":97,"open_issues_count":15,"forks_count":14,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-01-02T02:11:37.365Z","etag":null,"topics":["css3","design","flags","gulp","html","icons","illustration","library","pug","scss"],"latest_commit_sha":null,"homepage":"https://codepen.io/dhanishgajjar/full/xLmyjJ/","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/dhanishgajjar.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-08-31T09:25:50.000Z","updated_at":"2024-06-01T10:20:48.000Z","dependencies_parsed_at":"2023-01-14T01:30:12.542Z","dependency_job_id":null,"html_url":"https://github.com/dhanishgajjar/css-flags","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/dhanishgajjar%2Fcss-flags","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dhanishgajjar%2Fcss-flags/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dhanishgajjar%2Fcss-flags/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dhanishgajjar%2Fcss-flags/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dhanishgajjar","download_url":"https://codeload.github.com/dhanishgajjar/css-flags/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":233377294,"owners_count":18667158,"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":["css3","design","flags","gulp","html","icons","illustration","library","pug","scss"],"created_at":"2024-07-30T18:01:13.429Z","updated_at":"2025-09-17T11:32:16.854Z","avatar_url":"https://github.com/dhanishgajjar.png","language":"CSS","funding_links":[],"categories":["CSS"],"sub_categories":[],"readme":"Single Div Pure CSS Flags\n=========================\n\n[![Project Supported By CSSGrid.io](https://img.shields.io/badge/👍_Project_Supported_By-CSSGrid.ioTutorials-brightgreen.svg?style=flat-square)](https://CSSGrid.io/friend/DHANISH) [![Project Supported By Flexbox.io](https://img.shields.io/badge/👍_Project_Supported_By-Flexbox.ioTutorials-brightgreen.svg?style=flat-square)](https://Flexbox.io/friend/DHANISH)\n\n[Using the Library](#how-to-use-the-library)\n\n[Instructions for Developers](#instructions-for-developers)\n\n![IMAGE ALT TEXT HERE](./repo-img/flags.png)\n\n## How to use the library\n\nGrab the compiled CSS from the `./dist` folder\n\nFor the purpose of this personal project, first, I have an empty div with the class of \"flag\"\n\n```HTML\n\u003cdiv class=\"flag\"\u003e\u003c/div\u003e\n```\nThe flag class contains these fixed properties\n```CSS\n.flag {\n  width: 180px;\n  height: 120px;\n  overflow: hidden;\n  border: 1px solid #efefef;\n}\n```\nThere is a class for each country that you can chain after the `.flag` class\n\nfor example\n\n```HTML\n\u003cdiv class=\"flag brazil\"\u003e\u003c/div\u003e\n```\n\nMost of the flags were not possible in a single div, so they are not included, but here are the ones that are:\n\n| Class Names   |\n| ------------- |\n| .algeria |\n| .armenia |\n| .austria |\n| .azerbaijan |\n| .bahamas |\n| .bahrain |\n| .bangladesh |\n| .barbados |\n| .belgium |\n| .benin |\n| .bolivia |\n| .botswana |\n| .brazil |\n| .bulgaria |\n| .burkina-faso |\n| .burundi |\n| .cameroon |\n| .central-african-republic |\n| .chad |\n| .chile |\n| .colombia |\n| .comoros |\n| .costa-rica |\n| .cote-d-ivoire |\n| .cuba |\n| .czech-republic |\n| .democratic-republic-of-congo |\n| .denmark |\n| .djibouti |\n| .east-timor |\n| .estonia |\n| .finland |\n| .france |\n| .gabon |\n| .the-gambia |\n| .germany |\n| .ghana |\n| .greece |\n| .guinea |\n| .guinea-bissau |\n| .guyana |\n| .hungary |\n| .iceland |\n| .india |\n| .indonesia |\n| .iran |\n| .iraq |\n| .ireland |\n| .israel |\n| .italy |\n| .jamaica |\n| .japan |\n| .kuwait |\n| .laos |\n| .latvia |\n| .liberia |\n| .libya |\n| .lithuania |\n| .luxembourg |\n| .madagascar |\n| .malaysia |\n| .maldives |\n| .mali |\n| .mauritania |\n| .mauritius |\n| .monaco |\n| .myanmar |\n| .namibia |\n| .nauru |\n| .nepal |\n| .the-netherlands |\n| .niger |\n| .nigeria |\n| .north-korea |\n| .norway |\n| .pakistan |\n| .palau |\n| .panama |\n| .peru |\n| .phillippines |\n| .poland |\n| .qatar |\n| .republic-of-china |\n| .republic-of-congo |\n| .romania |\n| .russia |\n| .rwanda |\n| .saint-kitts-and-nevis |\n| .saint-lucia |\n| .sao-tome-and-principe |\n| .senegal |\n| .seychelles |\n| .sierra-leone |\n| .somalia |\n| .south-sudan |\n| .sudan |\n| .suriname |\n| .sweden |\n| .switzerland |\n| .syria |\n| .tanzania |\n| .thailand |\n| .togo |\n| .tonga |\n| .trinidad-and-tobago |\n| .tunisia |\n| .turkey |\n| .ukraine |\n| .uae |\n| .the-united-kingdom |\n| .vietnam |\n| .western-sahara |\n| .yemen |\n\n## Instructions for Developers\n\nI am using Pug, Sass and [Parcel](https://github.com/parcel-bundler/parcel)\n\n### Folder Structure is simple.\n\n```\n├── node_modules\n├── scss\n    ├── flags\n        ├── _a.scss\n                |\n        ├── all partials a - y\n                |\n        ├── _y.scss\n    ├── _base.scss\n    ├── _mixins.scss\n    ├── _variables.scss\n    ├── style.css\n├── .gitignore\n├── index.pug\n├── package-lock.json\n├── package.json\n├── README.md\n```\n\nTo install node modules run\n\n```\nnpm install\n```\n\nI am using Parcel.\n\n```\nparcel index.pug\n```\n\nwill start a local server and watch over sass and pug files\n\n```\nparcel build index.pug\n```\nwill publish the build to `./dist` folder\n\nIf you want to contribute, feel free to make a pull request. Or if you see any issues, you can open an issue.\n\n----\n\nTwitter: [@dhanishgajjar](https://twitter.com/dhanishgajjar)\n\nInstagram: [@dhanishgajjar](https://instagram.com/dhanishgajjar)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdhanishgajjar%2Fcss-flags","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdhanishgajjar%2Fcss-flags","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdhanishgajjar%2Fcss-flags/lists"}