|
2 | 2 | * Copyright 2014 Drifty Co.
|
3 | 3 | * http://drifty.com/
|
4 | 4 | *
|
5 |
| - * Ionic, v1.0.0-beta.8 |
| 5 | + * Ionic, v1.0.0-beta.9 |
6 | 6 | * A powerful HTML5 mobile app framework.
|
7 | 7 | * http://ionicframework.com/
|
8 | 8 | *
|
@@ -2749,62 +2749,80 @@ a.subdued {
|
2749 | 2749 | color: #444; }
|
2750 | 2750 | .bar.bar-light .title {
|
2751 | 2751 | color: #444; }
|
| 2752 | + .bar.bar-light.bar-footer { |
| 2753 | + background-image: linear-gradient(180deg, #ddd, #ddd 50%, transparent 50%); } |
2752 | 2754 | .bar.bar-stable {
|
2753 | 2755 | border-color: #b2b2b2;
|
2754 | 2756 | background-color: #f8f8f8;
|
2755 | 2757 | background-image: linear-gradient(0deg, #b2b2b2, #b2b2b2 50%, transparent 50%);
|
2756 | 2758 | color: #444; }
|
2757 | 2759 | .bar.bar-stable .title {
|
2758 | 2760 | color: #444; }
|
| 2761 | + .bar.bar-stable.bar-footer { |
| 2762 | + background-image: linear-gradient(180deg, #b2b2b2, #b2b2b2 50%, transparent 50%); } |
2759 | 2763 | .bar.bar-positive {
|
2760 | 2764 | border-color: #145fd7;
|
2761 | 2765 | background-color: #4a87ee;
|
2762 | 2766 | background-image: linear-gradient(0deg, #145fd7, #145fd7 50%, transparent 50%);
|
2763 | 2767 | color: #fff; }
|
2764 | 2768 | .bar.bar-positive .title {
|
2765 | 2769 | color: #fff; }
|
| 2770 | + .bar.bar-positive.bar-footer { |
| 2771 | + background-image: linear-gradient(180deg, #145fd7, #145fd7 50%, transparent 50%); } |
2766 | 2772 | .bar.bar-calm {
|
2767 | 2773 | border-color: #1aacc3;
|
2768 | 2774 | background-color: #43cee6;
|
2769 | 2775 | background-image: linear-gradient(0deg, #1aacc3, #1aacc3 50%, transparent 50%);
|
2770 | 2776 | color: #fff; }
|
2771 | 2777 | .bar.bar-calm .title {
|
2772 | 2778 | color: #fff; }
|
| 2779 | + .bar.bar-calm.bar-footer { |
| 2780 | + background-image: linear-gradient(180deg, #1aacc3, #1aacc3 50%, transparent 50%); } |
2773 | 2781 | .bar.bar-assertive {
|
2774 | 2782 | border-color: #cc2311;
|
2775 | 2783 | background-color: #ef4e3a;
|
2776 | 2784 | background-image: linear-gradient(0deg, #cc2311, #cc2311 50%, transparent 50%);
|
2777 | 2785 | color: #fff; }
|
2778 | 2786 | .bar.bar-assertive .title {
|
2779 | 2787 | color: #fff; }
|
| 2788 | + .bar.bar-assertive.bar-footer { |
| 2789 | + background-image: linear-gradient(180deg, #cc2311, #cc2311 50%, transparent 50%); } |
2780 | 2790 | .bar.bar-balanced {
|
2781 | 2791 | border-color: #498f24;
|
2782 | 2792 | background-color: #66cc33;
|
2783 | 2793 | background-image: linear-gradient(0deg, #498f24, #498f24 50%, transparent 50%);
|
2784 | 2794 | color: #fff; }
|
2785 | 2795 | .bar.bar-balanced .title {
|
2786 | 2796 | color: #fff; }
|
| 2797 | + .bar.bar-balanced.bar-footer { |
| 2798 | + background-image: linear-gradient(180deg, #498f24, #145fd7 50%, transparent 50%); } |
2787 | 2799 | .bar.bar-energized {
|
2788 | 2800 | border-color: #d39211;
|
2789 | 2801 | background-color: #f0b840;
|
2790 | 2802 | background-image: linear-gradient(0deg, #d39211, #d39211 50%, transparent 50%);
|
2791 | 2803 | color: #fff; }
|
2792 | 2804 | .bar.bar-energized .title {
|
2793 | 2805 | color: #fff; }
|
| 2806 | + .bar.bar-energized.bar-footer { |
| 2807 | + background-image: linear-gradient(180deg, #d39211, #d39211 50%, transparent 50%); } |
2794 | 2808 | .bar.bar-royal {
|
2795 | 2809 | border-color: #552bdf;
|
2796 | 2810 | background-color: #8a6de9;
|
2797 | 2811 | background-image: linear-gradient(0deg, #552bdf, #552bdf 50%, transparent 50%);
|
2798 | 2812 | color: #fff; }
|
2799 | 2813 | .bar.bar-royal .title {
|
2800 | 2814 | color: #fff; }
|
| 2815 | + .bar.bar-royal.bar-footer { |
| 2816 | + background-image: linear-gradient(180deg, #552bdf, #552bdf 50%, transparent 50%); } |
2801 | 2817 | .bar.bar-dark {
|
2802 | 2818 | border-color: #111;
|
2803 | 2819 | background-color: #444444;
|
2804 | 2820 | background-image: linear-gradient(0deg, #111, #111 50%, transparent 50%);
|
2805 | 2821 | color: #fff; }
|
2806 | 2822 | .bar.bar-dark .title {
|
2807 | 2823 | color: #fff; }
|
| 2824 | + .bar.bar-dark.bar-footer { |
| 2825 | + background-image: linear-gradient(180deg, #111, #111 50%, transparent 50%); } |
2808 | 2826 | .bar .title {
|
2809 | 2827 | position: absolute;
|
2810 | 2828 | top: 0;
|
@@ -3430,6 +3448,10 @@ a.subdued {
|
3430 | 3448 | max-height: 100%;
|
3431 | 3449 | width: 275px;
|
3432 | 3450 | background-color: #fff; }
|
| 3451 | + .menu .scroll-content { |
| 3452 | + z-index: 10; } |
| 3453 | + .menu .bar-header { |
| 3454 | + z-index: 11; } |
3433 | 3455 |
|
3434 | 3456 | .menu-content {
|
3435 | 3457 | -webkit-transform: none;
|
@@ -3499,7 +3521,21 @@ a.subdued {
|
3499 | 3521 | min-height: 240px;
|
3500 | 3522 | width: 60%; }
|
3501 | 3523 | .modal.ng-leave-active {
|
3502 |
| - bottom: 0; } } |
| 3524 | + bottom: 0; } |
| 3525 | + .platform-ios.platform-cordova .modal-wrapper .modal .bar-header:not(.bar-subheader) { |
| 3526 | + height: 44px; } |
| 3527 | + .platform-ios.platform-cordova .modal-wrapper .modal .bar-header:not(.bar-subheader) > * { |
| 3528 | + margin-top: 0; } |
| 3529 | + .platform-ios.platform-cordova .modal-wrapper .modal .tabs-top > .tabs, .platform-ios.platform-cordova .modal-wrapper .modal .tabs.tabs-top { |
| 3530 | + top: 44px; } |
| 3531 | + .platform-ios.platform-cordova .modal-wrapper .modal .has-header, .platform-ios.platform-cordova .modal-wrapper .modal .bar-subheader { |
| 3532 | + top: 44px; } |
| 3533 | + .platform-ios.platform-cordova .modal-wrapper .modal .has-subheader { |
| 3534 | + top: 88px; } |
| 3535 | + .platform-ios.platform-cordova .modal-wrapper .modal .has-tabs-top { |
| 3536 | + top: 93px; } |
| 3537 | + .platform-ios.platform-cordova .modal-wrapper .modal .has-header.has-subheader.has-tabs-top { |
| 3538 | + top: 137px; } } |
3503 | 3539 |
|
3504 | 3540 | .modal-open {
|
3505 | 3541 | pointer-events: none; }
|
@@ -3548,6 +3584,10 @@ a.subdued {
|
3548 | 3584 | -webkit-animation-fill-mode: both;
|
3549 | 3585 | -moz-animation-fill-mode: both;
|
3550 | 3586 | animation-fill-mode: both; }
|
| 3587 | + .popup.popup-tall { |
| 3588 | + overflow: hidden; } |
| 3589 | + .popup.popup-tall .popup-body { |
| 3590 | + overflow: auto; } |
3551 | 3591 |
|
3552 | 3592 | .popup-head {
|
3553 | 3593 | padding: 15px 0px;
|
@@ -3777,6 +3817,70 @@ a.item-content {
|
3777 | 3817 | overflow: visible;
|
3778 | 3818 | white-space: normal; }
|
3779 | 3819 |
|
| 3820 | +.item-complex.item-light > .item-content { |
| 3821 | + border-color: #ddd; |
| 3822 | + background-color: #fff; |
| 3823 | + color: #444; } |
| 3824 | + .item-complex.item-light > .item-content.active, .item-complex.item-light > .item-content:active { |
| 3825 | + border-color: #ccc; |
| 3826 | + background-color: #fafafa; } |
| 3827 | +.item-complex.item-stable > .item-content { |
| 3828 | + border-color: #b2b2b2; |
| 3829 | + background-color: #f8f8f8; |
| 3830 | + color: #444; } |
| 3831 | + .item-complex.item-stable > .item-content.active, .item-complex.item-stable > .item-content:active { |
| 3832 | + border-color: #a2a2a2; |
| 3833 | + background-color: #e5e5e5; } |
| 3834 | +.item-complex.item-positive > .item-content { |
| 3835 | + border-color: #145fd7; |
| 3836 | + background-color: #4a87ee; |
| 3837 | + color: #fff; } |
| 3838 | + .item-complex.item-positive > .item-content.active, .item-complex.item-positive > .item-content:active { |
| 3839 | + border-color: #145fd7; |
| 3840 | + background-color: #145fd7; } |
| 3841 | +.item-complex.item-calm > .item-content { |
| 3842 | + border-color: #1aacc3; |
| 3843 | + background-color: #43cee6; |
| 3844 | + color: #fff; } |
| 3845 | + .item-complex.item-calm > .item-content.active, .item-complex.item-calm > .item-content:active { |
| 3846 | + border-color: #1aacc3; |
| 3847 | + background-color: #1aacc3; } |
| 3848 | +.item-complex.item-assertive > .item-content { |
| 3849 | + border-color: #cc2311; |
| 3850 | + background-color: #ef4e3a; |
| 3851 | + color: #fff; } |
| 3852 | + .item-complex.item-assertive > .item-content.active, .item-complex.item-assertive > .item-content:active { |
| 3853 | + border-color: #cc2311; |
| 3854 | + background-color: #cc2311; } |
| 3855 | +.item-complex.item-balanced > .item-content { |
| 3856 | + border-color: #498f24; |
| 3857 | + background-color: #66cc33; |
| 3858 | + color: #fff; } |
| 3859 | + .item-complex.item-balanced > .item-content.active, .item-complex.item-balanced > .item-content:active { |
| 3860 | + border-color: #498f24; |
| 3861 | + background-color: #498f24; } |
| 3862 | +.item-complex.item-energized > .item-content { |
| 3863 | + border-color: #d39211; |
| 3864 | + background-color: #f0b840; |
| 3865 | + color: #fff; } |
| 3866 | + .item-complex.item-energized > .item-content.active, .item-complex.item-energized > .item-content:active { |
| 3867 | + border-color: #d39211; |
| 3868 | + background-color: #d39211; } |
| 3869 | +.item-complex.item-royal > .item-content { |
| 3870 | + border-color: #552bdf; |
| 3871 | + background-color: #8a6de9; |
| 3872 | + color: #fff; } |
| 3873 | + .item-complex.item-royal > .item-content.active, .item-complex.item-royal > .item-content:active { |
| 3874 | + border-color: #552bdf; |
| 3875 | + background-color: #552bdf; } |
| 3876 | +.item-complex.item-dark > .item-content { |
| 3877 | + border-color: #111; |
| 3878 | + background-color: #444; |
| 3879 | + color: #fff; } |
| 3880 | + .item-complex.item-dark > .item-content.active, .item-complex.item-dark > .item-content:active { |
| 3881 | + border-color: #000; |
| 3882 | + background-color: #262626; } |
| 3883 | + |
3780 | 3884 | /**
|
3781 | 3885 | * Item Icons
|
3782 | 3886 | * --------------------------------------------------
|
@@ -5985,11 +6089,26 @@ a.button {
|
5985 | 6089 | /**
|
5986 | 6090 | * iPad doesn't like box shadows
|
5987 | 6091 | */
|
5988 |
| -.grade-a:not(.platform-ipad) .slide-left-right-ios7 > .ng-enter, .grade-a:not(.platform-ipad) .slide-left-right-ios7.ng-enter, .grade-a:not(.platform-ipad) .slide-right-left-ios7.reverse > .ng-enter, .grade-a:not(.platform-ipad) .slide-right-left-ios7.reverse.ng-enter { |
5989 |
| - box-shadow: -200px 0px 200px rgba(0, 0, 0, 0), -5px 0px 5px rgba(0, 0, 0, 0.01); } |
5990 |
| -.grade-a:not(.platform-ipad) .slide-left-right-ios7 > .ng-enter.ng-enter-active, .grade-a:not(.platform-ipad) .slide-left-right-ios7.ng-enter.ng-enter-active, .grade-a:not(.platform-ipad) .slide-right-left-ios7.reverse > .ng-enter.ng-enter-active, .grade-a:not(.platform-ipad) .slide-right-left-ios7.reverse.ng-enter.ng-enter-active { |
5991 |
| - box-shadow: -200px 0px 200px rgba(0, 0, 0, 0.15), -5px 0px 5px rgba(0, 0, 0, 0.18); } |
5992 |
| - |
| 6092 | +/* |
| 6093 | +.grade-a:not(.platform-ipad) { |
| 6094 | + .slide-left-right-ios7, .slide-right-left-ios7.reverse { |
| 6095 | + > .ng-enter, &.ng-enter { |
| 6096 | + box-shadow: $ios-transition-box-shadow-start; |
| 6097 | + } |
| 6098 | + > .ng-enter.ng-enter-active, &.ng-enter.ng-enter-active { |
| 6099 | + box-shadow: $ios-transition-box-shadow-end; |
| 6100 | + } |
| 6101 | + } |
| 6102 | + .slide-left-right-ios7.reverse, .slide-right-left-ios7 { |
| 6103 | + > .ng-leave, &.ng-leave { |
| 6104 | + //box-shadow: $ios-transition-box-shadow-end; |
| 6105 | + } |
| 6106 | + > .ng-leave.ng-leave-active, &.ng-leave.ng-leave-active { |
| 6107 | + //box-shadow: $ios-transition-box-shadow-start; |
| 6108 | + } |
| 6109 | + } |
| 6110 | +} |
| 6111 | +*/ |
5993 | 6112 | .grade-a.platform-ipad .slide-left-right-ios7 > .ng-enter, .grade-a.platform-ipad .slide-left-right-ios7.ng-enter, .grade-a.platform-ipad .slide-right-left-ios7.reverse > .ng-enter, .grade-a.platform-ipad .slide-right-left-ios7.reverse.ng-enter {
|
5994 | 6113 | border-left: 1px solid #ddd; }
|
5995 | 6114 | .grade-a.platform-ipad .slide-left-right-ios7.reverse > .ng-leave, .grade-a.platform-ipad .slide-left-right-ios7.reverse.ng-leave, .grade-a.platform-ipad .slide-right-left-ios7 > .ng-leave, .grade-a.platform-ipad .slide-right-left-ios7.ng-leave {
|
@@ -7032,27 +7151,27 @@ a.button {
|
7032 | 7151 | font-family: 'Roboto', $font-family-base;
|
7033 | 7152 | }
|
7034 | 7153 | */
|
7035 |
| -.platform-ios7.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader) { |
| 7154 | +.platform-ios.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader) { |
7036 | 7155 | height: 64px; }
|
7037 |
| - .platform-ios7.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader).item-input-inset .item-input-wrapper { |
| 7156 | + .platform-ios.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader).item-input-inset .item-input-wrapper { |
7038 | 7157 | margin-top: 19px !important; }
|
7039 |
| - .platform-ios7.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader) > * { |
| 7158 | + .platform-ios.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader) > * { |
7040 | 7159 | margin-top: 20px; }
|
7041 |
| -.platform-ios7.platform-cordova:not(.fullscreen) .tabs-top > .tabs, .platform-ios7.platform-cordova:not(.fullscreen) .tabs.tabs-top { |
| 7160 | +.platform-ios.platform-cordova:not(.fullscreen) .tabs-top > .tabs, .platform-ios.platform-cordova:not(.fullscreen) .tabs.tabs-top { |
7042 | 7161 | top: 64px; }
|
7043 |
| -.platform-ios7.platform-cordova:not(.fullscreen) .has-header, .platform-ios7.platform-cordova:not(.fullscreen) .bar-subheader { |
| 7162 | +.platform-ios.platform-cordova:not(.fullscreen) .has-header, .platform-ios.platform-cordova:not(.fullscreen) .bar-subheader { |
7044 | 7163 | top: 64px; }
|
7045 |
| -.platform-ios7.platform-cordova:not(.fullscreen) .has-subheader { |
| 7164 | +.platform-ios.platform-cordova:not(.fullscreen) .has-subheader { |
7046 | 7165 | top: 108px; }
|
7047 |
| -.platform-ios7.platform-cordova:not(.fullscreen) .has-tabs-top { |
| 7166 | +.platform-ios.platform-cordova:not(.fullscreen) .has-tabs-top { |
7048 | 7167 | top: 113px; }
|
7049 |
| -.platform-ios7.platform-cordova:not(.fullscreen) .has-header.has-subheader.has-tabs-top { |
| 7168 | +.platform-ios.platform-cordova:not(.fullscreen) .has-header.has-subheader.has-tabs-top { |
7050 | 7169 | top: 157px; }
|
7051 |
| -.platform-ios7.platform-cordova.status-bar-hide { |
| 7170 | +.platform-ios.platform-cordova.status-bar-hide { |
7052 | 7171 | margin-bottom: 20px; }
|
7053 | 7172 |
|
7054 | 7173 | @media (orientation: landscape) {
|
7055 |
| - .platform-ios7.platform-browser.platform-ipad { |
| 7174 | + .platform-ios.platform-browser.platform-ipad { |
7056 | 7175 | position: fixed; } }
|
7057 | 7176 |
|
7058 | 7177 | .platform-c:not(.enable-transitions) * {
|
|
0 commit comments