Container adds 30px padding to bottom?

Comments

8 comments

  • Lucas Tsolakian

    Nope the Container has no bottom margin, according to the docs and a quick test here. The default Container adds 15px padding to the left/right. Why don't use the Flex stack to align it, drop inside the Flex and choose uk-flex-center

    0
    Comment actions Permalink
  • steveb

    Aha, Flex stack... I don't have a Flex Stack!

     

     

    Regards the container bottom padding, you are of course right. I've just added a Container stack to a blank page, add some colour to the BG, and no padding. But, as you can see in the image above, when the stacks are arranged in a certain way, something is adding some padding!

     

    I'll dig into it and try and work out what is happening. 

     

    If you can let me know about the Flex stack that would be great: I've been struggling with a few layout issues and couldn't understand why there seemed to be no way to do some obvious things. The lack of that Flex stack is why!

    0
    Comment actions Permalink
  • steveb

    UPDATE: Checked the package contents, Flex was there. 

     

     

    A reboot fixed the problem.

    A few other missing stacks appeared too.

    :-)

    0
    Comment actions Permalink
  • Lucas Tsolakian

    Nice! I see that some stacks are missing the UIkit tag, so are not being picked in the Search using UIkit query.

    0
    Comment actions Permalink
  • steveb

    Ya, noticed that too.

     

    And Flex Stack is now my new favourite UIkit stack :-)

    0
    Comment actions Permalink
  • Lucas Tsolakian

    Flexbox works nice in Uikit. Note that you have to use inline stacks so to get the proper results, like the Card stack etc. Take a look at the Tests project for the various examples ;)

    0
    Comment actions Permalink
  • steveb

    I can't replicate the 30px bottom padding issue, so gonna put it down to me being stupid or RW having a moment. 

    0
    Comment actions Permalink
  • Lucas Tsolakian

    Really there's no bottom margin / padding in the code...try adding a new Container and a Text stack into it. Make a border to the Container, can you see the margin / padding? 

    0
    Comment actions Permalink

Please sign in to leave a comment.

Powered by Zendesk