pulsar-edit/pulsar
1
1
Fork 0
mirror of https://github.com/pulsar-edit/pulsar.git synced 2024-11-10 10:17:11 +03:00
Code Issues Packages Projects Releases Wiki Activity

Update flexbox test to demonstrate Chrome Canary

Browse Source
This commit is contained in:
Nathan Sobo 2012-05-07 12:34:32 -06:00
parent 37438c6da8
commit 6117897665
1 changed files with 20 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
docs/flexbox-test.html
View File

@ -6,44 +6,45 @@
background: blue;
}
.pane {
#flexbox-container {
background: black;
position: absolute;*
top: 100px;
left: 100px;
height: 200px;
width: 200px;
display: -webkit-box;
-webkit-box-orient: vertical;
display: -webkit-flexbox;
-webkit-flex-direction: column;
overflow: hidden;
border: 1px solid navy;
}
.editor {
#flexbox-item-1 {
background: green;
position: relative;
overflow: auto;
-webkit-box-flex: 1;
-webkit-flex: 1 0 100%;
}
.status-bar {
background: goldenrod;
#flexbox-item-1-content {
height: 100%;
background: purple;
}
#flexbox-item-2 {
background: orange;
}
</style>
</head>
<body>
<div class="pane">
<div class ="editor">
Fugiat PBR mumblecore qui sed chillwave. Before they sold out minim typewriter, bicycle rights assumenda nostrud bushwick cliche food truck you probably haven't heard of them wolf single-origin coffee sed eu godard. Helvetica irure ex, kogi hella PBR beard readymade. Tumblr pariatur aliqua bespoke occaecat godard. Duis cupidatat messenger bag, small batch tofu DIY next level scenester gentrify proident cliche selvage carles. Vice bespoke excepteur, retro +1 banh mi wayfarers gluten-free cardigan truffaut. Etsy aesthetic sustainable wes anderson irony, small batch keffiyeh stumptown kale chips biodiesel pour-over mcsweeney's magna sint helvetica.
Ethical occupy vero, freegan chillwave helvetica exercitation polaroid cillum. Trust fund chambray skateboard lo-fi adipisicing next level. Cillum polaroid typewriter id bicycle rights. Nulla terry richardson reprehenderit pour-over master cleanse ea. Brunch synth thundercats nisi vice. Umami laboris mollit fingerstache, kogi irony pop-up irure. Vero ea aute, accusamus pariatur narwhal stumptown post-ironic.
Readymade commodo vero food truck, delectus pour-over echo park incididunt williamsburg nostrud you probably haven't heard of them odio cillum fap organic. Small batch minim bushwick nulla next level chillwave ex, truffaut photo booth. Wolf veniam before they sold out ethnic banksy. Squid gastropub cillum ethical VHS labore. Veniam bushwick pinterest umami minim delectus. Magna keytar leggings bushwick retro mcsweeney's. Cray selvage wes anderson nulla non.
Dolor bushwick sapiente terry richardson do. Excepteur sriracha scenester keffiyeh minim, irure truffaut. Aute chillwave etsy esse, swag eiusmod truffaut four loko terry richardson deserunt cliche laborum leggings sartorial. Bespoke carles dolor, non ad incididunt ex eiusmod duis pitchfork synth quinoa cosby sweater. Nostrud wolf direct trade quinoa, PBR +1 voluptate. Gastropub odd future cliche pinterest +1 sint occupy. Velit gluten-free cred mollit, adipisicing iphone next level accusamus irony culpa ut.
<div id="flexbox-container">
<div id="flexbox-item-1">
<div id="flexbox-item-1-content">
I should be 100% of the height of my container, right?
</div>
<div class ="status-bar">
i am a status bar
</div>
<div id="flexbox-item-2">
I don't have a flex property, so I should have an auto height
</div>
</div>
</body>