@charset "UTF-8";

//large small:350 middle:550
@mixin dialog($size: 350px) {
    .dialog-normal {
        position: absolute;
        display: none;
        width: $size;
        border: 2px solid $grayLighter;
        text-align: left;
        background-color: #fff;

        //dialog head
        .dialog-hd {
            padding: 8px $paddingBase;
            border-bottom: 1px solid $grayLighter;

            b {
                font-size: 14px;
            }

            .dialog-closer {
                float: right;
                font-size: $font-size-h4;
                cursor: pointer;
            }

            @include clearfix;
        }

        //dialog body
        .dialog-bd {
            margin: ($paddingBase * 2) ($paddingBase * 1.5);

            //浮层中有左右排列限制左右宽度
            .list-align {
                .list-element {
                    max-width: 240px;
                }

                .list-label {
                    width: 50px;
                }
            }

            .list-valign {
                .list-label {
                    color: $grayDarker;
                }
            }
        }

        //dialog bottom，一般为按钮区
        .dialog-bt {
            margin: ($paddingBase * 2) ($paddingBase * 2.5);
            text-align: center;

            //取消按钮
            .dialog-cancel {
                margin-left: $paddingBase * 2;
                display: inline-block;
            }
        }

        .icon-jinggao, .icon-toupiaoshibai, .icon-danyuanduihao {
            font-size: $font-size-h1;
        }

        //警告
        .icon-jinggao {
            color: $brandWarning;
        }

        //fail
        .icon-toupiaoshibai {
            color: $brandDanger;
        }

        //sucess
        .icon-danyuanduihao {
            color: $brandSuccess;
        }
    }
}