xuanhuan

xuanhuan is a modern css framework based on Flexbox.

install

npm install xuanhuan

usage

importing precompiled sass

To enjoy the full potential of xuanhuan and customize it to your needs, use the source files as a part of your project's bundling process.

First, create your own _custom.scss and use it to override the built-in custom variables. Then, use your main sass file to import your custom variables, followed by xuanhuan:

@import 'custom';
@import '~xuanhuan/scss/xuanhuan';

importing compiled css

Alternatively, you may use xuanhuan's ready-to-use CSS by simply adding this line to your project's entry point:

import 'xuanhuan/dist/xuanhuan.min.css'

browser support

xuanhuan uses autoprefixer to makr(most) Flexbox features compatible with earlier browser versions. According to Can I use, xuanhuan is compatible with recent versions of:

• Chrome
• Edge
• Firefox
• Opera
• Safari

Internet Explorer(10+) is only partially supported.

copyright and license

Code copyright 2018 otfngo. Code released under the MIT license.