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

Headers and some segmented stuff

Browse Source
This commit is contained in:
Max Lynch
2013-09-09 15:44:41 -05:00
parent 2d14bdc2f7
commit c02effede2
5 changed files with 31 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
dist/ionic.css vendored
View File

@ -1,12 +1,6 @@
@charset "UTF-8"; @charset "UTF-8";
*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
html { html {
-webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-touch-callout: none; -webkit-touch-callout: none;
-webkit-user-select: none; -webkit-user-select: none;
-moz-user-select: -moz-none; -moz-user-select: -moz-none;

21
example/headers.html
View File

@ -7,6 +7,12 @@
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<link href="/vendor/font-awesome/css/font-awesome.css" rel="stylesheet"> <link href="/vendor/font-awesome/css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" href="../dist/ionic.css"> <link rel="stylesheet" href="../dist/ionic.css">
<style>
.bar {
position: relative;
top: 0;
}
</style>
</head> </head>
<body> <body>
@ -30,6 +36,21 @@
<a class="button">Danger</a> <a class="button">Danger</a>
</div> </div>
</div> </div>
<header class="bar bar-header bar-dark">
<div class="buttons">
<a class="button button-clear">Back</a>
<a class="button button-clear">This</a>
</div>
<div class="button-bar">
<a class="button">Success</a>
<a class="button">Warning</a>
<a class="button">Danger</a>
</div>
<div class="buttons">
<a class="button button-clear">Back</a>
<a class="button button-clear">This</a>
</div>
</header>
<main class="content content-padded has-header"> <main class="content content-padded has-header">
<p>Content element must have "has-header" as a classname.</p> <p>Content element must have "has-header" as a classname.</p>

3
js/views/ionic-segmented.js Normal file
View File

@ -0,0 +1,3 @@
(function(window, document, ion) {
});

7
scss/ionic/structure/_animations.css Normal file
View File

@ -0,0 +1,7 @@
.slide-in-up.enter {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
-webkit-transition: -webkit-transform .25s ease-in-out, opacity 1ms .25s;
transition: transform .25s ease-in-out, opacity 1ms .25s;
}

7
scss/ionic/structure/_base.scss
View File

@ -1,15 +1,8 @@
// TODO: This might be inefficient? // TODO: This might be inefficient?
*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing:
border-box;
box-sizing: border-box;
}
// Make sure iOS Safari doesn't scale fonts on orientation changes // Make sure iOS Safari doesn't scale fonts on orientation changes
html { html {
-webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
@include disable-user-select(); @include disable-user-select();
} }