Functional, Atomic, OOCSS-driven, layered, design-free, BEM-based, responsive and mighty
How to use
Install framework with NPM:
npm install ekzo --save
Import parts you would like to use, like:
Imports should be layered in following order:
- Predefined variables
- Settings (or default settings)
- Base styles
Sass 3.4.2 or higher.
Autoprefixer is highly advised.
|IE||Edge||Chrome||Firefox||Safari||Opera||Opera Mobile||iOS Safari||Android|
_ie.scss provides graceful regression for IE9 and below:
- Grid, media and nav objects will fallback from
- Flexbox alignment helpers will fallback to
vertical-alignto imitate intended alignment on
inline-block-based grid, media and nav objects.
::selectionwon't be styled nor displayed.
All this will help to maintain intended flow and alignment of elements as closely as possible, but some features will be limited, especially vertical alignment.
To use, include
_ie.scss in stylesheet, which will be served only to IE9 and below with IE conditional comments.
Best used with
Kotsu — Advanced Web Starter Kit & Static Website Generator with docker integration.