Package Exports
- tailwindcss-linelay
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 (tailwindcss-linelay) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
Linelay is a utility library on flex layout with multidiretional capabilities that saves more space than usual grid systems.
Installation
npm i tailwindcss-linelayConfiguration
module.exports = {
// ...
plugins: [
// ...
require('tailwindcss-linelay')(),
],
theme: {
// ...
extend: {
// ...
weight: theme => ({
'1': [1],
'2': [2],
'3': [3],
}),
},
},
}Samples
.horiz
Elements inside it will be organized horizontally, like columns.
Click to explore
.verti
Elements inside it will be organized vertically, like rows.
Click to explore
.weight-{number}
Controls the weight of the element compared to it's siblings. Siblings with same weight will occupy the remaining space of it's parent equaly, a weight-2 will occupy twice the space of a weight-1.
Click to explore