Reviewed By: danielbuechele

Differential Revision: D7010371

fbshipit-source-id: 9a111010755ee134bded7500c461342b944b4d62
This commit is contained in:
Emil Sjölander
2018-02-16 09:03:21 -08:00
committed by Facebook Github Bot
parent 82aaebfea2
commit bdc37b0797
212 changed files with 854 additions and 5488 deletions

View File

@@ -0,0 +1,2 @@
webpackJsonp([87383622102453],{523:function(o,t){o.exports={pathContext:{frontmatter:{path:"docs/margins-paddings-borders",hasPlayground:!0,initialPlayground:null,redirect:null},html:'<h2>Margins, Paddings, and Borders</h2>\n<p><strong>MARGIN</strong> effects the spacing around the outside of a node. A node with margin\nwill offset itself from the bounds of its parent but also offset the\nlocation of any siblings. The margin of a node contributes to the total size\nof its parent if the parent is auto sized.</p>\n<p><controls prop="margin"></controls></p>\n<p><strong>PADDING</strong> affects the size of the node it is applied to. Padding in Yoga acts as if\n<code>box-sizing: border-box;</code> was set. That is padding will not add to the total size\nof an element if it has an explicit size set. For auto sized nodes padding will increase\nthe size of the node as well as offset the location of any children.</p>\n<p><controls prop="padding"></controls></p>\n<p><strong>BORDER</strong> in Yoga acts exactly like padding and only exists as a seperate property so\nthat higher level frameworks get a hint as to how thick to draw a border. Yoga however\ndoes not do any drawing so just uses this information during layout where border\nacts exactly like padding.</p>\n<p><controls prop="border"></controls></p>'}}}});
//# sourceMappingURL=path---docs-margins-paddings-borders-a31b659204f26b5a56e4.js.map