DaddyFrosty/yoga
1
0
Fork 0
Code Issues 96 Pull Requests 31 Actions Packages Projects Releases 33 Wiki Activity

Update README.md

Browse Source
This commit is contained in:
Christopher Chedeau
2014-09-11 10:47:43 -07:00
parent d7f3ea868d
commit d26a3fabd6
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
README.md
View File

@@ -19,7 +19,7 @@ borderWidth, borderLeftWidth, borderRightWidth, borderTopWidth, borderBottomWidt
flexDirection | 'column', 'row' flexDirection | 'column', 'row'
justifyContent | 'flex-start', 'center', 'flex-end', 'space-between', 'space-around' justifyContent | 'flex-start', 'center', 'flex-end', 'space-between', 'space-around'
alignItems, alignSelf | 'flex-start', 'center', 'flex-end', 'stretch' alignItems, alignSelf | 'flex-start', 'center', 'flex-end', 'stretch'
flex | 'none', 1 flex | positive number
position | 'relative', 'absolute' position | 'relative', 'absolute'
- `inherit` value is not implemented because it's a way to disambiguate between multiple colliding rules. This should be done in a pre-processing step, not in the actual layout algorithm. - `inherit` value is not implemented because it's a way to disambiguate between multiple colliding rules. This should be done in a pre-processing step, not in the actual layout algorithm.
@@ -49,10 +49,10 @@ computeLayout(
Default values Default values
-------------- --------------
Since we are only using flexbox, we can use defaults that are much more sensible. This is the configuration to use in order to get the same behavior using the DOM and CSS. Since we are only using flexbox, we can use defaults that are much more sensible. This is the configuration to use in order to get the same behavior using the DOM and CSS. You can try those default settings with the [following JSFiddle](http://jsfiddle.net/vjeux/y11txxv9/).
```css ```css
div { div, span {
box-sizing: border-box; box-sizing: border-box;
position: relative; position: relative;
border: 0 solid black; border: 0 solid black;
@@ -61,6 +61,7 @@ div {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-self: stretch;
align-items: flex-start; align-items: flex-start;
justify-content: flex-start; justify-content: flex-start;
flex-shrink: 0; flex-shrink: 0;