Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/twbs/ratchet.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to 'docs/dist/css/ratchet-theme-ios.css')
-rw-r--r--docs/dist/css/ratchet-theme-ios.css38
1 files changed, 7 insertions, 31 deletions
diff --git a/docs/dist/css/ratchet-theme-ios.css b/docs/dist/css/ratchet-theme-ios.css
index 7d745d0..0caa690 100644
--- a/docs/dist/css/ratchet-theme-ios.css
+++ b/docs/dist/css/ratchet-theme-ios.css
@@ -36,13 +36,10 @@ p {
background-color: rgba(247, 247, 247, .98);
border: 1px solid #929292;
-webkit-transition: all;
- -moz-transition: all;
transition: all;
-webkit-transition-timing-function: linear;
- -moz-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transition-duration: .2s;
- -moz-transition-duration: .2s;
transition-duration: .2s;
}
.btn:active, .btn.active {
@@ -119,8 +116,7 @@ p {
.bar {
background-color: rgba(247, 247, 247, .98);
border-bottom: 0;
- -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .85);
- box-shadow: 0 0 1px rgba(0, 0, 0, .85);
+ box-shadow: 0 0 1px rgba(0, 0, 0, .85);
}
.bar.bar-header-secondary {
top: 44px;
@@ -300,7 +296,6 @@ textarea,
color: #929292;
border-color: #929292;
-webkit-transition: background-color .1s linear;
- -moz-transition: background-color .1s linear;
transition: background-color .1s linear;
}
.segmented-control .control-item:active {
@@ -359,7 +354,6 @@ textarea,
.popover {
border-radius: 12px;
-webkit-transition: -webkit-transform .2s ease-in-out, opacity .2s ease-in-out;
- -moz-transition: -webkit-transform .2s ease-in-out, opacity .2s ease-in-out;
transition: -webkit-transform .2s ease-in-out, opacity .2s ease-in-out;
}
.popover:before {
@@ -367,8 +361,7 @@ textarea,
}
.popover .bar {
- -webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
}
.popover .bar-nav {
@@ -382,33 +375,26 @@ textarea,
.modal {
-webkit-transition-timing-function: cubic-bezier(.1, .5, .1, 1);
- -moz-transition-timing-function: cubic-bezier(.1, .5, .1, 1);
transition-timing-function: cubic-bezier(.1, .5, .1, 1);
}
.modal.active {
-webkit-transition-timing-function: cubic-bezier(.1, .5, .1, 1);
- -moz-transition-timing-function: cubic-bezier(.1, .5, .1, 1);
transition-timing-function: cubic-bezier(.1, .5, .1, 1);
}
.toggle {
width: 47px;
border: 2px solid #e6e6e6;
- -webkit-box-shadow: inset 0 0 0 0 #e1e1e1;
- box-shadow: inset 0 0 0 0 #e1e1e1;
+ box-shadow: inset 0 0 0 0 #e1e1e1;
-webkit-transition-duration: .2s;
- -moz-transition-duration: .2s;
transition-duration: .2s;
-webkit-transition-property: box-shadow, border;
- -moz-transition-property: box-shadow, border;
transition-property: box-shadow, border;
}
.toggle .toggle-handle {
border: 1px solid rgba(0, 0, 0, .2);
- -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, .08);
- box-shadow: 0 3px 3px rgba(0, 0, 0, .08);
+ box-shadow: 0 3px 3px rgba(0, 0, 0, .08);
-webkit-transition-property: -webkit-transform, border, width;
- -moz-transition-property: -moz-transform, border, width;
transition-property: transform, border, width;
}
.toggle:before {
@@ -417,12 +403,10 @@ textarea,
.toggle.active {
background-color: transparent;
border: 2px solid #4cd964;
- -webkit-box-shadow: inset 0 0 0 13px #4cd964;
- box-shadow: inset 0 0 0 13px #4cd964;
+ box-shadow: inset 0 0 0 13px #4cd964;
}
.toggle.active .toggle-handle {
-webkit-transform: translate3d(17px, 0, 0);
- -ms-transform: translate3d(17px, 0, 0);
transform: translate3d(17px, 0, 0);
}
.toggle.active .toggle-handle {
@@ -431,40 +415,32 @@ textarea,
.content.fade {
-webkit-transition: opacity .2s ease-in-out;
- -moz-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out;
}
.content.sliding {
-webkit-transition-timing-function: cubic-bezier(.1, .5, .1, 1);
- -moz-transition-timing-function: cubic-bezier(.1, .5, .1, 1);
transition-timing-function: cubic-bezier(.1, .5, .1, 1);
}
.content.sliding.sliding-in, .content.sliding.right:not([class*="sliding-in"]) {
-webkit-animation-name: fadeOverlay;
- -moz-animation-name: fadeOverlay;
animation-name: fadeOverlay;
-webkit-animation-duration: .4s;
- -moz-animation-duration: .4s;
animation-duration: .4s;
}
.content.sliding.right:not([class*="sliding-in"]) {
-webkit-animation-direction: reverse;
- -moz-animation-direction: reverse;
animation-direction: reverse;
}
.content.sliding.left {
-webkit-transform: translate3d(-20%, 0, 0);
- -ms-transform: translate3d(-20%, 0, 0);
transform: translate3d(-20%, 0, 0);
}
@-webkit-keyframes fadeOverlay {
from {
- -webkit-box-shadow: 0 0 10px transparent, -320px 0 0 transparent;
- box-shadow: 0 0 10px transparent, -320px 0 0 transparent;
+ box-shadow: 0 0 10px transparent, -320px 0 0 transparent;
}
to {
- -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3), -320px 0 0 rgba(0, 0, 0, .1);
- box-shadow: 0 0 10px rgba(0, 0, 0, .3), -320px 0 0 rgba(0, 0, 0, .1);
+ box-shadow: 0 0 10px rgba(0, 0, 0, .3), -320px 0 0 rgba(0, 0, 0, .1);
}
}