ENSE

Ense is a simple web framework which is for modern browsers and written with modern and future code.

Dependencies

• SASS compiler
• Babel
• PostCSS or similar autoprefixing tool (if you need to consider browser prefixes)

Getting started

npm install ense --save

CSS

Simple SCSS import

Simply import all of the SCSS code to your custom SCSS file.

@import 'node_modules/ense/styles/main.scss';

Recommended SCSS import

Recommended method is to import each SCSS module folder. This way you can choose if you want to use certain styles. Be sure to include your custom styles after the settings/* and tools/* files and before everything else. This way you can override Ense variables which update Ense CSS classes.

// Settings
@import "node_modules/ense/styles/settings/core";

// Tools
@import "node_modules/ense/styles/tools/core";

// Custom overrides go here

// Base
@import "node_modules/ense/styles/base/core";

// Objects
@import "node_modules/ense/styles/objects/core";

// Components
@import "node_modules/ense/styles/components/core";

// Utilities
@import "node_modules/ense/styles/utilities/core";

CSS CDN

Coming soon.

JS

Ense Javascript is written in ES6/ES2015, so you will need Babel to compile it to todays Javascript. Babel is a next generation JavaScript compiler. One of the features is the ability to use ES6/ES2015 modules now, even though browsers do not yet support this feature natively.

import Ense from "ense"
.
.
.
new Ense()

JS CDN

Coming soon.

Versioning

Ense is maintained by using the Semantic Versioning Specification (SemVer).

Browser Support

| | | | | --- | --- | --- | --- | --- | --- | Latest ✔ | Latest ✔ | Latest ✔ | 11+ ✔ | 7.1+ ✔ | Latest ✔ |