Package Exports

easy-framework

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (easy-framework) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

EASY

Easy Angular Styles with a11Y

Overview

EASY is a CSS framework developed on 4 core principles:

Flexible
Accessible
Responsive
Lightweight

Flexible

Limited CSS selector specificity allows developers to easily override classes. Other than resets, HTML tags remain mostly untouched. This allows for additive development by adding color, spacing, and other CSS classes as needed.

The framework works nicely with Angular. You can use components, directives, CSS classes, or any combination that fits your coding style.

Accessible

Most accessibility requirements are added automatically. Of course, it falls on the developer to ensure all code follows WCAG guidelines.

Responsive

EASY was created with mobile first in mind. There are many layout options and they all look great on any device.

Lightweight

Developers can use only the components needed for a particular project. This is done through module imports. If you choose to use the entire framework, it is still less than 100k.

Installation

NPM:

npm i --save easy-framework

Usage

Import core styles into your app root module.

app.module.ts

import { EasyModule } from 'easy-framework';

Add the <ez-root> tag in your app root

app.component.html

<ez-root>
    <router-outlet></router-outlet>
</ez-root>

Then, import component modules where needed.

some.module.ts

import { ButtonModule } from 'easy-framework';

Documentation

Read the documentation.

Contributing

Review the code of conduct.

Issues

Report an issue.

License

See the license.