javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

header border update

Browse Source
This commit is contained in:
Adam Bradley
2013-11-13 11:38:54 -06:00
parent 12d461a65e
commit 08372e7eaf
4 changed files with 275 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

124
test/headers.html
View File

@@ -16,15 +16,15 @@
</head>
<body>
<section>
<section class="content overflow-scroll">
<header class="bar bar-header bar-dark">
<header class="bar bar-header">
<a class="button" href="index.html">Back</a>
<h1 class="title">Really really really really really really really really long title!</h1>
<a class="button"><i class="icon ion-home"></i> Home</a>
</header>
<div class="bar bar-header-secondary">
<div class="bar bar-header-subheader">
<a class="button">
<i class="icon ion-navicon"></i> Home
</a>
@@ -39,7 +39,7 @@
</div>
<header class="bar bar-header bar-positive">
<a class="button button-default">
<a class="button">
<i class="icon ion-navicon"></i> Home
</a>
<div class="button-bar">
@@ -66,8 +66,120 @@
</a>
</div>
<header class="bar bar-header bar-royal">
<a class="button button-default">
<header class="bar bar-dark">
<a class="button">
<i class="icon ion-home"></i>
</a>
<div class="button-bar">
<a class="button">Success</a>
<a class="button">Warning</a>
<a class="button">Danger</a>
</div>
<a class="button">
<i class="icon ion-star"></i>
</a>
</header>
<header class="bar bar-positive">
<a class="button">
<i class="icon ion-home"></i>
</a>
<div class="button-bar">
<a class="button">Success</a>
<a class="button">Warning</a>
<a class="button">Danger</a>
</div>
<a class="button">
<i class="icon ion-star"></i>
</a>
</header>
<header class="bar bar-calm">
<a class="button">
<i class="icon ion-home"></i>
</a>
<div class="button-bar">
<a class="button">Success</a>
<a class="button">Warning</a>
<a class="button">Danger</a>
</div>
<a class="button">
<i class="icon ion-star"></i>
</a>
</header>
<header class="bar bar-assertive">
<a class="button">
<i class="icon ion-home"></i>
</a>
<div class="button-bar">
<a class="button">Success</a>
<a class="button">Warning</a>
<a class="button">Danger</a>
</div>
<a class="button">
<i class="icon ion-star"></i>
</a>
</header>
<header class="bar bar-balanced">
<a class="button">
<i class="icon ion-home"></i>
</a>
<div class="button-bar">
<a class="button">Success</a>
<a class="button">Warning</a>
<a class="button">Danger</a>
</div>
<a class="button">
<i class="icon ion-star"></i>
</a>
</header>
<header class="bar bar-energized">
<a class="button">
<i class="icon ion-home"></i>
</a>
<div class="button-bar">
<a class="button">Success</a>
<a class="button">Warning</a>
<a class="button">Danger</a>
</div>
<a class="button">
<i class="icon ion-star"></i>
</a>
</header>
<header class="bar bar-royal">
<a class="button">
<i class="icon ion-home"></i>
</a>
<div class="button-bar">
<a class="button">Success</a>
<a class="button">Warning</a>
<a class="button">Danger</a>
</div>
<a class="button">
<i class="icon ion-star"></i>
</a>
</header>
<header class="bar bar-light">
<a class="button">
<i class="icon ion-home"></i>
</a>
<div class="button-bar">
<a class="button">Success</a>
<a class="button">Warning</a>
<a class="button">Danger</a>
</div>
<a class="button">
<i class="icon ion-star"></i>
</a>
</header>
<header class="bar bar-light">
<a class="button">
<i class="icon ion-home"></i>
</a>
<div class="button-bar">