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

ion panels!

Browse Source
This commit is contained in:
Adam Bradley
2013-08-28 12:28:44 -05:00
parent 75da07249f
commit a8ad16df86
7 changed files with 98 additions and 170 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
dist/framework.css vendored
View File

@@ -221,7 +221,7 @@ a.list-item {
margin-bottom: 0;
line-height: 1.3; }
[data-panel] {
.ion-panel {
display: none;
min-height: 100%;
max-height: 100%;
@@ -229,7 +229,7 @@ a.list-item {
top: 0;
z-index: 0; }
.panel-active {
.ion-panel-active {
display: block;
width: 270px; }
@@ -244,9 +244,9 @@ header, main, footer {
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.panel-opened > section > header,
.panel-opened > section > main,
.panel-opened > section > footer {
.ion-panel-opened > section > header,
.ion-panel-opened > section > main,
.ion-panel-opened > section > footer {
-webkit-transform: translate3d(270px, 0, 0);
-moz-transform: translate3d(270px, 0, 0);
transform: translate3d(270px, 0, 0); }
@@ -534,7 +534,7 @@ main {
a.list-item {
color: #333333; }
[data-panel] {
.ion-panel {
background: #eeeeee;
border-right: 1px solid #bbbbbb; }