Skip to content

v3.0.0

Compare
Choose a tag to compare
@philmtd philmtd released this 24 Feb 13:14
· 28 commits to master since this release
8c75a9a

This release is a large step towards an easier migration from Angular Flex-Layout. Thank you to @lievenjanssen for his work in multiple PRs!
3.0.0 introduces some breaking changes, which should be easy to resolve, though.

We also added a migration guide from Angular Flex-Layout to our documentation.

New Features

  • Flex basis alias support (e.g. data-flex="30" / .fx-flex--30)
  • Support to create gap values from a list instead of generating incrementally from one number to another using the mixins gap-attribute-selectors-from-list or gap-class-selectors-from-list
  • New data-flex-fill / .fx-flex-fill selectors
  • New data-flex-align / .fx-flex-align selectors

What's Changed

  • Flex basis alias support by @lievenjanssen in #13
  • Layout gap value list support by @lievenjanssen in #12
  • Flex size support by @lievenjanssen in #15
  • chore: remove media size selectors phone, tablet and desktop in favor of the newer selectors by @philmtd in #16
  • Increment support for layout gap mixins by @lievenjanssen in #17
  • add real unit tests by @philmtd in #14
  • feat: improved documentation by @philmtd in #18
  • feat: add more flex layout support by @philmtd in #19
    • adds an fxFlexFill alternative
    • adds an fxFlexAlign alternative
    • adds flex-row properties to containers where it is missing and where layout-align is used
    • adds a documentation page on how to migrate from Flex Layout
    • renames data-fx-flex to data-flex because it was the only attribute selector with the fx prefix, which was confusing
    • removes data-fx-flex-grow in favor of data-flex="grow"

Breaking Changes

  • data-fx-flex has been renamed to data-flex
  • data-fx-flex-grow has been removed in favor of data-flex="grow"
  • The generator mixins for the gap selectors (gap-class-selectors and gap-attribute-selectors) have a new parameter $increment as their third parameter.
    You need to set this to 1 to get the previous behaviour.
  • Removes the old, initial css-fx-layout media sizes phone, tablet and desktop in favor of the existing Flex-Layout media sizes

New Contributors

Full Changelog: v2.1.0...v3.0.0