Move to Flexbox, Plugins #28

Open
KingPixil opened this Issue Oct 11, 2016 · 2 comments

Projects

None yet

2 participants

@KingPixil
Owner

Wing will be moving to flexbox, give your opinion here.

Reasons for moving to flexbox

  • Cleaner code
  • Less file size (more features can be added now)
  • 97% of browsers support flexbox

Now, utility classes like .center and .vertical-align are easily implemented. The grid will be given a revamp, with simpler classes and shortcuts.

You will be able to do

<div class="row">
    <div class="col">Automatically Sized</div>
    <div class="col">Automatically Sized</div>
</div>

While still having compatibility for col-1 through col-12, so you don't have to edit all of your existing code.

There will be grid offsets, this is a very much requested feature.

Other things will be added in a plugin system, where extra modules such as:

  • Navbar
  • Alert messages
  • Full screen hero

Let me know what you think, and if you have any ideas, comment them below as well, this will all happen in Wing v0.2.0. And all of these changes will lead up to v1.0.0.

@KingPixil KingPixil added this to the 0.2.0 milestone Oct 11, 2016
@CodeBrauer
Contributor
CodeBrauer commented Dec 27, 2016 edited

Nice! Looking forward for this features!

Some ideas (if possible without going to wild on the filesize):

  • Add helper classes for images (like img-circle, img-rounded)
  • Add a basic styling for tables
  • Add classes to hide elements on mobile devices
  • (?) Maybe add "cards", since flexbox will this make pretty easy - but I don't know if it's that important.
@KingPixil
Owner

Thanks @CodeBrauer 👍

I'll try to add as many as I can, the 1.0 development is in the v1.0.0 branch if you'd like to contribute.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment