javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-07 06:57:02 +08:00
Code Issues Packages Projects Releases Wiki Activity

.has-header required in <main>

Browse Source
This commit is contained in:
Adam Bradley
2013-08-26 13:58:10 -05:00
parent 3362303b7d
commit 0a9c45398e
16 changed files with 21 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
example/alerts.html
View File

@ -17,7 +17,7 @@
<h1 class="title">Alerts</h1>
</header>
<main class="content-padded">
<main class="content-padded has-header">
<p class="alert">
<strong>Warning!</strong> Best check yo self, you're not looking too good.

2
example/button-groups.html
View File

@ -17,7 +17,7 @@
<h1 class="title">Button Group</h1>
</header>
<main class="content-padded">
<main class="content-padded has-header">
<p>
<div class="button-group">
<a class="button button-primary" href="index.html">Success</a>

2
example/buttons.html
View File

@ -23,7 +23,7 @@
<h1 class="title">Buttons</h1>
</header>
<main class="content-padded">
<main class="content-padded has-header">
<p>
<a class="button button-default" href="grid.html">Default</a>
<a class="button button-secondary" href="index.html">Secondary</a>

2
example/footers.html
View File

@ -17,7 +17,7 @@
<h1 class="title">Footers</h1>
</header>
<main class="content-padded has-footer">
<main class="content-padded has-header has-footer">
<p>Footer should always stay at the bottom of the screen, and on top of the main content.
<ul>
<li>asdf

2
example/image-swipe.html
View File

@ -17,7 +17,7 @@
<h1 class="title">Image Swipe</h1>
</header>
<main>
<main class="has-header">
</main>

2
example/index.html
View File

@ -23,7 +23,7 @@
<h1 class="title">Framework!!</h1>
</header>
<main class="content-padded">
<main class="content-padded has-header">
<p><a class="button button-default" href="alerts.html">Alerts</a></p>
<p><a class="button button-default" href="buttons.html">Buttons</a></p>
<p><a class="button button-default" href="button-groups.html">Button Groups</a></p>

2
example/input-slider.html
View File

@ -17,7 +17,7 @@
<h1 class="title">Input: Slider</h1>
</header>
<main>
<main class="has-header">
</main>

2
example/input-text.html
View File

@ -17,7 +17,7 @@
<h1 class="title">Input: Text</h1>
</header>
<main>
<main class="has-header">
</main>

2
example/input-toggle.html
View File

@ -17,7 +17,7 @@
<h1 class="title">Input: Toggle</h1>
</header>
<main>
<main class="has-header">
</main>

2
example/lists.html
View File

@ -23,7 +23,7 @@
<h1 class="title">Customers</h1>
</header>
<main>
<main class="has-header">
<ul class="list">
<a href="#" class="list-item">
Sasafras

2
example/modals.html
View File

@ -17,7 +17,7 @@
<h1 class="title">Modals</h1>
</header>
<main>
<main class="has-header">
</main>

8
example/panels.html
View File

@ -17,11 +17,15 @@
<h1 class="title">Panels</h1>
</header>
<main>
<main class="has-header">
<p>A whole bunch of content</p>
</main>
</section>
<section class="panel-content">
Panel!
</section>
</body>
</html>

2
example/popovers.html
View File

@ -17,7 +17,7 @@
<h1 class="title">Popovers</h1>
</header>
<main>
<main class="has-header">
</main>

2
example/pull-to-refresh.html
View File

@ -17,7 +17,7 @@
<h1 class="title">Pull To Refresh</h1>
</header>
<main class="ptr-capable">
<main class="ptr-capable has-header">
<p>Pull the content down to refresh.</p>
</main>

2
example/tab-bars.html
View File

@ -17,7 +17,7 @@
<h1 class="title">Tab Bars</h1>
</header>
<main>
<main class="has-header">
</main>

2
scss/framework/structure/_bar.scss
View File

@ -77,7 +77,7 @@
/* Pad top/bottom of content so it doesn't hide behind .bar-title and .bar-tab.
Note: For these to work, content must come after both bars in the markup */
.bar-header ~ main, .has-header {
.has-header {
top: $barHeight;
}