Blame view

public/scss/layout/modal.scss 1.27 KB
陈轩 authored
1 2 3
.ymodal-open {
    overflow: hidden;
}
ccbikai(👎🏻🍜) authored
4
陈轩 authored
5 6 7 8 9 10 11 12 13 14
.ymodal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    display: none;
}
陈轩 authored
15 16
.ymodal-dialog {
    position: relative;
陈轩 authored
17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38
    margin: 15px auto;
    width: 540px;
}

.ymodal-content {
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    border-radius: 8px;
}

.ymodal-header {
    position: relative;
}

.ymodal-footer {
    font-size: 34px;
    height: 88px;
    border-top: 1PX solid #e0e0e0;
}

.ymodal-body {
陈轩 authored
39
    padding: 25px;
陈轩 authored
40 41
}
陈轩 authored
42 43 44 45 46 47
.ymodal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
陈轩 authored
48
    z-index: 998;
陈轩 authored
49
    background-color: #000;
陈轩 authored
50
    opacity: 0.8;
陈轩 authored
51 52
}
陈轩 authored
53
/* ------------------------------------------- *\
陈轩 authored
54
            Alert
陈轩 authored
55
\* ------------------------------------------- */
陈轩 authored
56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82
.ymodal-alert {
    .ymodal-dialog {
        margin-top: 200px;
    }

    .ymodal-content {
        width: 540px;
    }

    .ymodal-body {
        padding-top: 40px;
        text-align: center;
        min-height: 170px;
        font-size: 26px;
    }

    .ymodal-footer {
        text-align: center;
    }

    .ymodal-btn-close {
        color: #d0021b;
        display: block;
        height: 100%;
        width: 100%;
        background-color: transparent;
    }
陈轩 authored
83
}