Skip to content

Commit a2f5595

Browse files
tabatkinstabatkins
committed
[css-flexbox-2] Undiff the spec, and add more explanatory info.
1 parent fb90e63 commit a2f5595

27 files changed

Lines changed: 5454 additions & 79 deletions

‎css-flexbox-2/Overview.bs‎

Lines changed: 4757 additions & 79 deletions
Large diffs are not rendered by default.

‎css-flexbox-2/examples/flex-item-determination.html‎

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
<!DOCTYPE html>
2+
<style>
3+
/* Flex it */
4+
.container { display: flex; }
5+
6+
/* Make it pretty */
7+
div, span {
8+
margin: 0.125em;
9+
padding: 0.125em;
10+
border-radius: 0.25em;
11+
list-style: none;
12+
color: white;
13+
text-align: center;
14+
}
15+
.container { background: #444; float: left; }
16+
.container > * { background: #888; }
17+
</style>
18+
19+
20+
<div class="container">
21+
22+
<!-- flex item: block child -->
23+
<div id="item1">block</div>
24+
25+
<!-- flex item: floated element; floating is ignored -->
26+
<div id="item2" style="float: left;">float</div>
27+
28+
<!-- flex item: anonymous block box around inline content -->
29+
anonymous item 3
30+
<!-- note that since it has no wrapper element this item can't be styled! -->
31+
32+
<!-- flex item: inline child -->
33+
<span>
34+
item 4
35+
<!-- flex items do not split around blocks -->
36+
<q style="display: block" id=not-an-item>item 4</q>
37+
item 4
38+
</span>
39+
</div>

‎css-flexbox-2/images/OK.png‎

223 Bytes
Loading

‎css-flexbox-2/images/align-content-example.svg‎

Lines changed: 94 additions & 0 deletions
Loading

‎css-flexbox-2/images/basic-flexbox.png‎

2.49 KB
Loading

‎css-flexbox-2/images/basic-vertical-flexbox.png‎

1.21 KB
Loading

‎css-flexbox-2/images/computer.jpg‎

6.94 KB
Loading

‎css-flexbox-2/images/flex-align.svg‎

Lines changed: 79 additions & 0 deletions
Loading

‎css-flexbox-2/images/flex-direction-terms.svg‎

Lines changed: 66 additions & 0 deletions
Loading

‎css-flexbox-2/images/flex-flow-english.svg‎

Lines changed: 24 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)