[Enhancement] - Adding gap to layout utilities
ItsKDaniel opened this issue · comments
Daniel commented
Description of the enhancement:
Crayons provides CSS utility classes that can be used to build layouts with flexbox.
Adding gap utility will help in designing better layouts with gutters.
Reference: https://developer.mozilla.org/en-US/docs/Web/CSS/gap
Describe the solution you'd like
Add css utility classes for gap, similar to this https://www.primefaces.org/primeflex/gap
.fw-gap-#{$number} {
gap: {$number}; /* number, rem */
}
.fw-row-gap-#{$number} {
row-gap: {$number}; /* number, rem */
}
.fw-column-gap-#{$number} {
column-gap: {$number}; /* number, rem */
}