diff options
Diffstat (limited to 'docs/dist/css/ratchet-theme-ios.css')
-rw-r--r-- | docs/dist/css/ratchet-theme-ios.css | 48 |
1 files changed, 48 insertions, 0 deletions
diff --git a/docs/dist/css/ratchet-theme-ios.css b/docs/dist/css/ratchet-theme-ios.css index bf2260d..99b86ce 100644 --- a/docs/dist/css/ratchet-theme-ios.css +++ b/docs/dist/css/ratchet-theme-ios.css @@ -11,6 +11,7 @@ a { color: #007aff; } + a:active { color: #0062cc; } @@ -42,6 +43,7 @@ p { -webkit-transition-duration: .2s; transition-duration: .2s; } + .btn:active, .btn.active { color: #fff; background-color: #929292; @@ -52,6 +54,7 @@ p { background-color: #007aff; border: 1px solid #007aff; } + .btn-primary:active, .btn-primary.active { background-color: #0062cc; border: 1px solid #0062cc; @@ -62,6 +65,7 @@ p { background-color: #4cd964; border: 1px solid #4cd964; } + .btn-positive:active, .btn-positive.active { background-color: #2ac845; border: 1px solid #2ac845; @@ -72,6 +76,7 @@ p { background-color: #dd524d; border: 1px solid #dd524d; } + .btn-negative:active, .btn-negative.active { background-color: #cf2d28; border: 1px solid #cf2d28; @@ -80,15 +85,19 @@ p { .btn-outlined { background-color: transparent; } + .btn-outlined.btn-primary { color: #007aff; } + .btn-outlined.btn-positive { color: #4cd964; } + .btn-outlined.btn-negative { color: #dd524d; } + .btn-outlined.btn-primary:active, .btn-outlined.btn-positive:active, .btn-outlined.btn-negative:active { color: #fff; } @@ -98,6 +107,7 @@ p { background-color: transparent; border: none; } + .btn-link:active, .btn-link.active { color: #0062cc; background-color: transparent; @@ -106,9 +116,11 @@ p { .btn .badge { background-color: rgba(0, 0, 0, .15); } + .btn .badge.badge-inverted { background-color: transparent; } + .btn:active .badge { color: #fff; } @@ -118,15 +130,19 @@ p { border-bottom: 0; box-shadow: 0 0 1px rgba(0, 0, 0, .85); } + .bar.bar-header-secondary { top: 44px; } + .bar.bar-footer-secondary { bottom: 44px; } + .bar.bar-footer-secondary-tab { bottom: 50px; } + .bar.bar-footer, .bar.bar-footer-secondary, .bar.bar-footer-secondary-tab { border-top: 0; } @@ -138,6 +154,7 @@ p { .tab-item { color: #929292; } + .tab-item.active, .tab-item:active { color: #007aff; } @@ -145,6 +162,7 @@ p { .bar-nav .btn-link { color: #007aff; } + .bar-nav .btn-link:active { color: #007aff; opacity: .6; @@ -159,6 +177,7 @@ p { color: #fff; background-color: #007aff; } + .badge-primary.badge-inverted { color: #007aff; background-color: transparent; @@ -168,6 +187,7 @@ p { color: #fff; background-color: #4cd964; } + .badge-positive.badge-inverted { color: #4cd964; background-color: transparent; @@ -177,6 +197,7 @@ p { color: #fff; background-color: #dd524d; } + .badge-negative.badge-inverted { color: #dd524d; background-color: transparent; @@ -197,18 +218,22 @@ p { border-top: 0; border-bottom: 0; } + .table-view .table-view-cell { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"); background-repeat: no-repeat; background-position: 15px 100%; border-bottom: 0; } + .table-view .table-view-cell:last-child { background-image: none; } + .table-view .table-view-cell > a:not(.btn):active { color: inherit; } + .table-view .table-view-divider { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"); background-repeat: no-repeat; @@ -292,15 +317,18 @@ textarea, background-color: transparent; border: 1px solid #929292; } + .segmented-control .control-item { color: #929292; border-color: #929292; -webkit-transition: background-color .1s linear; transition: background-color .1s linear; } + .segmented-control .control-item:active { background-color: #ebebeb; } + .segmented-control .control-item.active { color: #fff; background-color: #929292; @@ -309,13 +337,16 @@ textarea, .segmented-control-primary { border: 1px solid #007aff; } + .segmented-control-primary .control-item { color: #007aff; border-color: inherit; } + .segmented-control-primary .control-item:active { background-color: #b3d7ff; } + .segmented-control-primary .control-item.active { color: #fff; background-color: #007aff; @@ -324,13 +355,16 @@ textarea, .segmented-control-positive { border: 1px solid #4cd964; } + .segmented-control-positive .control-item { color: #4cd964; border-color: inherit; } + .segmented-control-positive .control-item:active { background-color: #dff8e4; } + .segmented-control-positive .control-item.active { color: #fff; background-color: #4cd964; @@ -339,13 +373,16 @@ textarea, .segmented-control-negative { border: 1px solid #dd524d; } + .segmented-control-negative .control-item { color: #dd524d; border-color: inherit; } + .segmented-control-negative .control-item:active { background-color: #fae4e3; } + .segmented-control-negative .control-item.active { color: #fff; background-color: #dd524d; @@ -356,6 +393,7 @@ textarea, -webkit-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 { border-bottom: 15px solid rgba(247, 247, 247, .98); } @@ -377,6 +415,7 @@ textarea, -webkit-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); transition-timing-function: cubic-bezier(.1, .5, .1, 1); @@ -391,24 +430,29 @@ textarea, -webkit-transition-property: box-shadow, border; transition-property: box-shadow, border; } + .toggle .toggle-handle { border: 1px solid rgba(0, 0, 0, .2); box-shadow: 0 3px 3px rgba(0, 0, 0, .08); -webkit-transition-property: -webkit-transform, border, width; transition-property: transform, border, width; } + .toggle:before { display: none; } + .toggle.active { background-color: transparent; border: 2px solid #4cd964; box-shadow: inset 0 0 0 13px #4cd964; } + .toggle.active .toggle-handle { -webkit-transform: translate3d(17px, 0, 0); transform: translate3d(17px, 0, 0); } + .toggle.active .toggle-handle { border-color: #4cd964; } @@ -417,20 +461,24 @@ textarea, -webkit-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; } + .content.sliding { -webkit-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; animation-name: fadeOverlay; -webkit-animation-duration: .4s; animation-duration: .4s; } + .content.sliding.right:not([class*="sliding-in"]) { -webkit-animation-direction: reverse; animation-direction: reverse; } + .content.sliding.left { -webkit-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0); |