Cupertino Panes

Appearance

Attributes ​

hide-on-bottom ​

Set for element to automaticaly hide on reach bottom breakpoint.

html
<div class="cupertino-pane">
    <h1>Header</h1>
    <div class="content" hide-on-bottom>Content</div>    
</div>
<div class="cupertino-pane">
    <h1>Header</h1>
    <div class="content" hide-on-bottom>Content</div>    
</div>

overflow-y ​

Set for element with overflow ability. By default using for full pane area, but in some cases good useful with header.

html
<div class="cupertino-pane">
    <h1>Header</h1>
    <div class="content" overflow-y>Content</div>    
</div>
<div class="cupertino-pane">
    <h1>Header</h1>
    <div class="content" overflow-y>Content</div>    
</div>