Modify the directory structure

2016-10-28 10:09:07 +08:00 · 2016-10-28 10:09:07 +08:00 · 4b05d84ea2
commit 4b05d84ea2
parent 31fbef10e4
175 changed files with 48 additions and 46 deletions
--- a/styles/components/modal.less
+++ b/styles/components/modal.less
@ -1,133 +0,0 @@
-@modal-prefix-cls: ~"@{css-prefix}modal";
-@confirm-prefix-cls: ~"@{css-prefix}modal-confirm";
-
-.@{modal-prefix-cls} {
-    width: auto;
-    margin: 0 auto;
-    position: relative;
-    outline: none;
-    top: 100px;
-
-    &-hidden {
-        display: none;
-    }
-
-    &-wrap {
-        position: fixed;
-        overflow: auto;
-        top: 0;
-        right: 0;
-        bottom: 0;
-        left: 0;
-        z-index: @zindex-modal;
-        -webkit-overflow-scrolling: touch;
-        outline: 0;
-    }
-
-    &-wrap * {
-        box-sizing: border-box;
-        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-    }
-
-    &-mask {
-        .mask;
-    }
-
-    &-content {
-        position: relative;
-        background-color: #fff;
-        border: 0;
-        border-radius: @border-radius-base;
-        background-clip: padding-box;
-    }
-
-    &-header {
-        .content-header;
-    }
-
-    &-close {
-        .content-close;
-    }
-
-    &-body {
-        padding: 16px;
-        font-size: 12px;
-        line-height: 1.5;
-    }
-
-    &-footer {
-        border-top: 1px solid @border-color-split;
-        padding: 10px 18px 10px 10px;
-        text-align: right;
-        button + button {
-            margin-left: 8px;
-            margin-bottom: 0;
-        }
-    }
-}
-
-@media (max-width: 768px) {
-    .@{modal-prefix-cls} {
-        width: auto !important;
-        margin: 10px;
-    }
-    .vertical-center-modal {
-        .@{modal-prefix-cls} {
-            flex: 1;
-        }
-    }
-}
-
-.@{confirm-prefix-cls} {
-    padding: 10px 25px 20px;
-    &-head {
-        &-icon {
-            display: inline-block;
-            font-size: 28px;
-            margin-right: 5px;
-            padding: 0 1px;
-            position: relative;
-            top: 5px;
-
-            &-info {
-                color: @primary-color;
-            }
-            &-success {
-                color: @success-color;
-            }
-            &-warning {
-                color: @warning-color;
-            }
-            &-error {
-                color: @error-color;
-            }
-            &-confirm {
-                color: @warning-color;
-            }
-        }
-
-        &-title {
-            display: inline-block;
-            font-size: @font-size-base;
-            color: @text-color;
-            font-weight: 700;
-        }
-    }
-
-    &-body{
-        margin-left: 35px;
-        margin-top: 8px;
-        font-size: 12px;
-        color: @text-color;
-    }
-
-    &-footer{
-        margin-top: 20px;
-        text-align: right;
-
-        button + button {
-            margin-left: 8px;
-            margin-bottom: 0;
-        }
-    }
-}