$drawer-prefix-cls: #{$prefix-name}drawer;

.#{$drawer-prefix-cls} {
    position: fixed;



    background: white;
    z-index: 1000;

    &-right {
        right: 0;
        top: 0;
        height: 100%;
    }

    &-left {
        left: 0;
        top: 0;
        height: 100%;
    }

    &-top {
        left: 0;
        top: 0;
        width: 100%;
    }

    &-bottom {
        left: 0;
        bottom: 0;
        width: 100%;
    }

    &-mask {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgba(55, 55, 55, .6);
        height: 100%;
        width: 100%;
        z-index: 1000;
    }

    &-header {
        padding: 16px 10px;
        border-bottom: 1px solid $borderColor;
    }

    &-body {
        padding: 16px 10px;
    }
}