/**
 * Created by c.y on 2018-3-26
 * 文件说明: 全局覆盖样式
 */
@import './mixin.less';

// 全局的渐变 背景颜色控制
#app .vux-header {
    .color-linear-gradient(@color-gradient-darkBlue-left, @color-gradient-darkBlue-right) !important;
}

html {
    font-family: @fontDefault;
    height: 100%;
}

body {
    height: 100%;
    margin: 0;
}

.router-view {
    width: 100%;
    min-height: 100%;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
}

//  头部样式覆盖   ============== begin=====================
.header-common {
    height: 44px;

    line-height: 1;
}

.router-view .header-common {
    padding: 0;
}

.router-view .header-common .vux-header-left .left-arrow {
    top: -6px;
}

.router-view .gradient-color .vux-header-left .left-arrow:before {
    border: 2px solid @color-white;
    border-width: 2PX 0 0 2PX;
}

//  头部样式覆盖   ============== end=====================

.f-footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1000;
    .weui-tabbar {
        background-color: @color-white;
    }
    .weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon,
    .weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon > i,
    .weui-tabbar__item.weui-bar__item_on .weui-tabbar__label {
        color: @color-primary;
    }
    input::-webkit-input-placeholder {
        color: @color-text-third !important; /* WebKit browsers */
    }
}

/**
 *  iPad 3/4 portrait
 */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {

}

/**
 *  iPad 1/2 landscape & portrait
 */
@media only screen
and (min-device-width: 768Px)
and (max-device-width: 1024Px)
and (-webkit-min-device-pixel-ratio: 1) {
    body .router-view {
        .vux-header {
            .vux-header-title {
                height: 60px;
                line-height: 60px;
                font-size: 28px;
            }
            .vux-header-left {
                .left-arrow:before {
                    width: 20px;
                    height: 20px;
                    margin-top: 3px;
                }
            }
        }
        .f-footer {
            .weui-tabbar {
                .iconfont {
                    position: relative;
                    right: 5px;
                    font-size: 36px;
                }
                .weui-tabbar__label span {
                    font-size: 18Px;
                }
            }
        }
    }
}

@media only screen
and (min-width: 1024Px)
and (max-width: 1366Px)
and (-webkit-min-device-pixel-ratio: 1) {
    body .router-view {
        .vux-header {
            .vux-header-title {
                height: 60px;
                line-height: 60px;
                font-size: 28px;
            }
            .vux-header-left {
                .left-arrow:before {
                    width: 20px;
                    height: 20px;
                    margin-top: 3px;
                }
            }
        }
        .f-footer {
            .weui-tabbar {
                .iconfont {
                    position: relative;
                    right: 5px;
                    font-size: 36px;
                }
                .weui-tabbar__label span {
                    font-size: 18Px;
                }
            }
        }
    }
}