Skip to content
Just a layout framework. Design for cross-platform with ease.
HTML JavaScript CSS
Branch: master
Clone or download
Latest commit cf49818 Sep 12, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
blueprints/flexi Add 'use strict' Jan 20, 2018
config Ember 3.1 beta Feb 21, 2018
sketch Add sketch files to git Apr 24, 2017
tests Add 'use strict' Jan 20, 2018
vendor
.bowerrc Initial Commit from Ember CLI v2.2.0-beta.6 Jan 30, 2016
.codeclimate.yml
.editorconfig Ember init Jan 17, 2017
.ember-cli Update to ember 3.0 Jan 20, 2018
.eslintignore Test Setup Configuration Mar 18, 2016
.eslintrc.js Update to ember 3.0 Jan 20, 2018
.gitignore Update to ember 3.0 Jan 20, 2018
.npmignore Update to ember 3.0 Jan 20, 2018
.travis.yml Ember 3.1 beta Feb 21, 2018
.watchmanconfig Initial Commit from Ember CLI v2.2.0-beta.6 Jan 30, 2016
CHANGELOG.md Released v1.1.9 May 21, 2016
LICENSE.md Ember init Jan 17, 2017
README.md Update Slack to Discord Sep 12, 2018
ember-cli-build.js Update to ember 3.0 Jan 20, 2018
index.js
package.json 2.1.0 Feb 21, 2018
testem.js
yarn.lock Yarn upgrade Feb 21, 2018

README.md

Flexi

Greenkeeper badge

npm version Ember Observer Score Build Status Code Climate

Flexi is a responsive-design layout framework like Bootstrap and Foundation. Flexi is focused on performance and maintainability, utilizing Ember for greater configuration and convenience than Bootstrap or Foundation can offer.

Flexi does most of it's heavy lifting at build time, happily adding very little runtime code and CSS to your project.

Learn More

Installation

ember install flexi

That'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 the templates for layouts.

var EmberApp = require('ember-cli/lib/broccoli/ember-app');
var shim = require('@html-next/flexi-layouts/lib/pod-templates-shim');

shim(EmberApp);

Support, Questions, Collaboration

Join the Ember community on Discord

Status

Changelog

Build Status Code Climate Test Coverage dependencies devDependency Status

Contributing

  • Open an Issue for discussion first if you're unsure a feature/fix is wanted.
  • Branch off of master (default branch)
  • Use descriptive branch names (e.g. <type>/<short-description>)
  • Use Angular Style Commits
  • PR against master (default branch).

Commmits

Angular Style commit messages have the full form:

<type>(<scope>): <title>

<body>

<footer>

But the abbreviated form (below) is acceptable and often preferred.

<type>(<scope>): <title>

Examples:

  • chore(deps): bump deps in package.json and bower.json
  • docs(component): document the fast-action component

Thanks

A special thanks goes out to @ebryn for the inspiration to pursue a solution for explicit layouts, and IsleofCode for providing the time to built it.

You can’t perform that action at this time.