Blame view

static/sass/home/_header-download.scss 1.21 KB
梁志锋 authored
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44
.header-download {
    position: relative;
    height: 212rem / $pxConvertRem;
    padding: (48rem / $pxConvertRem) 0 0;
    overflow: hidden;
    .download-bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        z-index: -1;
    }
    .yoho-logo {
        height: 57rem / $pxConvertRem;
        background: image-url("app-logo.png") no-repeat center center;
        background-size: auto 100%;
    }
    p {
        line-height: 48rem / $pxConvertRem;
        font-size: 28rem / $pxConvertRem;
        color: #fff;
        text-align: center;
    }
    .download-btn {
        display: block;
        margin: (18rem / $pxConvertRem) auto 0;
        width: 294rem / $pxConvertRem;
        height: 64rem / $pxConvertRem;
        line-height: 64rem / $pxConvertRem;
        border: (3rem / $pxConvertRem) solid #fff;
        font-size: 36rem / $pxConvertRem;
        text-align: center;
        color: #fff;
    }
    .close-btn {
        position: absolute;
        top: 17rem / $pxConvertRem;
        right: 13rem / $pxConvertRem;
        width: 50rem / $pxConvertRem;
        height: 50rem / $pxConvertRem;
        background: image-url("close-icon.png");
        background-size: 100% 100%;
    }
}