|
|
|
|
@ -39,6 +39,7 @@ body {
|
|
|
|
|
color: #fff; |
|
|
|
|
opacity: .4; |
|
|
|
|
-webkit-transition: opacity 0.2s linear; |
|
|
|
|
-moz-transition: opacity 0.2s linear; |
|
|
|
|
transition: opacity 0.2s linear; |
|
|
|
|
} |
|
|
|
|
.docs-nav .icon:hover, |
|
|
|
|
@ -71,6 +72,7 @@ body {
|
|
|
|
|
color: #00d1fe; |
|
|
|
|
border-color: #00d1fe; |
|
|
|
|
-webkit-transition: all 0.2s linear; |
|
|
|
|
-moz-transition: all 0.2s linear; |
|
|
|
|
transition: all 0.2s linear; |
|
|
|
|
} |
|
|
|
|
.docs-header-content .btn:hover { |
|
|
|
|
@ -293,6 +295,7 @@ body {
|
|
|
|
|
padding-bottom: 8px; |
|
|
|
|
background-image: linear-gradient(45deg, #317ca6 0%, #254456 100%); |
|
|
|
|
-webkit-transition: padding-top 0.2s linear, padding-bottom 0.2s linear; |
|
|
|
|
-moz-transition: padding-top 0.2s linear, padding-bottom 0.2s linear; |
|
|
|
|
transition: padding-top 0.2s linear, padding-bottom 0.2s linear; |
|
|
|
|
} |
|
|
|
|
.platform-toggle .segmented-control { |
|
|
|
|
@ -522,6 +525,7 @@ hr {
|
|
|
|
|
background-size: 100%; |
|
|
|
|
background-repeat: no-repeat; |
|
|
|
|
-webkit-transition: background-image 0.1s linear; |
|
|
|
|
-moz-transition: background-image 0.1s linear; |
|
|
|
|
transition: background-image 0.1s linear; |
|
|
|
|
} |
|
|
|
|
.device:after { |
|
|
|
|
@ -571,6 +575,7 @@ hr {
|
|
|
|
|
padding-right: 0; |
|
|
|
|
opacity: .3; |
|
|
|
|
-webkit-transition: opacity 0.2s ease-in-out; |
|
|
|
|
-moz-transition: opacity 0.2s ease-in-out; |
|
|
|
|
transition: opacity 0.2s ease-in-out; |
|
|
|
|
} |
|
|
|
|
.component.active { |
|
|
|
|
@ -806,10 +811,13 @@ hr {
|
|
|
|
|
color: #929292; |
|
|
|
|
background-color: rgba(247, 247, 247, 0.98); |
|
|
|
|
-webkit-transition: all; |
|
|
|
|
-moz-transition: all; |
|
|
|
|
transition: all; |
|
|
|
|
-webkit-transition-duration: 0.2s; |
|
|
|
|
-moz-transition-duration: 0.2s; |
|
|
|
|
transition-duration: 0.2s; |
|
|
|
|
-webkit-transition-timing-function: linear; |
|
|
|
|
-moz-transition-timing-function: linear; |
|
|
|
|
transition-timing-function: linear; |
|
|
|
|
} |
|
|
|
|
.platform-ios .btn:active, .platform-ios .btn.active { |
|
|
|
|
@ -1021,6 +1029,7 @@ hr {
|
|
|
|
|
.platform-ios .segmented-control li { |
|
|
|
|
border-color: #929292; |
|
|
|
|
-webkit-transition: background-color 0.1s linear; |
|
|
|
|
-moz-transition: background-color 0.1s linear; |
|
|
|
|
transition: background-color 0.1s linear; |
|
|
|
|
} |
|
|
|
|
.platform-ios .segmented-control li:active { |
|
|
|
|
@ -1089,6 +1098,7 @@ hr {
|
|
|
|
|
.platform-ios .popover { |
|
|
|
|
border-radius: 12px; |
|
|
|
|
-webkit-transition: -webkit-transform 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out; |
|
|
|
|
-moz-transition: -webkit-transform 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out; |
|
|
|
|
transition: -webkit-transform 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out; |
|
|
|
|
} |
|
|
|
|
.platform-ios .popover:before { |
|
|
|
|
@ -1106,10 +1116,12 @@ hr {
|
|
|
|
|
} |
|
|
|
|
.platform-ios .modal { |
|
|
|
|
-webkit-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); |
|
|
|
|
-moz-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); |
|
|
|
|
transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); |
|
|
|
|
} |
|
|
|
|
.platform-ios .modal.active { |
|
|
|
|
-webkit-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); |
|
|
|
|
-moz-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); |
|
|
|
|
transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); |
|
|
|
|
} |
|
|
|
|
.platform-ios .toggle { |
|
|
|
|
@ -1118,8 +1130,10 @@ hr {
|
|
|
|
|
-webkit-box-shadow: inset 0 0 0 0 #e1e1e1; |
|
|
|
|
box-shadow: inset 0 0 0 0 #e1e1e1; |
|
|
|
|
-webkit-transition-property: box-shadow, border; |
|
|
|
|
-moz-transition-property: box-shadow, border; |
|
|
|
|
transition-property: box-shadow, border; |
|
|
|
|
-webkit-transition-duration: 0.2s; |
|
|
|
|
-moz-transition-duration: 0.2s; |
|
|
|
|
transition-duration: 0.2s; |
|
|
|
|
} |
|
|
|
|
.platform-ios .toggle .toggle-handle { |
|
|
|
|
@ -1127,6 +1141,7 @@ hr {
|
|
|
|
|
-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.08); |
|
|
|
|
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.08); |
|
|
|
|
-webkit-transition-property: -webkit-transform, border, width; |
|
|
|
|
-moz-transition-property: -webkit-transform, border, width; |
|
|
|
|
transition-property: -webkit-transform, border, width; |
|
|
|
|
} |
|
|
|
|
.platform-ios .toggle:before { |
|
|
|
|
@ -1140,11 +1155,13 @@ hr {
|
|
|
|
|
} |
|
|
|
|
.platform-ios .toggle.active .toggle-handle { |
|
|
|
|
-webkit-transform: translate3d(17px, 0, 0); |
|
|
|
|
-ms-transform: translate3d(17px, 0, 0); |
|
|
|
|
transform: translate3d(17px, 0, 0); |
|
|
|
|
} |
|
|
|
|
.platform-ios .toggle.active:active .toggle-handle, |
|
|
|
|
.platform-ios .toggle.active .toggle-handle:active { |
|
|
|
|
-webkit-transform: translate3d(10px, 0, 0) !important; |
|
|
|
|
-ms-transform: translate3d(10px, 0, 0) !important; |
|
|
|
|
transform: translate3d(10px, 0, 0) !important; |
|
|
|
|
} |
|
|
|
|
.platform-ios .toggle.active .toggle-handle { |
|
|
|
|
@ -1152,24 +1169,30 @@ hr {
|
|
|
|
|
} |
|
|
|
|
.platform-ios .content.fade { |
|
|
|
|
-webkit-transition: opacity 0.2s ease-in-out; |
|
|
|
|
-moz-transition: opacity 0.2s ease-in-out; |
|
|
|
|
transition: opacity 0.2s ease-in-out; |
|
|
|
|
} |
|
|
|
|
.platform-ios .content.slide { |
|
|
|
|
-webkit-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); |
|
|
|
|
-moz-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); |
|
|
|
|
transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); |
|
|
|
|
} |
|
|
|
|
.platform-ios .content.slide.sliding-in, .platform-ios .content.slide.right:not([class*="sliding-in"]) { |
|
|
|
|
-webkit-animation-name: fadeOverlay; |
|
|
|
|
-moz-animation-name: fadeOverlay; |
|
|
|
|
animation-name: fadeOverlay; |
|
|
|
|
-webkit-animation-duration: 0.4s; |
|
|
|
|
-moz-animation-duration: 0.4s; |
|
|
|
|
animation-duration: 0.4s; |
|
|
|
|
} |
|
|
|
|
.platform-ios .content.slide.right:not([class*="sliding-in"]) { |
|
|
|
|
-webkit-animation-direction: reverse; |
|
|
|
|
-moz-animation-direction: reverse; |
|
|
|
|
animation-direction: reverse; |
|
|
|
|
} |
|
|
|
|
.platform-ios .content.slide.left { |
|
|
|
|
-webkit-transform: translate3d(-20%, 0, 0); |
|
|
|
|
-ms-transform: translate3d(-20%, 0, 0); |
|
|
|
|
transform: translate3d(-20%, 0, 0); |
|
|
|
|
} |
|
|
|
|
.platform-ios .device { |
|
|
|
|
@ -1433,9 +1456,6 @@ hr {
|
|
|
|
|
border-bottom: 2px solid #a9a9a9; |
|
|
|
|
background-color: transparent; |
|
|
|
|
} |
|
|
|
|
.platform-android .table-view .btn { |
|
|
|
|
margin-top: -4px; |
|
|
|
|
} |
|
|
|
|
.platform-android select, |
|
|
|
|
.platform-android textarea, |
|
|
|
|
.platform-android input[type="text"], |
|
|
|
|
@ -1558,6 +1578,7 @@ hr {
|
|
|
|
|
border-radius: 0; |
|
|
|
|
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); |
|
|
|
|
-webkit-transition: -webkit-transform 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out; |
|
|
|
|
-moz-transition: -webkit-transform 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out; |
|
|
|
|
transition: -webkit-transform 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out; |
|
|
|
|
} |
|
|
|
|
.platform-android .popover:before { |
|
|
|
|
@ -1604,6 +1625,7 @@ hr {
|
|
|
|
|
background-color: #33b5e5; |
|
|
|
|
border-color: #33b5e5; |
|
|
|
|
-webkit-transform: translate3d(50px, 0, 0); |
|
|
|
|
-ms-transform: translate3d(50px, 0, 0); |
|
|
|
|
transform: translate3d(50px, 0, 0); |
|
|
|
|
} |
|
|
|
|
.platform-android .toggle.active:before { |
|
|
|
|
|
connors
11 years ago