fle.css is a CSS library of classes to simplify the creation of flex-based layouts.
The library can be generated through a javascript file with customisable options.
- Modify the
options
object infle.css.js
to your requirements to generate a custom fle.css stylesheet - Either
-
(recommended) Link to your generated fle.css in your HTML
<link rel='stylesheet' href='fle.css'>
-
Link to the script in your HTML
<script src='fle.css.js'></script>
-
All options are currenty required.
Type: String
Prepended to all classes. The can be omitted, however this may cause issues.
Type: String
Defines how direction classes are named (examples below). Valid options are direction
, from
, or both
.
direction
would use the class .fc-direction-right
for a left to right flow.
from
would use the class .fc-from-left
for a left to right flow.
both
would enable both types.
Type: Array of Objects
Media query breakpoints to be generated. Each breakpoint object requires prefix and size string properties.
Currently, these breakpoints are not sorted prior to generation, therefore should be in ascending order.
The main script, with customisable options, this generates and appends the CSS library to the document's head
element.
A minified version of fle.css.js
The base CSS library, generated using default options.