{"id":19206858,"url":"https://github.com/html-next/flexi-layouts","last_synced_at":"2025-06-30T16:37:48.713Z","repository":{"id":57238275,"uuid":"78644636","full_name":"html-next/flexi-layouts","owner":"html-next","description":"The layouts portion of flexi","archived":false,"fork":false,"pushed_at":"2020-06-02T16:02:39.000Z","size":8006,"stargazers_count":1,"open_issues_count":32,"forks_count":7,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-23T09:52:04.408Z","etag":null,"topics":["flexi","flexi-layouts","layouts","responsive"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","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/html-next.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-01-11T14:04:10.000Z","updated_at":"2018-11-22T16:26:30.000Z","dependencies_parsed_at":"2022-08-26T15:11:46.417Z","dependency_job_id":null,"html_url":"https://github.com/html-next/flexi-layouts","commit_stats":null,"previous_names":[],"tags_count":29,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/html-next%2Fflexi-layouts","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/html-next%2Fflexi-layouts/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/html-next%2Fflexi-layouts/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/html-next%2Fflexi-layouts/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/html-next","download_url":"https://codeload.github.com/html-next/flexi-layouts/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250439792,"owners_count":21430898,"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":["flexi","flexi-layouts","layouts","responsive"],"created_at":"2024-11-09T13:17:13.372Z","updated_at":"2025-05-12T17:27:35.758Z","avatar_url":"https://github.com/html-next.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Flexi\n\n[](https://greenkeeper.io/)\n\n[](https://badge.fury.io/js/%40html-next%2Fflexi-layouts)\n[](http://emberobserver.com/addons/flexi)\n[](https://travis-ci.org/html-next/flexi-layouts)\n[](https://codeclimate.com/github/html-next/flexi-layouts)\n\nFlexi-layouts is the layouts portion of flexi.\n\nIt includes the following concepts:\n* [Viewport Specific Templates](https://flexi.readme.io/docs/viewport-specific-templates)\n* [Blueprints](https://flexi.readme.io/docs/blueprints) for generating viewport specific templates or moving existing templates into a layouts structure.\n* [Layout Service](https://flexi.readme.io/docs/layout-service) for checking `isMobile`, `isDesktop` and other various things\n\n### Installation\n\nIt is recommended that you manage your flexi addons through [the main flexi addon](https://github.com/html-next/flexi):\n\n```cli\nember install flexi\n```\n\nThis will provide a prompt to install only the addons you want. Flexi will also maintain\ncompatibility between addons.\n\nAlternatively install just this package:\n\n```cli\nember instal @html-next/flexi-layouts\n```\n\nThat's all that required if you're using the classic component layout. If you are using a _pod_-based structure you will also need to install the shim for `ember-app`. This is done by modifiying your `ember-cli-build.js` file. This shim makes ember-cli's template tree able to find\nthe templates for layouts.\n\n```js\nvar EmberApp = require('ember-cli/lib/broccoli/ember-app');\nvar shim = require('@html-next/flexi-layouts/lib/pod-templates-shim');\n\nshim(EmberApp);\n```\n\n\n## Support, Questions, Collaboration\n\nJoin the [Ember community on Discord](https://discord.gg/zT3asNS)\n\n## Contributing\n\n - Open an Issue for discussion first if you're unsure a feature/fix is wanted.\n - Branch off of `develop` (default branch)\n - Use descriptive branch names (e.g. `\u003ctype\u003e/\u003cshort-description\u003e`)\n - Use [Angular Style Commits](https://github.com/angular/angular.js/blob/v1.4.8/CONTRIBUTING.md#commit)\n - PR against `develop` (default branch).\n\n### Commmits\n\nAngular Style commit messages have the full form:\n\n ```cli\n \u003ctype\u003e(\u003cscope\u003e): \u003ctitle\u003e\n\n \u003cbody\u003e\n\n \u003cfooter\u003e\n ```\n\n But the abbreviated form (below) is acceptable and often preferred.\n\n ```cli\n \u003ctype\u003e(\u003cscope\u003e): \u003ctitle\u003e\n ```\n\n Examples:\n\n - chore(deps): bump deps in package.json and bower.json\n - docs(component): document the `fast-action` component\n\n## Thanks\n\nA special thanks goes out to [@ebryn](https://github.com/ebryn) for the\ninspiration to pursue a solution for explicit layouts, and [IsleofCode](https://isleofcode.com)\nfor providing the time to built it.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhtml-next%2Fflexi-layouts","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhtml-next%2Fflexi-layouts","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhtml-next%2Fflexi-layouts/lists"}