{"id":21195407,"url":"https://github.com/fallenmax/flex-minimal","last_synced_at":"2025-12-29T19:03:18.756Z","repository":{"id":70178987,"uuid":"75047124","full_name":"FallenMax/flex-minimal","owner":"FallenMax","description":"Unleash full power of Flex using easy-to-remember class names","archived":false,"fork":false,"pushed_at":"2017-12-26T10:34:36.000Z","size":51,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-21T14:15:02.513Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"CSS","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/FallenMax.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":"2016-11-29T05:34:08.000Z","updated_at":"2016-11-29T05:34:41.000Z","dependencies_parsed_at":null,"dependency_job_id":"b2ec3a91-a0a8-4e17-aef6-8be10a1eb190","html_url":"https://github.com/FallenMax/flex-minimal","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/FallenMax%2Fflex-minimal","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FallenMax%2Fflex-minimal/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FallenMax%2Fflex-minimal/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FallenMax%2Fflex-minimal/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/FallenMax","download_url":"https://codeload.github.com/FallenMax/flex-minimal/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243652646,"owners_count":20325597,"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-11-20T19:27:46.178Z","updated_at":"2025-12-29T19:03:13.699Z","avatar_url":"https://github.com/FallenMax.png","language":"CSS","readme":"# Flex-minimal\n\nUnleash full power of [Flex](https://developer.mozilla.org/en/docs/Web/CSS/flex) using easy-to-remember class names\n\n## Usage:\n\nImport `flex(.min).css` directly, or build `flex.scss` with your project's build procedure.\n\n*`flex(.min).css` are vendor-prefixed using latest 2 version of browsers.*\n\n## 1. Container properties\n\n### (**REQUIRED**) Direction *(display=flex, flex-direction)*\n\n`.fx-row`\n\n`.fx-col`\n\n### Wrapping *(flex-wrap)*\n\n`.fx-wrap`\n\n`.fx-nowrap`\n\n### (M)ain-axis alignment *(justify-content)*\n\n`.fx-m-start`\n\n`.fx-m-center`\n\n`.fx-m-end`\n\n`.fx-m-between`\n\n`.fx-m-around`\n\n### (C)ross-axis alignment *(align-items)*\n\n`.fx-c-stretch`\n\n`.fx-c-start`\n\n`.fx-c-center`\n\n`.fx-c-end`\n\n`.fx-c-baseline`\n\n### (C)ross-axis (L)ines alignment *(align-content)*\n\n`.fx-cl-stretch`\n\n`.fx-cl-start`\n\n`.fx-cl-center`\n\n`.fx-cl-end`\n\n`.fx-cl-between`\n\n`.fx-cl-around`\n\n\n## 2. Children properties\n\n### (O)rder (order)\n\n`.fx-o-1`\n\n`.fx-o-2`\n\n`.fx-o-3`\n\n`.fx-o-4`\n\n`.fx-o-5`\n\n`.fx-o-6`\n\n\n### allocation of space among children *(flex-basis=0, flex-grow)*\n\n`.fx-1`\n\n`.fx-2`\n\n`.fx-3`\n\n`.fx-4`\n\n`.fx-5`\n\n`.fx-6`\n\n### (S)elf alignment inside a flexbox *(align-self)*\n\n`.fx-s-stretch`\n\n`.fx-s-start`\n\n`.fx-s-center`\n\n`.fx-s-end`\n\n`.fx-s-baseline`\n\n## 3. Common shortcuts\n\n### Centering stuff\n\n`.fx-v-center`  // flexbox, row direction, children are vertically centered\n\n`.fx-h-center` // flexbox, row direction, children are horizonally centered\n\n`.fx-center` // flexbox, row direction, children are vertically \u0026 horizonally centered\n\n## Resources\n\n1. https://css-tricks.com/snippets/css/a-guide-to-flexbox/\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffallenmax%2Fflex-minimal","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffallenmax%2Fflex-minimal","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffallenmax%2Fflex-minimal/lists"}