use classnames not header, main, footer

This commit is contained in:
Adam Bradley
2013-08-28 15:30:48 -05:00
parent 75ff9929ce
commit 84ecd1f77d
4 changed files with 9 additions and 66 deletions

8
dist/framework.css vendored
View File

@@ -233,7 +233,7 @@ a.list-item {
display: block;
width: 270px; }
header, main, footer {
.bar-header, .content, .bar-footer {
z-index: 100;
left: 0;
right: 0;
@@ -244,9 +244,9 @@ header, main, footer {
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.ion-panel-opened > section > header,
.ion-panel-opened > section > main,
.ion-panel-opened > section > footer {
.ion-panel-opened .bar-header,
.ion-panel-opened .content,
.ion-panel-opened .bar-footer {
-webkit-transform: translate3d(270px, 0, 0);
-moz-transform: translate3d(270px, 0, 0);
transform: translate3d(270px, 0, 0); }