Skip to content

Commit

Permalink
Make view switcher and nav start from same opacity.
Browse files Browse the repository at this point in the history
  • Loading branch information
wuyuntao committed Jun 26, 2013
1 parent 1158684 commit 9a65322
Show file tree
Hide file tree
Showing 2 changed files with 12 additions and 12 deletions.
16 changes: 8 additions & 8 deletions lib/css/kopi.css
Original file line number Diff line number Diff line change
Expand Up @@ -1233,8 +1233,8 @@ div.kopi-view-switcher-top-fixed {
}
/* line 78, ../../src/scss/kopi/_viewswitchers.scss */
.kopi-view-switcher-animation .kopi-view-from-stop {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
Expand All @@ -1249,8 +1249,8 @@ div.kopi-view-switcher-top-fixed {
}
/* line 86, ../../src/scss/kopi/_viewswitchers.scss */
.kopi-view-switcher-animation .kopi-view-to-start {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
Expand Down Expand Up @@ -1298,8 +1298,8 @@ div.kopi-view-switcher-top-fixed {
}
/* line 111, ../../src/scss/kopi/_viewswitchers.scss */
.kopi-view-switcher-animation-reverse .kopi-view-from-stop {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
Expand All @@ -1314,8 +1314,8 @@ div.kopi-view-switcher-top-fixed {
}
/* line 119, ../../src/scss/kopi/_viewswitchers.scss */
.kopi-view-switcher-animation-reverse .kopi-view-to-start {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
Expand Down
8 changes: 4 additions & 4 deletions src/scss/kopi/_viewswitchers.scss
Original file line number Diff line number Diff line change
Expand Up @@ -77,14 +77,14 @@ div.kopi-view-switcher-top-fixed {

.kopi-view-from-stop {
@extend .kopi-view-transition;
@include opacity(0.7);
@include opacity(0);
@include translateX(-100%);
@include translate3d(-100%, 0, 0);
visibility: visible;
}

.kopi-view-to-start {
@include opacity(0.7);
@include opacity(0);
@include translateX(100%);
@include translate3d(100%, 0, 0);
visibility: visible;
Expand All @@ -110,14 +110,14 @@ div.kopi-view-switcher-top-fixed {

.kopi-view-from-stop {
@extend .kopi-view-transition;
@include opacity(0.7);
@include opacity(0);
@include translateX(100%);
@include translate3d(100%, 0, 0);
visibility: visible;
}

.kopi-view-to-start {
@include opacity(0.7);
@include opacity(0);
@include translateX(-100%);
@include translate3d(-100%, 0, 0);
visibility: visible;
Expand Down

0 comments on commit 9a65322

Please sign in to comment.