diff options
| author | Pliable Pixels <pliablepixels@gmail.com> | 2017-09-27 12:42:48 -0400 |
|---|---|---|
| committer | Pliable Pixels <pliablepixels@gmail.com> | 2017-09-27 12:42:48 -0400 |
| commit | 210e8feae2fb4842bfb2de38666e6c41671fef3c (patch) | |
| tree | cbdafa34b1a6260bb20236d7e9de9eb1b690a1c5 /www/lib/ionic/scss/_transitions.scss | |
| parent | e7e7baeaad90229ccb3e0f45f4ebd77be7d79b14 (diff) | |
removed lib
Diffstat (limited to 'www/lib/ionic/scss/_transitions.scss')
| -rw-r--r-- | www/lib/ionic/scss/_transitions.scss | 188 |
1 files changed, 0 insertions, 188 deletions
diff --git a/www/lib/ionic/scss/_transitions.scss b/www/lib/ionic/scss/_transitions.scss deleted file mode 100644 index 35881d8b..00000000 --- a/www/lib/ionic/scss/_transitions.scss +++ /dev/null @@ -1,188 +0,0 @@ - -// iOS View Transitions -// ------------------------------- - -$ios-transition-duration: 500ms !default; -$ios-transition-timing-function: cubic-bezier(.36, .66, .04, 1) !default; -$ios-transition-container-bg-color: #000 !default; - - -[nav-view-transition="ios"] { - - [nav-view="entering"], - [nav-view="leaving"] { - @include transition-duration( $ios-transition-duration ); - @include transition-timing-function( $ios-transition-timing-function ); - -webkit-transition-property: opacity, -webkit-transform, box-shadow; - transition-property: opacity, transform, box-shadow; - } - - &[nav-view-direction="forward"], - &[nav-view-direction="back"] { - background-color: $ios-transition-container-bg-color; - } - - [nav-view="active"], - &[nav-view-direction="forward"] [nav-view="entering"], - &[nav-view-direction="back"] [nav-view="leaving"] { - z-index: $z-index-view-above; - } - - &[nav-view-direction="back"] [nav-view="entering"], - &[nav-view-direction="forward"] [nav-view="leaving"] { - z-index: $z-index-view-below; - } - -} - - - -// iOS Nav Bar Transitions -// ------------------------------- - -[nav-bar-transition="ios"] { - - .title, - .buttons, - .back-text { - @include transition-duration( $ios-transition-duration ); - @include transition-timing-function( $ios-transition-timing-function ); - -webkit-transition-property: opacity, -webkit-transform; - transition-property: opacity, transform; - } - - [nav-bar="active"], - [nav-bar="entering"] { - z-index: $z-index-bar-above; - - .bar { - background: transparent; - } - } - - [nav-bar="cached"] { - display: block; - - .header-item { - display: none; - } - } - -} - - - -// Android View Transitions -// ------------------------------- - -$android-transition-duration: 200ms !default; -$android-transition-timing-function: cubic-bezier(0.4, 0.6, 0.2, 1) !default; - - -[nav-view-transition="android"] { - - [nav-view="entering"], - [nav-view="leaving"] { - @include transition-duration( $android-transition-duration ); - @include transition-timing-function( $android-transition-timing-function ); - -webkit-transition-property: -webkit-transform; - transition-property: transform; - } - - [nav-view="active"], - &[nav-view-direction="forward"] [nav-view="entering"], - &[nav-view-direction="back"] [nav-view="leaving"] { - z-index: $z-index-view-above; - } - - &[nav-view-direction="back"] [nav-view="entering"], - &[nav-view-direction="forward"] [nav-view="leaving"] { - z-index: $z-index-view-below; - } - -} - - - -// Android Nav Bar Transitions -// ------------------------------- - -[nav-bar-transition="android"] { - - .title, - .buttons { - @include transition-duration( $android-transition-duration ); - @include transition-timing-function( $android-transition-timing-function ); - -webkit-transition-property: opacity; - transition-property: opacity; - } - - [nav-bar="active"], - [nav-bar="entering"] { - z-index: $z-index-bar-above; - - .bar { - background: transparent; - } - } - - [nav-bar="cached"] { - display: block; - - .header-item { - display: none; - } - } - -} - - - -// Nav Swipe -// ------------------------------- - -[nav-swipe="fast"] { - [nav-view], - .title, - .buttons, - .back-text { - @include transition-duration(50ms); - @include transition-timing-function(linear); - } -} - -[nav-swipe="slow"] { - [nav-view], - .title, - .buttons, - .back-text { - @include transition-duration(160ms); - @include transition-timing-function(linear); - } -} - - - -// Transition Settings -// ------------------------------- - -[nav-view="cached"], -[nav-bar="cached"] { - display: none; -} - -[nav-view="stage"] { - opacity: 0; - @include transition-duration( 0 ); -} - -[nav-bar="stage"] { - .title, - .buttons, - .back-text { - position: absolute; - opacity: 0; - @include transition-duration(0s); - } -} - |
